產(chǎn)品經(jīng)理產(chǎn)品設(shè)計(jì)-一個(gè)優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)需要重點(diǎn)考慮的9個(gè)核心原則

一個(gè)優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)需要重點(diǎn)考慮的9個(gè)核心原則在設(shè)計(jì)一個(gè)操作系統(tǒng)移動(dòng)端的應(yīng)用程序時(shí)，我們應(yīng)該牢記在心的最重要的一件事情就是務(wù)必要確保你的程序是有用且直觀的。如果這個(gè)程序沒有用處，那么商業(yè)價(jià)值對(duì)用戶來講就沒有任何的實(shí)際收藏價(jià)值，自然地也就沒有人用到有任何理由去使用它。而如果這個(gè)程序有用但需要手機(jī)用戶付出大量的學(xué)習(xí)成本，用戶大自然也是不會(huì)愿意去投入學(xué)習(xí)的。優(yōu)秀的圖形界面都能夠克服以上兩個(gè)優(yōu)良問題：為了大幅提高可用性目的，應(yīng)用程序應(yīng)該是以用戶為手機(jī)用戶中心的。用戶之所以放置安裝你的程序是因?yàn)樗麄冃枰鉀Q某個(gè)緊迫的問題，也就是說，你的程序一定是要有實(shí)際用途的。你要仔細(xì)最終目標(biāo)考慮用戶會(huì)是如何按著它們的方式嘗試去完成自己的目標(biāo)需求的。賦予界面足夠多的清晰度。為了有效使用他們面對(duì)的用戶界面，人們首先必須意識(shí)到這個(gè)界面是干嗎用的又該怎么使用它。因此，在考慮界面是否還要清晰時(shí)從不要猶豫。上列是我認(rèn)為在創(chuàng)建一個(gè)優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)時(shí)需要重點(diǎn)考慮的9個(gè)核心原則：對(duì)于用戶體驗(yàn)來說，用戶的注意力無疑是一種非常寶貴的資源，而你的設(shè)計(jì)一般性應(yīng)該合理地分配這一資源。如果你的用戶界面承載了諸如按鈕、圖片、文本等諸多雜亂的重要信息，勢(shì)必導(dǎo)致信息過載給用戶使得會(huì)帶來壓力。有一句出自AtoiedeSait-ExupCry得著名的短語，即”達(dá)到完美，并不是好得不能再好，而是好得一點(diǎn)都不這樣一來?！鳖愃频?，在移動(dòng)設(shè)計(jì)中，擺脫掉原始數(shù)據(jù)一切并非絕對(duì)必要的信息是非常非常重要的，因?yàn)槠錅p少了混亂，而改善了用戶的理解。有一條簡(jiǎn)單的經(jīng)驗(yàn)法則:每一個(gè)屏幕應(yīng)該僅保存一個(gè)重要的動(dòng)作。對(duì)于你的程序而言，其每一屏都應(yīng)該向那些使用它提供用戶的一個(gè)有實(shí)際價(jià)值的獨(dú)立動(dòng)作。這使的它易于學(xué)習(xí)，易于使用，易于在建立必要的時(shí)候加入或創(chuàng)建。相比于一個(gè)凌亂的按鍵，100個(gè)清晰愈發(fā)的屏幕才是更加可取的。拿Uber來說，Uber清楚地知道使用他們應(yīng)用程序的目的是叫到一輛車，所以程序中并沒有覆蓋太多信息：它能夠基于地理數(shù)據(jù)自動(dòng)定位用戶的所在位置，唯一可能需要用戶去做的事情就只是選擇上車位置。EJ*』I?9:55AMUBERUBERPICKUPLEKATID721RAYMODAVEUEBLACKCAR 5PICKUPLEKATID721RAYMODAVEUEBLACKCAR 5lKkfX對(duì)任何應(yīng)用程式來說，能夠幫助用戶地方導(dǎo)航前往正確的地方都是相當(dāng)重要的一件事情。優(yōu)秀的導(dǎo)航設(shè)計(jì)就好比指導(dǎo)用戶旅程的一只無形的手。畢竟，如果用戶都發(fā)現(xiàn)不了，那么再酷的功能特性或最最吸引人的內(nèi)容也是沒用的。優(yōu)秀的移動(dòng)導(dǎo)航遵循以下基本原則：1（1）導(dǎo)航必須是連貫的。首先，你應(yīng)該使用恰當(dāng)?shù)臉?biāo)識(shí)物（正確的視覺隱喻），這樣導(dǎo)航元素就不需要的解釋說明用戶就能理解，其次，要確保每個(gè)導(dǎo)航元素（如圖表）指向了正確的目的地。（2）導(dǎo)航必須保持一致性。在不同頁面中，千萬不要把導(dǎo)航控件移動(dòng)到不同的位置或者隱藏起來。這樣用戶會(huì)很容易或使用戶迷失掉的。（3）導(dǎo)航應(yīng)該傳達(dá)出用戶當(dāng)前的位置。無法表明當(dāng)前位置可能是最在應(yīng)用程序菜單中我們?？吹降囊粋€(gè)問題。“我在哪里？”是用戶要成功的導(dǎo)航前必須回答的基本問題之一。你不應(yīng)該將移動(dòng)設(shè)計(jì)視作是孤立的。對(duì)用戶來講，創(chuàng)建一個(gè)在移動(dòng)端、桌面端和平板端無縫結(jié)合的體驗(yàn)是非常重要的。Dot.o]以AppleMusic為例，你在Mac端設(shè)置一個(gè)播放列表后會(huì)很快在iPhoe上也看到該列表。Apple意識(shí)到在跨平臺(tái)間保持這種數(shù)據(jù)的同步，創(chuàng)建出良好的無縫結(jié)合的體驗(yàn)是構(gòu)建非常重要的。相比于大的觸控控件，小的自然更難于操作。當(dāng)你時(shí)則在裝配移動(dòng)端的用戶界面時(shí)，最好是讓你的控件的可觸摸面積足夠大，這樣用戶才容易觸及到?？丶纳洗笞詈靡刂圃?-10毫米，這樣用戶方能夠準(zhǔn)確地使用手指觸及到。；另一方面，用戶在跟控件產(chǎn)生跨平臺(tái)時(shí)，控件的邊緣應(yīng)該是可見的，想要以清晰的視覺反饋向用戶傳達(dá)他們確實(shí)觸及到控件本身純粹了。Headig!SutHesdlriB8心gdiScd cl,國(guó)gHeadig!SutHesdlriB8心gdiScd cl,國(guó)g：i的gumcv.mmR字ekuHKlub.Lkwl"lihl叫戶IFfjBvts^.llwii-?!-IHCiu：i!,:i!.!r兇，vtrvfcws

