亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

想做好移動APP的用戶體驗,需要重點考慮的9個核心原則

作者:
分類: 觀點/經驗
2016-08-17
1862

為了達到可用性目的,應用程序應該是以用戶為中心的。用戶之所以安裝你的程序是因為他們需要解決某個緊迫的問題,也就是說,你的程序一定是要有實際用途的。你要仔細考慮用戶會是如何按著它們的方式嘗試去完成自己的目標需求的。

pm201608161.png

優秀的界面設計都能夠克服以上兩個問題:

為了達到可用性目的,應用程序應該是以用戶為中心的。用戶之所以安裝你的程序是因為他們需要解決某個緊迫的問題,也就是說,你的程序一定是要有實際用途的。你要仔細考慮用戶會是如何按著它們的方式嘗試去完成自己的目標需求的。

賦予界面足夠的清晰度。為了有效使用他們面對的用戶界面,人們首先必須意識到這個界面是干嗎用的又該怎么使用它。因此,在考慮界面是否還要清晰時絕不要猶豫。

以下是我認為在創建一個優秀的用戶體驗設計時需要重點考慮的9個核心原則:

1. 減少混亂

對于用戶體驗來說,用戶的注意力無疑是一種非常寶貴的資源,而你的設計應該合理地分配這一資源。如果你的用戶界面承載了諸如按鈕、圖片、文本等諸多雜亂的信息,勢必導致信息過載給用戶帶來壓力。

pm201608162.png

有一句出自 Antoine de Saint-Exupéry 得著名的短語,即”達到完美,并不是好得不能再好,而是好得一點都不多余?!?類似的,在移動設計中,擺脫掉一切并非絕對必要的信息是非常重要的,因為其減少了混亂,而提升了用戶的理解。

有一條簡單的經驗法則:每一個屏幕應該僅保存一個重要的動作。對于你的程序而言,其每一屏都應該向那些使用它的用戶提供一個有實際價值的獨立動作。這使的它易于學習,易于使用,易于在必要的時候加入或創建。相比于一個凌亂的屏幕,100個清晰的屏幕才是更可取的。

拿 Uber 來說,Uber清楚地知道用戶使用他們應用程序的目的是叫到一輛車,所以程序中并沒有覆蓋太多信息: 它能夠基于地理數據自動定位用戶的所在位置,唯一需要用戶去做的事情就只是選擇上車位置。

pm201608163.png

2. 使導航不言自明

對任何應用程序來說,幫助用戶導航前往正確的地方都是相當重要的一件事情。優秀的導航設計就好比指導用戶旅程的一只無形的手。畢竟,如果用戶都發現不了,那么再酷的功能特性或最最吸引人的內容也是沒用的。優秀的移動導航遵循以下基本原則:

(1)導航必須是連貫的。首先,你應該使用恰當的標識物(正確的視覺隱喻),這樣導航元素就不需要額外的解釋說明用戶就能理解,其次,要確保每個導航元素(如圖表)指向了正確的目的地。

pm201608164.gif

(2)導航必須保持一致性。在不同頁面中,千萬不要把導航控件移動到不同的位置或者隱藏起來。這樣會很容易使用戶迷失掉的。

(3)導航應該傳達出用戶當前的位置。無法表明當前位置可能是我們在應用程序菜單中最??吹降囊粋€問題。“我在哪里?” 是用戶要成功的導航前必須回答的基本問題之一。

3. 創建一個跨平臺的無縫體驗

你不應該將移動設計視作是孤立的。對用戶來講,創建一個在移動端、桌面端和平板端無縫結合的體驗是非常重要的。

pm201608165.jpg

以 Apple Music 為例,你在 Mac 端設置一個播放列表后會很快在 iPhone 上也看到該列表。 Apple 意識到在跨平臺間保持這種數據的同步,創建出良好的無縫結合的體驗是非常重要的。

4. 設計對手指操作友好的控件

相比于大的觸控控件,小的自然更難于操作。當你在設計移動端的用戶界面時,最好是讓你的控件的可觸摸面積足夠大,這樣用戶才容易觸及到。

控件的大最好要控制在7 – 10毫米,這樣用戶方能夠準確地使用手指觸及到。;另一方面,用戶在跟控件產生交互時,控件的邊緣應該是可見的,能夠以清晰的視覺反饋向用戶傳達他們確實觸及到控件本身了。

pm201608166.png

另外,要確保不同的控件間有合適的留白區域。

5. 文本內容應足夠清晰

相比于臺式電腦,智能手機的屏幕要相對小的多,這就意味著如何把大量的信息裝到這個小屏中不得不說是移動設計的一大挑戰。您可能有一個挺吸引人的想法,即把所有信息都進行尺寸上的壓縮也照樣能顯示很多的內容。但無論如何,你應該杜絕這種想法。

針對移動端的一條經驗法則:文本大小應該至少在11pt左右,好讓用戶在不用放大的情況也能夠清晰的瀏覽。

hhhhh20160816.png

