設(shè)計移動端App時容易忽略的30個方面(下)
好的App之所以受用戶青睞,除了產(chǎn)品本身的功能之外,產(chǎn)品設(shè)計也是起著關(guān)鍵因素的原因之一。
懶人目錄:
一、注冊及登錄
二、首次體驗
三、日常用戶體驗
四、通知
五、賬戶設(shè)置
六、信息呈現(xiàn)
七、應(yīng)用內(nèi)搜索
八、應(yīng)用商店
圖片來源:Anastasia Fisunova/Dribbble
四、通知
18. 應(yīng)用內(nèi)通知及推送通知
你知道嗎?在用戶卸載應(yīng)用的眾多原因之中,排名第一的居然是讓人厭煩的通知。
根據(jù)調(diào)研機構(gòu)Appiterate Survey的一份調(diào)查數(shù)據(jù)顯示,有高達(dá)71%的受訪者都認(rèn)為讓人厭煩的通知是他們卸載應(yīng)用的主要原因。
然而,針對這項反用戶體驗的設(shè)計元素,也存在相應(yīng)的解決方案,從而讓用戶會感受到通知的價值。為了在通知設(shè)計方面做到用戶友好,設(shè)計師必須要結(jié)合有關(guān)最佳策略。
具體而言,主要有以下七個方面的建議:
- 不要在短時間內(nèi)頻繁地推送通知。
- 珍惜通知機會,體現(xiàn)通知價值。
- 個性化通知內(nèi)容。
- 保持通知內(nèi)容的可閱讀性和可理解性。
- 最好能將通知鏈接至一個有價值的交互操作上。
- 通知推送時間務(wù)必符合用戶作息。
- 多做AB測試。
19. 通知個性選項
從設(shè)計角度而言,用戶如果能自行選擇有關(guān)個性選項,那肯定是最好的結(jié)果。而就移動端的推送設(shè)計而言,這就需要做到讓用戶自行選擇是否接收推送通知,并且自定義選擇有關(guān)具體偏好信息。
團隊協(xié)作工具Slack移動客戶端的通知設(shè)置頁面
五、賬戶設(shè)置
20. 用戶頭像裁剪工具
就用戶頭像的設(shè)計而言,除了能讓用戶自定義上傳頭像外,還應(yīng)該做到讓用戶在應(yīng)用內(nèi)就可以根據(jù)個性需求去修改和剪裁。
編輯個性頭像,圖片來源:Scott Thomas
21. 查看或更改個人信息界面
允許用戶能夠在應(yīng)用內(nèi)自行變更個人信息也是非常重要的。在界面設(shè)計方面,最好可以讓用戶預(yù)覽有關(guān)收貨地址信息和賬單信息,并且還可以讓用戶自定義編輯這些信息。
家庭地址和辦公地址都是可編輯的。圖片來源:Dhiraj S. Karki
22. 退出登錄
如果應(yīng)用存在登錄的界面,那必然就應(yīng)該存在退出登錄的界面。
Facebook的iOS客戶端退出登錄界面
23. 服務(wù)條款
為了避免有關(guān)訴訟,也必須在應(yīng)用中添加有關(guān)服務(wù)條款及有關(guān)規(guī)定。
圖片來源:Cristian Dina /Shutterstock
24. 隱私設(shè)置
最好允許用戶了解他們跟產(chǎn)品產(chǎn)品公司共享的信息有哪些。同時,允許他們自定義設(shè)置這些隱私選項。
圖片來源:Vitaly Friedman
25. 提供反饋
為用戶提供快捷便利的反饋產(chǎn)品信息的渠道,不僅可以幫你收集第一手有參考意義的用戶意見,還可以讓他們感受到你對他們的重視。
網(wǎng)絡(luò)電話Skype的iOS客戶端中,用戶可以選擇向Skype提供反饋、報告問題或者建議有關(guān)功能。
六、信息呈現(xiàn)
26. 滑動狀態(tài)
在移動客戶端,屏幕有限空間問題一直是一個棘手的難題。為了保留足夠的屏幕空間,設(shè)計師通常都會優(yōu)化界面顯示的信息內(nèi)容,同時隱藏所有對用戶不重要的信息。
因此,不難發(fā)現(xiàn)的是,許多移動應(yīng)用中,屏幕的信息呈現(xiàn)主要有兩種方式:
- 其一,默認(rèn)模式,即用戶打開應(yīng)用后呈現(xiàn)在其眼前的固定內(nèi)容屏幕;
- 其二,滑動模式,即用戶通過上下滑動而獲取更多的內(nèi)容。
圖片來源:Aurélien Salomon
在線免費分類廣告網(wǎng)站Craiglist的移動客戶端滑動模式,注意界面上方的菜單欄在滑動狀態(tài)下被隱藏了。
七、應(yīng)用內(nèi)搜索
27. 默認(rèn)搜索行為
針對搜索結(jié)果而言,你作為設(shè)計師需要確認(rèn)的是,這些搜索結(jié)果是如何默認(rèn)排序的。
比如,如果你在設(shè)計某個電商平臺的移動端應(yīng)用的話,你就需要考慮默認(rèn)搜索結(jié)果到底是按匹配度、價格還是送貨時間等參數(shù)來排序。
28. 分享或添加書簽流程
在設(shè)計時,最好可以允許用戶分享頁面搜索結(jié)果或者針對某個結(jié)果添加書簽。
移動應(yīng)用中的點贊、添加書簽以及分享功能。圖片來源:Martin Berbesson
29. “沒有結(jié)果可以顯示”的空狀態(tài)
假如用戶在產(chǎn)品某個界面搜索一項特定內(nèi)容后,系統(tǒng)并無相關(guān)結(jié)果可以顯示,怎么辦呢?
“沒有結(jié)果可以顯示”這個界面,不應(yīng)該被視作是一條死胡同。因此,與其直接通過空白頁面展示“沒有結(jié)果可以顯示”這個文字信息,倒不如涉及一個有趣的頁面,引導(dǎo)用戶并嘗試再次搜索或其它可選項。
谷歌航班App中,當(dāng)系統(tǒng)沒有結(jié)果可以顯示時,界面提示建議用戶清除所有篩選條件,從而找到合適的航班。
八、應(yīng)用商店
30. 應(yīng)用圖標(biāo)
最后,一個好的應(yīng)用,也離不開好的圖標(biāo)設(shè)計。就具體圖標(biāo)設(shè)計而言,應(yīng)該要做到讓人印象深刻,能夠直接反映應(yīng)用的特點,同時設(shè)計要有亮點,博得潛在用戶的青睞。
《紀(jì)念碑谷》這款手機游戲應(yīng)用的圖標(biāo)設(shè)計就非常漂亮,它完美地把你帶入游戲場景之中,并吸引你立即開啟一場探索之旅。
作者:Nick Babich
原標(biāo)題:30 Things We Often Forget When Designing Mobile Apps
譯者:俊一,神譯局是36氪旗下編譯團隊,關(guān)注科技、商業(yè)、職場、生活等領(lǐng)域,重點介紹國外的新技術(shù)、新觀點、新風(fēng)向。
來源:https://36kr.com/p/5268563
本文由 @36氪 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!