互聯(lián)網(wǎng)時代移動APP產(chǎn)品設(shè)計(jì)原則及用戶體驗(yàn)

龔雯璟　黃靖文　林鑫　吳雨馨

移動互聯(lián)網(wǎng)的發(fā)展越來越快，相信大家在這幾年也可以深切的體會到。通過觀察最新的互聯(lián)網(wǎng)流量數(shù)據(jù)報告，移動互聯(lián)網(wǎng)的數(shù)據(jù)流量已經(jīng)超過了傳統(tǒng)互聯(lián)網(wǎng)。而伴隨移動互聯(lián)網(wǎng)的興起，智能機(jī)得到了空前發(fā)展。我們目前的智能系統(tǒng)，無非就是安卓和蘋果，至于Windows系統(tǒng)，都已經(jīng)不用我多說了。而談到操作系統(tǒng)，自然而然要談及的就是這個載體上的軟件，也就是我們所說的APP。

我個人認(rèn)為，移動APP產(chǎn)品的設(shè)計(jì)應(yīng)該遵循以下幾個原則。

首先說到的是情感，產(chǎn)品情感需要基于產(chǎn)品本源，符合產(chǎn)品定位的方向。設(shè)計(jì)對用戶的定位要明確，貼合該設(shè)計(jì)目標(biāo)受眾的使用體驗(yàn)。做好產(chǎn)品定位以后，我們就要考慮到這個產(chǎn)品的親和力和留戀度。所謂親和力，就是在所有交互元素的設(shè)計(jì)上，用戶能夠?qū)π畔⑦M(jìn)行順暢的溝通，保持體驗(yàn)一致。留戀度，顧名思義，就是給人超出想象的空間，讓人念念不舍，對產(chǎn)品期待更多，得到二次訪問。

滿足了用戶的情感需求以后，我們進(jìn)一步就是要完善產(chǎn)品的功能，也就是易用性。在交互過程中，用戶的操作能夠及時的在屏幕上得到反饋，幫助提高用戶的效率。除了能夠反饋及時以外，還要做到方位明確，明確的知道自己在哪，退路在哪，能夠去哪。不僅如此，我們還需要盡可能的簡化路徑，完成任務(wù)盡可能控制在兩到三次觸摸，完成某項(xiàng)task所花費(fèi)的時間和步驟越短越好。設(shè)計(jì)一些限制的因素，引導(dǎo)用戶正確操作，隱藏可能的不當(dāng)操作，從而減少誤操作。

完善了產(chǎn)品功能以后，我們首先需要做到的是體現(xiàn)產(chǎn)品的形美。文字要易讀，符合中文閱讀習(xí)慣，快速傳達(dá)信息。顏色要合適，利用大眾對顏色的理解，使用合理的色彩加強(qiáng)產(chǎn)品的特性。布局要美觀，構(gòu)圖要均衡，使畫面整體統(tǒng)一?？臻g感要強(qiáng)，符合透視的原理，設(shè)計(jì)中表現(xiàn)不同的層次。

其次是要有氣勢。氣勢體現(xiàn)在哪些方面呢？一是專業(yè)性——細(xì)節(jié)要完美，找不到明顯的設(shè)計(jì)漏洞。二是整體性——所有交互元素的設(shè)計(jì)上，用戶對信息的溝通要順暢，保持統(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)品特性，避免參雜個人的主觀喜好。

無論是什么類型的產(chǎn)品，用戶終歸是人。而人是感性的，for example，我們小時候睡前為什么都要纏著爸爸媽媽講故事呢？因?yàn)槿绻适滦猿錆M了你的產(chǎn)品的話就會將人引導(dǎo)到那個情景中。形成一種用戶是主角的感受。這樣可以很大程度的延長產(chǎn)品生命周期。

有一句話說的很到位，興趣是最好的老師。其實(shí)很簡單，你的產(chǎn)品如果不能夠引起用戶的興趣，請你給我個理由憑什么用戶要使用你的產(chǎn)品。你說我的產(chǎn)品對于用戶來說是剛需呀！好的，放心，當(dāng)另外一個產(chǎn)品出來的時候就是你的產(chǎn)品game over的時候，除非他的比你的還爛，還讓用戶產(chǎn)生不了興趣！

再說說實(shí)用性——解決實(shí)際問題：這個我們直接拿實(shí)例說，不說微信什么的，就說前段時間政府封掉的打車軟件。不討論打車軟件的體驗(yàn)問題，也不說打車軟件和某些部門之間的關(guān)系。就說為什么這東西很多人需要？因?yàn)樗鉀Q了城市中打車難的實(shí)際問題！其中的一個功能：加價功能，更是如此。有的時候有人需要辦急事，這時候錢在他的腦海中優(yōu)先級已經(jīng)靠后了，所以他愿意多花一些錢找到一輛出租車去幫他解決問題！