通過增加行高或字符間距都能夠提高易讀性,合適的大量的留白可以使一些最亂的界面也能夠看上去簡潔不少。

pm201608167.png

6. 保持界面元素清晰可見

應該使用顏色和對比度來幫助用戶查看和解讀你的內容。選擇出能夠支撐你的程序可用性的主色調、次要色和強調色,確保不同的界面元素間有足夠的色彩對比度以使那些視力不佳的用戶也能瀏覽使用你的程序。

對于使用有背景的文本來說,要保證文本的顏色和其背景色間有足夠的對比度,好讓文本部分清晰易讀。W3C 中針對正文文本和圖像文本的對比度給出以下的推薦比值:

小號文本跟其背景色的對比度應至少為4.5:1。

大號文本(14 pt bold/18 pt regular及以上)跟其背景色的對比度至少為3:1。

pm201608169.png

使用足夠的對比度在手機上顯得尤其重要:因為用戶可能在戶外使用是,陽光的照耀會降低其對比效果。

pm2016081610.png

圖標和其他關鍵的元素同樣應該遵循上述的對比度推薦值。

pm2016081611.png

7. 基于手指的觸控點設計控件的布局和位置

Steven Hoover 在他的“用戶究竟如何使用移動設備”的研究中發現,49%的人習慣于使用單個拇指來完成所有操作。在下圖中,屏幕中不同顏色的區域表明用戶拇指能夠觸及的難度等級,其中,綠色區域表示很容易觸及的范圍,黃色則表示拇指要伸展開來才能夠到,而要觸達紅色區域則要求用戶改變設備的手持方式。

xjy20160816.png

將頂級菜單,高頻使用的控件和公有的動作放在綠色區域是非常重要的,因為單拇指能夠很舒適的跟它們產生交互。

pm2016081612.png

另一方面,把那些具有否定意義的動作(比如刪除或清除)放在手指不容易觸及到的紅色區域,因為我們不希望用戶意外的跟它們產生作用。

8. 減少對打字輸入的需要

在手機上打字輸入是一個緩慢而易于出錯的過程,因此最好要盡量減少移動應用程序中所需的輸入。

盡量移除那些不必要的輸入域,保持表單簡短。

pm2016081614.png

在合適的地方,使用自動補全的功能或填入用戶個性化數據,這樣用戶就只需要輸入最少的信息。

pm2016081615.png

9. 測試你的設計效果

若把你的設計方在一個大屏的電腦屏幕上看,其效果往往非常不錯,然而,一旦放在一個實際的手機屏幕上測試,其效果甚至不及前者的一半。 即使是那些設計最為用心的用戶界面,放在真實世界中也難免會包含一些不可見的缺陷,這就是為何我們要讓真實用戶在多樣的移動設備上測試我們程序的原因。要把你的應用程序當做一個不斷進化的實體,使用分析得來的數據結果及用戶的反饋信息不斷的提升你的用戶體驗設計。

結論

就如同任何其他設計元素一樣,本文提到的諸多準則可能只是我們在開始可以參考的一部分。你要嘗試將這些準則跟自己的想法融合過濾,找出那些最好的最適合自己的設計思路。一定要記住,設計不僅僅是面向設計人員——設計是面向用戶,是為用戶而設計的。




