龔雯璟 黃靖文 林鑫 吳雨馨
移動(dòng)互聯(lián)網(wǎng)的發(fā)展越來越快,相信大家在這幾年也可以深切的體會(huì)到。通過觀察最新的互聯(lián)網(wǎng)流量數(shù)據(jù)報(bào)告,移動(dòng)互聯(lián)網(wǎng)的數(shù)據(jù)流量已經(jīng)超過了傳統(tǒng)互聯(lián)網(wǎng)。而伴隨移動(dòng)互聯(lián)網(wǎng)的興起,智能機(jī)得到了空前發(fā)展。我們目前的智能系統(tǒng),無非就是安卓和蘋果,至于Windows系統(tǒng),都已經(jīng)不用我多說了。而談到操作系統(tǒng),自然而然要談及的就是這個(gè)載體上的軟件,也就是我們所說的APP。
我個(gè)人認(rèn)為,移動(dòng)APP產(chǎn)品的設(shè)計(jì)應(yīng)該遵循以下幾個(gè)原則。
首先說到的是情感,產(chǎn)品情感需要基于產(chǎn)品本源,符合產(chǎn)品定位的方向。設(shè)計(jì)對(duì)用戶的定位要明確,貼合該設(shè)計(jì)目標(biāo)受眾的使用體驗(yàn)。做好產(chǎn)品定位以后,我們就要考慮到這個(gè)產(chǎn)品的親和力和留戀度。所謂親和力,就是在所有交互元素的設(shè)計(jì)上,用戶能夠?qū)π畔⑦M(jìn)行順暢的溝通,保持體驗(yàn)一致。留戀度,顧名思義,就是給人超出想象的空間,讓人念念不舍,對(duì)產(chǎn)品期待更多,得到二次訪問。
滿足了用戶的情感需求以后,我們進(jìn)一步就是要完善產(chǎn)品的功能,也就是易用性。在交互過程中,用戶的操作能夠及時(shí)的在屏幕上得到反饋,幫助提高用戶的效率。除了能夠反饋及時(shí)以外,還要做到方位明確,明確的知道自己在哪,退路在哪,能夠去哪。不僅如此,我們還需要盡可能的簡化路徑,完成任務(wù)盡可能控制在兩到三次觸摸,完成某項(xiàng)task所花費(fèi)的時(shí)間和步驟越短越好。設(shè)計(jì)一些限制的因素,引導(dǎo)用戶正確操作,隱藏可能的不當(dāng)操作,從而減少誤操作。
完善了產(chǎn)品功能以后,我們首先需要做到的是體現(xiàn)產(chǎn)品的形美。文字要易讀,符合中文閱讀習(xí)慣,快速傳達(dá)信息。顏色要合適,利用大眾對(duì)顏色的理解,使用合理的色彩加強(qiáng)產(chǎn)品的特性。布局要美觀,構(gòu)圖要均衡,使畫面整體統(tǒng)一??臻g感要強(qiáng),符合透視的原理,設(shè)計(jì)中表現(xiàn)不同的層次。
其次是要有氣勢(shì)。氣勢(shì)體現(xiàn)在哪些方面呢?一是專業(yè)性——細(xì)節(jié)要完美,找不到明顯的設(shè)計(jì)漏洞。二是整體性——所有交互元素的設(shè)計(jì)上,用戶對(duì)信息的溝通要順暢,保持統(tǒng)一的體驗(yàn)。三是品牌成分——體現(xiàn)品牌形象,并使品牌元素保持傳承與一致。四是驚喜程度——細(xì)節(jié)設(shè)計(jì)要有暖心且令人驚喜的感受。
那么接下來我們談到的是創(chuàng)新。創(chuàng)新有很多特性,比如共性和異性,復(fù)制性和顛覆性。共性就是符合一般事物的普遍認(rèn)知。而異性就是在共性基礎(chǔ)上,給人煥然一新的感受。至于說復(fù)制性,就是能夠促進(jìn)其它產(chǎn)品的拓展。而顛覆性就是在互聯(lián)網(wǎng)上前所未有的,能夠變成同行業(yè)新的標(biāo)準(zhǔn)。
在具體的交互過程中,我們要依照用戶具體的使用情境和需求來決定是沿用標(biāo)準(zhǔn)還是創(chuàng)新。要以受眾為中心,關(guān)注受眾的目標(biāo)而不是關(guān)注受眾要完成的任務(wù)。方案的設(shè)計(jì)一定要足夠引導(dǎo)用戶做出最合乎直覺的行為反射。然后從細(xì)節(jié)開始減少用戶的操作開銷,使用戶快速了解和認(rèn)知產(chǎn)品特性,避免參雜個(gè)人的主觀喜好。
無論是什么類型的產(chǎn)品,用戶終歸是人。而人是感性的,for example,我們小時(shí)候睡前為什么都要纏著爸爸媽媽講故事呢?因?yàn)槿绻适滦猿錆M了你的產(chǎn)品的話就會(huì)將人引導(dǎo)到那個(gè)情景中。形成一種用戶是主角的感受。這樣可以很大程度的延長產(chǎn)品生命周期。
有一句話說的很到位,興趣是最好的老師。其實(shí)很簡單,你的產(chǎn)品如果不能夠引起用戶的興趣,請(qǐng)你給我個(gè)理由憑什么用戶要使用你的產(chǎn)品。你說我的產(chǎn)品對(duì)于用戶來說是剛需呀!好的,放心,當(dāng)另外一個(gè)產(chǎn)品出來的時(shí)候就是你的產(chǎn)品game over的時(shí)候,除非他的比你的還爛,還讓用戶產(chǎn)生不了興趣!
再說說實(shí)用性——解決實(shí)際問題:這個(gè)我們直接拿實(shí)例說,不說微信什么的,就說前段時(shí)間政府封掉的打車軟件。不討論打車軟件的體驗(yàn)問題,也不說打車軟件和某些部門之間的關(guān)系。就說為什么這東西很多人需要?因?yàn)樗鉀Q了城市中打車難的實(shí)際問題!其中的一個(gè)功能:加價(jià)功能,更是如此。有的時(shí)候有人需要辦急事,這時(shí)候錢在他的腦海中優(yōu)先級(jí)已經(jīng)靠后了,所以他愿意多花一些錢找到一輛出租車去幫他解決問題!
在很多人眼里,設(shè)計(jì)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品的區(qū)別無非就是載體從電腦變成了手機(jī),所以只要熟悉一下各個(gè)手機(jī)中不同的規(guī)范和特性就算是完成了過渡,學(xué)習(xí)了下ios human guideline,了解了一下擬物化設(shè)計(jì)和扁平化設(shè)計(jì),就以為是了解了移動(dòng)互聯(lián)網(wǎng)的設(shè)計(jì)方法。其實(shí)這種思想完全是只看到表象而沒看到本質(zhì)的錯(cuò)誤,移動(dòng)互聯(lián)網(wǎng)和傳統(tǒng)互聯(lián)網(wǎng)的區(qū)別不光是設(shè)計(jì)標(biāo)準(zhǔn)和設(shè)計(jì)規(guī)范的變化,而應(yīng)該從整個(gè)物理環(huán)境的變化來重新全面的認(rèn)識(shí)。那么我們分析一下,移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品有什么區(qū)別呢?
1 使用場(chǎng)景的復(fù)雜
用戶在使用桌面客戶端或者訪問web頁面的時(shí)候,多半是坐在電腦前,固定的盯著屏幕和使用鍵鼠操作,這個(gè)時(shí)候?qū)τ谟脩魜碚f,使用場(chǎng)景是簡單而固定的。但是在使用手機(jī)的時(shí)候,用戶可能在地鐵中,在公交上,在電梯中,無聊等待時(shí)或者邊走路邊用。如此復(fù)雜的場(chǎng)景,需要產(chǎn)品的設(shè)計(jì)者考慮的要素也自然非常的復(fù)雜。
比如在公交車上擁擠和搖晃時(shí),用戶如果才能順暢的單手操作?比如在地鐵或者電梯的信號(hào)不好的情況下,是否要考慮各種網(wǎng)絡(luò)情況帶來的問題?比如用戶在無聊等待玩游戲,或者在床上睡前時(shí),又變成了深入沉浸的體驗(yàn)?不同的場(chǎng)景不同的情況在設(shè)計(jì)時(shí)是否都有考慮清楚?
2 使用時(shí)間碎片化
用戶在使用電腦時(shí),大部分時(shí)間還是固定的,無非可能因?yàn)楣ぷ骱屯聹贤ㄒ幌?,或者起身上個(gè)廁所,一般都有10-20分鐘完整的時(shí)間片在操作電腦。但是移動(dòng)端就不一樣了,用戶既然在移動(dòng),使用手機(jī)時(shí)要隨時(shí)隨地觀察周圍的情況,隨時(shí)可能中斷現(xiàn)在的操作,鎖屏,再繼續(xù)剛才的操作。所以用戶使用移動(dòng)產(chǎn)品的時(shí)間不是連成片的,而是一段一段的,有的時(shí)候中斷回再回來,有的時(shí)候中斷就不會(huì)回
來了。
3 屏幕尺寸的縮小
用戶使用電腦產(chǎn)品的屏幕尺寸是可以很大的,小則13寸大到27寸,這樣使得桌面產(chǎn)品和web產(chǎn)品有充足的區(qū)域展現(xiàn)信息,整個(gè)界面利用率就可以很高。我們?cè)谧鼋换ピO(shè)計(jì)的時(shí)候會(huì)有一種方法,如果一個(gè)次要信息的出現(xiàn)不會(huì)影響大部分用戶的時(shí)候,那么這個(gè)次要信息是可以放在界面上的,這就是為什么網(wǎng)站可以加入很多廣告banner的原因,因?yàn)橹灰3值揭粋€(gè)度不影響正常的使用就不會(huì)破壞整體的用戶體驗(yàn)。但是在移動(dòng)端,這個(gè)度是非常的小的,因?yàn)槠聊怀叽绲南拗疲旧硇枰阏宫F(xiàn)的必要信息都需要有一個(gè)合理的規(guī)劃和抉擇,次要的信息再一出來肯定破壞體驗(yàn)。將前2條結(jié)合你會(huì)發(fā)現(xiàn),用戶在使用移動(dòng)產(chǎn)品是需要非常追求效率的,所以移動(dòng)端產(chǎn)品的設(shè)計(jì)難道會(huì)大大增加。
4 無法多任務(wù)的處理信息
用戶在使用桌面產(chǎn)品時(shí),是更加容易的進(jìn)行多任務(wù)操作和處理的,比如我正在瀏覽web查資料,又正在進(jìn)行文檔的整理,還可能開著QQ和朋友聊天。因?yàn)榇笃聊坏年P(guān)系和系統(tǒng)機(jī)制讓用戶能夠高效的同時(shí)處理多個(gè)信息,當(dāng)然,還得益于固定的使用場(chǎng)景和完整的時(shí)間片。但是因?yàn)榍懊嬉蔡岬降膯栴},移動(dòng)端的產(chǎn)品往往是沉浸式的,用戶在同一時(shí)期只可能使用一個(gè)應(yīng)用,完成一個(gè)流程,然后結(jié)束,再去開啟另一個(gè)應(yīng)用和另一個(gè)流程,所以大部分移動(dòng)產(chǎn)品設(shè)計(jì)時(shí)往往講求遵循的是單一的任務(wù)流,期間結(jié)束和跳轉(zhuǎn)的設(shè)計(jì)非常的少。
5 平臺(tái)的設(shè)計(jì)規(guī)范和特性
最后才是各自的平臺(tái)規(guī)范和標(biāo)準(zhǔn),比如什么ios human guideline或者WindowsPhone的metro理念,縱觀知乎和各大網(wǎng)站,很多人每天關(guān)注的都是這些比如擬物化設(shè)計(jì)和扁平化設(shè)計(jì)的風(fēng)格,返回按鈕的邏輯或者隱藏title之類的方法論細(xì)節(jié)。的確你了解這些信息是可以快速方便的設(shè)計(jì)出一個(gè)可用的移動(dòng)產(chǎn)品的,但是如果沒有了解之前所說的幾條移動(dòng)產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品在用戶體驗(yàn)上的區(qū)別,你可能永遠(yuǎn)也無法參透移動(dòng)互聯(lián)網(wǎng)用戶體驗(yàn)的規(guī)律和本質(zhì)。