』|f”FU杵功晚writ>4略1i^|lr|c$-^!ii--l,- :甲七Hidi；】ec.PiJYamViEfluaesioil.eeacj^KETiS*xi5*posjmut.HjfjmHeadigSub-HeadlieWwK網(wǎng)祈且Sodt^.iq打!*早4!:咨直1土1tAElufiLk'i:ti1lrtlc'|i^ALr^a|v^sulfafl-!>f；i:CiUiiHdu* vfas:r-iii.rLDi4S-W4ilk^4tMlAirlft.tkk.t^vwiuaw?血i.xamtscr：ecgpckmetcl:Lf訕皿Adim^igAirl..整日sqii哈I.h-laditv@l^iim

eii,iiperdtAt^tus.Morbltri敏iq屏uma

uivDkjtpalorarfi.Curabilursemper^ita^uia

aclempiiDutsVBluculaelftuH瓦eterfedegestas徵vfrhiculamec.IiJlIajvarius希1dui.

eeaccjJiTEaIscfrjspomuerelit.ullarv^'htb

pijus畛or舶1euiamod1empo^AdclMtgm5?d?tja苗Hiwm?.,IrmmSef&irKM

^eciijs.Iikirhiimtquatra戲'rtSLiiic^auiH.IjIm^ukuive?

rii>:u￡MT^jirS.CkjK.'villit-iJ-EiHil'mll.iAM蒲*1UC^fll.diTeSJw*u"I.Li

?xF板tg頑四砌加I.慈MdxMr. 網(wǎng)gguLMjiamw,pjruajaree.e^edAdipiscirigelrt.Sedequeisi.bladit'/elpsum

eu.irr^erefetteadllecttis.MorbiuiBtiqueuma

ul'/qriutp^-piar^.Cur-abilurs^rpsrura.

