設(shè)計移動端App時容易忽略的30個方面(下)

0 評論 3790 瀏覽 42 收藏 9 分鐘

好的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)最佳策略。

具體而言,主要有以下七個方面的建議:

  1. 不要在短時間內(nèi)頻繁地推送通知。
  2. 珍惜通知機會,體現(xiàn)通知價值。
  3. 個性化通知內(nèi)容。
  4. 保持通知內(nèi)容的可閱讀性和可理解性。
  5. 最好能將通知鏈接至一個有價值的交互操作上。
  6. 通知推送時間務(wù)必符合用戶作息。
  7. 多做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é)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!