0
2
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          亚洲精品视频免费看| 亚洲综合小说图片| 一区二区三区小说| 欧洲av在线精品| 欧美96一区二区免费视频| 一区二区三区在线观看网站| 在线精品国精品国产尤物884a| 亚洲精品亚洲人成人网在线播放| 欧美日韩日本视频| 国模少妇一区二区三区| 亚洲免费观看高清| 欧美tickling网站挠脚心| 成人短视频下载| 偷拍日韩校园综合在线| 欧美激情一区二区三区四区| 亚洲一本大道在线| 久久午夜羞羞影院免费观看| 91啪亚洲精品| 久久精品理论片| 一区二区成人在线观看| 精品久久人人做人人爰| 99精品热视频| 韩国三级中文字幕hd久久精品| 亚洲精品成人悠悠色影视| 久久综合资源网| 欧美日韩在线综合| 国产91丝袜在线播放0| 日韩成人av影视| 亚洲欧美一区二区三区久本道91| 日韩欧美成人一区二区| 色婷婷av一区二区三区软件| 久久99精品国产麻豆婷婷| 亚洲精品一二三区| 中文字幕av一区 二区| 欧美大片顶级少妇| 欧美精品xxxxbbbb| 色呦呦国产精品| 国产成人精品免费| 捆绑变态av一区二区三区| 日韩成人午夜精品| 亚洲乱码国产乱码精品精小说 | 天天色综合天天| 国产午夜一区二区三区| 欧美日韩国产精品自在自线| 91无套直看片红桃| 成人av在线观| 国产在线视频不卡二| 蜜桃久久久久久久| 婷婷丁香久久五月婷婷| 亚洲精品国产一区二区精华液| 国产毛片精品视频| 久久国产精品99久久久久久老狼| 亚洲成年人网站在线观看| 亚洲视频1区2区| 成人动漫一区二区在线| 国产传媒日韩欧美成人| 国产乱国产乱300精品| 久久91精品国产91久久小草| 奇米在线7777在线精品| 日本欧美一区二区三区乱码| 亚洲国产视频在线| 午夜私人影院久久久久| 欧美日韩中文字幕精品| 色婷婷综合五月| 色噜噜偷拍精品综合在线| 99精品欧美一区二区蜜桃免费| 成人污视频在线观看| 99re66热这里只有精品3直播 | 久久99精品久久久| 精品一区二区在线播放| 久久99日本精品| 国产午夜精品一区二区三区四区| 精东粉嫩av免费一区二区三区| 日日噜噜夜夜狠狠视频欧美人| 精品免费国产一区二区三区四区| 欧美吻胸吃奶大尺度电影| 一本色道a无线码一区v| 欧美性猛片xxxx免费看久爱| 欧美美女一区二区在线观看| 欧美福利视频一区| 26uuu国产日韩综合| 国产欧美日韩综合精品一区二区| 亚洲欧美视频在线观看视频| 久久蜜桃av一区二区天堂| 欧美国产精品一区| 日韩女优电影在线观看| 中文字幕成人av| 亚洲自拍欧美精品| 国内精品写真在线观看| 91麻豆精品秘密| 欧美变态口味重另类| 国产精品毛片高清在线完整版| 亚洲一区精品在线| 国产麻豆午夜三级精品| 99国产精品久久久久久久久久 | 欧美精品一区二区久久久| 一区二区欧美视频| 国模娜娜一区二区三区| 欧美综合久久久| 国产色爱av资源综合区| 午夜影视日本亚洲欧洲精品| 国产成人免费视频网站 | 欧美色区777第一页| 久久综合九色综合久久久精品综合| 亚洲人精品一区| 国产乱子伦视频一区二区三区 | 国产日韩视频一区二区三区| 亚洲综合激情网| 成人av电影在线网| 日韩欧美国产不卡| 偷拍一区二区三区四区| 色婷婷av一区二区三区大白胸| 国产欧美一区二区在线观看| 日本sm残虐另类| 亚洲狼人国产精品| 成人午夜碰碰视频| 国产亚洲一区字幕| 久久精品国产秦先生| 欧美高清视频一二三区| 欧美在线三级电影| 亚洲欧洲精品一区二区三区不卡| 麻豆精品在线看| 欧美精品丝袜中出| 一区二区三区中文字幕电影| 99久久精品免费看国产| 国产精品盗摄一区二区三区| 国产成人午夜99999| 国产日韩欧美精品在线| 狠狠色伊人亚洲综合成人| 日韩欧美国产小视频| 日韩中文字幕不卡| 精品久久久网站| 国产精品一区二区在线观看不卡 | 97久久精品人人爽人人爽蜜臀| 久久九九全国免费| 国产精品一区二区在线观看不卡 | 亚洲永久免费视频| 91麻豆swag| 亚洲午夜国产一区99re久久| 欧美亚洲精品一区| 午夜精品久久久久久久久久| 51精品秘密在线观看| 日本亚洲欧美天堂免费| 欧美成人伊人久久综合网| 男人的天堂久久精品| 久久一区二区三区四区| 成人a级免费电影| 亚洲另类在线视频| 欧美日韩一区高清| 奇米色777欧美一区二区| 精品对白一区国产伦| av中文字幕不卡| 玉足女爽爽91| 欧美精品乱码久久久久久按摩| 精品一区二区在线视频| 中文字幕一区三区| 男男视频亚洲欧美| 久久精品免视看| 欧美一区二区三区精品| 精品少妇一区二区| 久久久精品欧美丰满| 日韩精品视频网| 国产91精品久久久久久久网曝门| 经典三级在线一区| 日韩精品一区二区三区视频 | 免费看欧美女人艹b| 美女视频一区二区三区| 91色在线porny| 91视频在线观看| 日韩精品久久理论片| 欧美性猛片xxxx免费看久爱| 国产欧美一区二区三区在线看蜜臀| 久久欧美中文字幕| 中文字幕不卡在线观看| 国产精品美女久久久久久久| 国产午夜三级一区二区三| 亚洲色图在线播放| 免费高清视频精品| 日本一区二区三区四区在线视频| 26uuu精品一区二区在线观看| 中文字幕一区二区三| 91在线观看下载| 亚洲日本一区二区三区| 亚洲成人av福利| 国产成人三级在线观看| 成人在线视频一区二区| 成人性生交大片免费看视频在线| 北条麻妃国产九九精品视频| 日韩久久一区二区| 岛国av在线一区| 色婷婷香蕉在线一区二区| 精品久久久三级丝袜| 一区二区三区电影在线播| 欧美午夜理伦三级在线观看| 日本一区中文字幕| 国产女人18毛片水真多成人如厕| 午夜精品福利在线| 国产欧美日韩在线| 色八戒一区二区三区| 亚洲va国产天堂va久久en|