arlerpus.[XiisvehrculaelrtilHaelerted.Dorft.另外，要確保不同的控件間有合適的留白區(qū)域。相比于臺(tái)式電腦，智能手機(jī)的屏幕要相對(duì)小的多，這就意味著把如何大量的信息裝到這個(gè)小屏中不得不說是移動(dòng)設(shè)計(jì)的一大挑戰(zhàn)。您可能有一個(gè)挺吸引女孩子的想法，即把所有信息都進(jìn)行尺寸上的壓縮也照樣能這回顯示很多的素材。但無論如何，你不該杜絕這種想法。］針對(duì)移動(dòng)端的一條經(jīng)驗(yàn)法則：文本大小應(yīng)該至少在11pt左右，好準(zhǔn)確讓用戶在不用放大的情況也能夠清晰的瀏覽。Headig

Sub-HeadlieHeadigSub-Headli&AdifsSfiir^Clit.知3Headig

Sub-HeadlieHeadigSub-Headli&AdifsSfiir^Clit.知3 f.islpklAdil:vt^lifiSiJiTieu,imperdsfl：:bli^dislectus.VIorbiristiqueurra

utvDlurrpalomaro,Gurabrfursefripervitoouma

kECturVipUS.CXjMVuDiCkifclultr^uHa,皿罰偵用Adipi^ciQelit.S^drwquBh?hblariditv&lisf!^Tifcuiasc.ullwvariusestcAh,

eeacci-msa^clusului^mvrwerra

purvsla&reeie^j詁mtxllerYipo.ip乎ueeu,imperdiel：切wfkIH電同缶一Mort^i

tfistiqueumautvolutpa.torare.CuraJEirturAdipiacii^jeiii.SeeleqijeisLtbiviir曾削i御je

eu.iirpepdielibladrl以lus.Morbi帖馳qmurra

utvlirlpolerrrs.CJirahilurRerper'wloelimo

esg8erpu3rLXjavehiGUiachitulla,eterfed,.^eHTipffirvilaeuraactempus?Dkjiswtiiculaeiit

ull翥.e屈IF^rkdlag舊尊耳isivehi^ulariec.hljjllai

valium導(dǎo)或duijwaccum&ale￡?tu^posuer^ut

ullamyivBrrapjrusfejore^teuismbdtsrThporAdipiscige!rt.SedequeisLtilaclitvslip&um如，im白rdTetbladitlectu^.Morbitsliqueur^itri:vcriirtpatorr^are.CtiraJtuturwmpefvilsetiraactempus.Duisliehiculae4rtulla,Blaifad.DOftl必須通過增加行高或字符間距都能夠提高易讀性，合適的大量的留白可以使一些最亂的界面也能夠看上去簡(jiǎn)潔不少。HeadigSub-HeadlieAdpeeigo.S&dRAquAisi,bladitvelpsumimperdie?ttildiLtedus-Morbiiristiqueuma[rtvliji問m就ifj.Ehuah勉j「sfimp^rvrtsprri^aalapus.DuisveiojliieiiluBa.efeifed日isiVfilrctjar>ec?uilamvariu%dui.riecaLcursatectLEpasuefeul?ullarvwerapLsriis^CK^ifuismiidtempoe,Adpscrgel盅Sedequeisi,bladitvelpsur世u.imp日etbladittodus.Mo^bi怙stiqu^u?i：vluipatGirure.Cura&lLi「samparvitapurraactempos.DijievaiculaelrluLa,elerfEd-Do'ts應(yīng)該使用顏色和對(duì)比度來幫助用戶查看和解讀你的內(nèi)容。選擇出能夠支撐你的程序可用性的主色調(diào)、次要色和強(qiáng)調(diào)色，確保不同的界面元素間有足夠的色彩對(duì)比度以使那些不盡人意視力不佳的客戶端也能閱讀使用你的程序。］次要色和強(qiáng)調(diào)色，確保不同的界對(duì)于使用有背景的文本來說，要保證文本的顏色和其背景色藍(lán)底間會(huì)有足夠的對(duì)比度，好讓譯文部分清晰易讀。W3C中針對(duì)正文文本和圖像文本的對(duì)比度給出以下的推薦比值：1次要色和強(qiáng)調(diào)色，確保不同的界使用足夠的對(duì)比度在手機(jī)上顯得尤其重要：因?yàn)橛脩艨赡茉跇O限運(yùn)動(dòng)使用是，藍(lán)天陽光的照耀會(huì)降低其對(duì)比效果。Do't.圖標(biāo)和其他關(guān)鍵的元素同樣應(yīng)該遵循上述的對(duì)比度推薦值。SteveHoover在他的“用戶究竟如何使用移動(dòng)設(shè)備”的研究中發(fā)現(xiàn)，49%的人習(xí)慣于使用單個(gè)拇指來完成所有操作。在下圖中，屏幕中不同顏色的區(qū)域表明用戶拇指能夠觸及的難度等級(jí)，其中，綠色萊桑代利縣生態(tài)區(qū)域表示很容易觸及的范圍，黃色則表示拇指要伸展開來才能夠到，而要觸達(dá)紅色區(qū)域則要求用戶改變?cè)O(shè)備的手持方式。Lmk75%BT*****VerEo守QgtLmk75%BT*****VerEo守Qgt，10PMPhotoVidep將頂級(jí)菜單，高頻使用控件和公有的動(dòng)作放在綠色區(qū)域是非常重要的，因?yàn)槟粗改軌蚝苁孢m的跟它們產(chǎn)生交互。"This舊goig"This舊goig

tflbepaiFiil."另一方面，把那些具有否定意義的動(dòng)作（比如刪除或清除）放在手指放在不容易觸及到的紅色片區(qū)，因?yàn)槲覀儾幌Ｍ脩粢馔獾牟粫?huì)跟它們產(chǎn)生作用。在手機(jī)上打字輸入是一個(gè)緩慢而易于出錯(cuò)的過程，因此最好要移動(dòng)應(yīng)用程序中所需的輸入。拆掉盡量移走那些不必要的輸入域，保持表單簡(jiǎn)短。在合適的地方，使用補(bǔ)全的功能或填入用戶個(gè)性化數(shù)據(jù)，這樣用戶就只需要有輸入最少起碼的信息。］若把你的設(shè)計(jì)方在一個(gè)大屏的電腦屏幕上看，其效果往往非常可