在很多人眼里，設(shè)計(jì)移動互聯(lián)網(wǎng)產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品的區(qū)別無非就是載體從電腦變成了手機(jī)，所以只要熟悉一下各個手機(jī)中不同的規(guī)范和特性就算是完成了過渡，學(xué)習(xí)了下ios human guideline，了解了一下擬物化設(shè)計(jì)和扁平化設(shè)計(jì)，就以為是了解了移動互聯(lián)網(wǎng)的設(shè)計(jì)方法。其實(shí)這種思想完全是只看到表象而沒看到本質(zhì)的錯誤，移動互聯(lián)網(wǎng)和傳統(tǒng)互聯(lián)網(wǎng)的區(qū)別不光是設(shè)計(jì)標(biāo)準(zhǔn)和設(shè)計(jì)規(guī)范的變化，而應(yīng)該從整個物理環(huán)境的變化來重新全面的認(rèn)識。那么我們分析一下，移動互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品有什么區(qū)別呢？

1 使用場景的復(fù)雜

用戶在使用桌面客戶端或者訪問web頁面的時候，多半是坐在電腦前，固定的盯著屏幕和使用鍵鼠操作，這個時候?qū)τ谟脩魜碚f，使用場景是簡單而固定的。但是在使用手機(jī)的時候，用戶可能在地鐵中，在公交上，在電梯中，無聊等待時或者邊走路邊用。如此復(fù)雜的場景，需要產(chǎn)品的設(shè)計(jì)者考慮的要素也自然非常的復(fù)雜。

比如在公交車上擁擠和搖晃時，用戶如果才能順暢的單手操作？比如在地鐵或者電梯的信號不好的情況下，是否要考慮各種網(wǎng)絡(luò)情況帶來的問題？比如用戶在無聊等待玩游戲，或者在床上睡前時，又變成了深入沉浸的體驗(yàn)？不同的場景不同的情況在設(shè)計(jì)時是否都有考慮清楚？

2 使用時間碎片化

用戶在使用電腦時，大部分時間還是固定的，無非可能因?yàn)楣ぷ骱屯聹贤ㄒ幌?，或者起身上個廁所，一般都有10-20分鐘完整的時間片在操作電腦。但是移動端就不一樣了，用戶既然在移動，使用手機(jī)時要隨時隨地觀察周圍的情況，隨時可能中斷現(xiàn)在的操作，鎖屏，再繼續(xù)剛才的操作。所以用戶使用移動產(chǎn)品的時間不是連成片的，而是一段一段的，有的時候中斷回再回來，有的時候中斷就不會回

來了。

3 屏幕尺寸的縮小

用戶使用電腦產(chǎn)品的屏幕尺寸是可以很大的，小則13寸大到27寸，這樣使得桌面產(chǎn)品和web產(chǎn)品有充足的區(qū)域展現(xiàn)信息，整個界面利用率就可以很高。我們在做交互設(shè)計(jì)的時候會有一種方法，如果一個次要信息的出現(xiàn)不會影響大部分用戶的時候，那么這個次要信息是可以放在界面上的，這就是為什么網(wǎng)站可以加入很多廣告banner的原因，因?yàn)橹灰３值揭粋€度不影響正常的使用就不會破壞整體的用戶體驗(yàn)。但是在移動端，這個度是非常的小的，因?yàn)槠聊怀叽绲南拗?，本身需要你展現(xiàn)的必要信息都需要有一個合理的規(guī)劃和抉擇，次要的信息再一出來肯定破壞體驗(yàn)。將前2條結(jié)合你會發(fā)現(xiàn)，用戶在使用移動產(chǎn)品是需要非常追求效率的，所以移動端產(chǎn)品的設(shè)計(jì)難道會大大增加。

4 無法多任務(wù)的處理信息

用戶在使用桌面產(chǎn)品時，是更加容易的進(jìn)行多任務(wù)操作和處理的，比如我正在瀏覽web查資料，又正在進(jìn)行文檔的整理，還可能開著QQ和朋友聊天。因?yàn)榇笃聊坏年P(guān)系和系統(tǒng)機(jī)制讓用戶能夠高效的同時處理多個信息，當(dāng)然，還得益于固定的使用場景和完整的時間片。但是因?yàn)榍懊嬉蔡岬降膯栴}，移動端的產(chǎn)品往往是沉浸式的，用戶在同一時期只可能使用一個應(yīng)用，完成一個流程，然后結(jié)束，再去開啟另一個應(yīng)用和另一個流程，所以大部分移動產(chǎn)品設(shè)計(jì)時往往講求遵循的是單一的任務(wù)流，期間結(jié)束和跳轉(zhuǎn)的設(shè)計(jì)非常的少。

5 平臺的設(shè)計(jì)規(guī)范和特性

最后才是各自的平臺規(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ì)出一個可用的移動產(chǎn)品的，但是如果沒有了解之前所說的幾條移動產(chǎn)品和傳統(tǒng)互聯(lián)網(wǎng)產(chǎn)品在用戶體驗(yàn)上的區(qū)別，你可能永遠(yuǎn)也無法參透移動互聯(lián)網(wǎng)用戶體驗(yàn)的規(guī)律和本質(zhì)。