免费专区丝袜调教视频

<cite id="tdvb9"><meter id="tdvb9"></meter></cite>

    <ins id="tdvb9"></ins>

      <track id="tdvb9"></track>
      <rp id="tdvb9"></rp>

      網頁設計公司分享:如何提高手機瀏覽的用戶體驗

      這和心理學有什么關系呢?說到用戶體驗,幾乎什么都有。

      有這么多的設備類型和尺寸,有這么多不同的方法來為這些設備設計網站,設計師創造的用戶體驗決定了網站的整體成功和用戶是否會回來。

      ,

      什么是用戶心理?

      用戶心理學是人們訪問網站或移動應用程序時想要和需要的背后的科學。心理學根植于一切,從用戶是否信任你的品牌到他們對你試圖傳達的信息的感覺。

      設計是其中很重要的一部分。從顏色到圖像到圖案,再到網站的運作方式,一切都可能影響這些感覺和情感聯系。

      這些元素中的每一個都應該最終導致用戶的操作。大多數心理學教科書都參考觸發器,使人們的行為和反應。這些觸發點也適用于網頁設計,甚至更適用于移動設計,在移動設計中,用戶幾乎總是需要與網站進行物理交互才能實現某些操作,比如在屏幕上滑動或輕敲手指。

      • 回報:如果你為用戶做了什么,他們也會為你做什么。(他們訂閱時事通訊,你就給他們免費的東西。)
      • 框架:用戶會對事物進行比較。我想要這個還是那個?大多數用戶處于所有選項的中間。)
      • Salience:用戶想要現在重要的東西。(這就是為什么電子商務網站會在購物體驗時在屏幕上添加相關商品。)
      • 社交證明:用戶會向他人尋求幫助。(社交媒體的影響。)
      • 稀缺性:用戶想要他們不能擁有的東西。(數量有限)
      • 對比:在用戶腦海中突出的東西。(設計理論101。)

      ,

      兩種不同的用戶體驗

      盡管觸發器與設備無關,但用戶體驗是不同的。絕大多數用戶都希望無論在什么設備上,內容都是一樣的,但對于如何使用和與內容交互卻有不同的想法。

      桌面網站是用來閱讀和細讀的。閱讀和信息收集過程可能會導致行動,但用戶經常有一個明確的理由去一個網站,如工作。并不是所有這些體驗都是基于娛樂或愉悅的,它們中的大多數可能不是。

      桌面用戶在他們的在線交互中也相對靜止。每一個動作都是通過鍵盤或鼠標完成的。只是與設備沒有太多實際的物理交互。(很少有用戶會觸摸屏幕。)

      移動設備的用戶體驗有很大的不同。用戶經常觸摸設備外殼和屏幕。所以這些元素的大小和它們的感覺非常重要。這種物理觸摸的使用使得在屏幕上設計元素特別重要,因為它們必須易于觸摸,不像桌面版本中鼠標點擊的大小總是相同的。

      移動設備用戶經常以不同的目的訪問網站。娛樂或任務完成活動比閱讀和研究活動更常見。(想想看,你有多頻繁地在雜貨店排隊時掏出手機玩游戲或回復短信。)

      物理差異也會影響移動設計的心理。你必須考慮照明條件,設備大小和觸摸選項。對于實際用戶,這些元素如何組合在一起?

      ,

      用戶期望

      這一切都歸結到一個中心問題:移動用戶想要和期望什么?

      與桌面網站不同,在桌面網站中,用戶期望的是一種視覺上的動態和吸引人的體驗,這種體驗相對來說是二維的,而移動用戶則希望一切都是真實的,生活在三維空間中。

      移動用戶已經開始期待從界面中獲得某些東西:

      • 每個動作都需要是可調整的。(而且很容易看到和點擊。)
      • 圖形和圖像的加載速度應該很快,而且可能根本不是移動體驗的一部分。
      • 選項需要與上下文相關。用戶想知道下一步是什么,他們可以從這里去哪里;他們不需要知道所有可能的選擇。
      • 網站需要整合所有的移動設備功能,如地圖、呼叫和與其他應用程序的整合。
      • 交互必須簡單并遵循普遍接受的模式。移動用戶的注意力幾乎為零。如果元素第一次就不能工作——并且沒有經過很多思考或解釋——用戶就會迷失。

      ,

      如何設計

      真正的秘密是結合觸發器和用戶期望;然后為他們設計。下面讓我們來分析幾個在這方面做得很好的網站,以及它們是如何將觸發器和移動期望結合起來以獲得出色的用戶體驗的。

      薄荷

      Mint使用了一種卡片風格的界面,在它的移動應用程序設計中,每個盒子都是一個可點擊的元素,而桌面版則有更多的點擊風格的鏈接。明亮的顏色和大量的白色空間有助于流線型的移動版本以及。

      觸發點:框架和突出是這里的關鍵觸發點,因為作為一個免費服務,mint會根據你可能正在考慮或需要的東西,從信用卡到保險,要求你注冊有限時間的優惠。

      移動期望:Mint加載最新用戶數據的速度非???。這個移動應用程序會刪除桌面站點中出現的許多較重的圖像,并使用一個簡單的垂直模式讓用戶跟蹤信息。它還整合了一些不錯的UX工具,如iPhone上的拇指指紋訪問和用于在元素之間移動的直觀手勢控制。

      mint

      mint-mobile

      蒸餾器

      Distiller使用響應式框架,使內容在桌面和移動版本上的外觀和感覺幾乎完全相同。該網站所做的是最大化移動格式的潛力,以獨特的方式瀏覽內容。

      觸發器:您可以很容易地看到這個站點使用對比來創建用戶參與的方式。在這兩種網站變體中,顏色和空白的使用都是為了創造刺激和鼓勵用戶采取行動。(只要看看色彩鮮艷的按鈕和顯眼的位置就知道了。)

      移動期望:Distiller使用大量普遍接受的模式來吸引用戶,并提供一些微妙的提示,以防用戶可能需要幫助。例如,看看第二個移動屏幕:可以來回滑動卡片樣式的元素(每個都是惟一的鏈接)來查看更多內容,并使用點樣式欄向用戶顯示還剩下多少元素。導航也被顯著地簡化,隱藏在一個漢堡包圖標中,這樣用戶就不會被選項淹沒,可以在移動站點上自由移動。

      distiller
      distiller-mobile

      天氣頻道

      天氣頻道在其桌面網站和移動應用程序上提供完全相同的內容,但體驗卻截然不同。桌面站點有更多的信息可以閱讀和瀏覽,而應用程序則專注于用戶現在需要知道的內容。

      觸發點:顯著性(如上所述)和社會證明是天氣頻道移動應用程序與眾不同的重要部分。打開的屏幕是用戶此時所站的位置的天氣。用戶只需輕輕一揮手指,就可以報告天氣狀況,在社交媒體上分享,成為這個知名品牌天氣故事的一部分。

      移動期望:該應用程序使用了現代的、扁平的、卡片風格的設計,使得每個元素都很容易點擊。沒有菜單可言,因為整個前提是上下文相關的,用戶可以根據自己的選擇從一個元素轉到下一個元素。

      weather
      weather-mobile

      達美樂披薩

      達美樂披薩(Domino 's Pizza)在公眾面前大肆宣揚點披薩有多容易。他們是對的。盡管桌面網站有一種非常傳統的感覺,但該應用程序使用了大量移動特定用戶界面工具(如語音訂購),使這一過程變得容易。

      觸發:互惠和框架是購買體驗的關鍵,有大量的提議和選項可供選擇。此外,手機版還能記住用戶的偏好,讓整個過程變得更簡單。

      移動期望:雖然Domino確實使用了一些在這些類型的應用程序中不常見的功能,但是解釋得很好(比如語音訂購圖標)。導航是建立在上下文和應用程序是設計與大量的對比度和小圖像加載迅速。

      dominos
      dominos-mobile

      《今夜秀

      《今夜秀》是為跨設備娛樂用戶而設計的。桌面和響應式站點以及應用程序的外觀和功能都類似。移動選項是流線型的,垂直層次結構和元素很容易采取的觀察。

      觸發點:和許多其他娛樂網站一樣,吸引人們回訪的是引人注目和社會認同。你想知道什么是熱點和趨勢,這是找到它的地方。

      移動期望:移動站點上的一個小技巧是,它首先詢問用戶是否想要應用程序,就好像在說“你想要我們提供的最佳體驗嗎?”“這是一個偉大的工具,用戶已經開始期待。很容易找到這個應用程序,因為它只需輕輕一點,用戶不必去尋找任何東西;就在他們面前。

      tonight tonight-mobile

      ,

      結論

      大多數用戶希望并期望找到相同的網站內容,而不管設備是什么,但他們往往希望用戶體驗是為他們使用的設備量身定制的。

      這種設備特定的用戶體驗將有助于提高用戶的忠誠度和那些良好的感覺,大多數網站所有者希望用戶感覺他們。簡單地說,擁有良好的桌面和體驗以及良好的移動用戶體驗非常重要;它們可能不一樣。

      通過優化用戶對設備的感受、使用和交互來為用戶進行設計。

      發表評論

      版權聲明:以上文章信息來源于網絡,等僅代表原作者本人的觀點。除了已經標注原創的文章外,其它文章版權和文責屬于原作者。文章中出現的商標、專利和其他版權所有的信息,其版權屬于其合法持有人。對可以提供充分證據的侵權信息, 我們將在確認后的1小時內刪除。本網站之聲明以及其修改權、更新權和最終解釋權均屬深圳市德啟企業形象設計有限公司所有,所有文章未經允許,嚴禁轉載。

      品牌戰略定位 × 品牌形象塑造 × 商業空間設計

      中小企業 – 上市公司 – 跨國企業 – 國有企業 – 世界500強
      免费专区丝袜调教视频