【必看】移動端UI設計精髓:提升用戶體驗的20條實戰(zhàn)心得與技巧

2024-11-13    藍藍設計的小編 移動端UI設計文章及欣賞

網(wǎng)絡上大量復制粘貼和長篇大論的移動用戶體驗設計文章,是否讓你感到不適?
朋友,我們也感同身受。直奔主題。接下來,我們將基本的移動設計規(guī)則整合在一起。收藏這篇文章,每次開始設計新的移動 APP 或 WEB 時,可以作為檢視清單使用。
我們有哪些規(guī)則可以幫助初學者設計出一流的移動用戶體驗。
規(guī)則 1:?不要放棄端到端的研究
即使我們已經(jīng)為某一特定業(yè)務領域設計了數(shù)十個項目,每一次設計都應進行深入的市場調(diào)研。?在設計版面之前,有必要繪制客戶畫像和相應的用戶流程圖。能夠最大程度的確保直觀性。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
FlowMapp 工具可以幫助你做到這一點。
規(guī)則 2:?要專注于最核心的功能
用戶體驗的獨特性并不等同于多樣性。我們的意思是,許多用戶體驗設計師為了創(chuàng)造可識別的東西,會在用戶界面上添加不必要的功能。
這樣一來,用戶界面使用門檻也就會提高,初學者也很難直觀地適應使用。記住,極簡主義是你最好的朋友。
規(guī)則 3:?要積極探索項目的技術棧
當 AMP 和 PWA 等移動概念出現(xiàn)時,重要的是要明白這也應反映在用戶界面設計中。例如,在第一種情況下,你可以不受限制地使用 CSS3。至于第二種情況,你就必須考慮推送通知和用戶設備硬件的使用場景。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
規(guī)則 4:?為主要元素提供直觀的導航
不要忘記,即使是功能極其簡約的界面,初學者也很難瀏覽。因此,我們建議留下額外的提示,鼓勵用戶為實現(xiàn)目標采取下一步行動。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
 
否則,對于那些不想花大量時間閱讀手冊的用戶來說,你的解決方案可能毫無用處。
規(guī)則 5:?為觸摸屏提供最佳用戶體驗
盡管人類使用觸摸屏與移動應用程序進行交互已有十多年的歷史,但創(chuàng)建界面的一些原則仍然過時。例如,一些設計者仍然在設計導航按鈕,而不是通過模擬紙張翻頁來方便地進行輕掃。這種解決方案并不方便。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
規(guī)則 6:?注意排版
設計移動app或網(wǎng)站的風格當然很好。同時,這也不能成為忽視閱讀文字說明便利性的理由。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
因此,在進行花哨的設計、使用非標準字體和文本塊布局之前,請考慮這一切是否會提高用戶的進入門檻。
規(guī)則 7:?提供無縫反饋
在創(chuàng)建界面時,應使其對用戶的任何操作做出某種反應。這將幫助他們了解自己是否在實現(xiàn)目標操作的道路上前進。相反,缺乏反饋會讓一些用戶感到困惑。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
規(guī)則 8:?消除定期打字的需要
不斷需要用戶輸入的情況不太可能對你有利。有時只是不方便,有時則非常煩人。無論用戶的最終反應如何,請記住輸入字段越少越好。
規(guī)則 9:?提供多設備用戶體驗
一個特定設計方案的成功與否,不太可能通過幾個焦點小組代表的評論來評估。相反,最好借助專門的模擬器進行測試,這種模擬器不僅能重復不同目標受眾群體的典型步驟,還能模擬他們在不同設備上的操作。
FlowMapp 用戶流程工具,用于規(guī)劃出色的用戶體驗
FlowMapp 用戶流程工具,用于規(guī)劃出色的用戶體驗
 
規(guī)則 10:?不要忘記實時測試
除了在模擬器上進行測試外,在目標受眾的現(xiàn)場代表上進行測試也很重要。通過這種方式,您可以獲得有用的反饋(當然,除了多設備測試之外),然后您可以使用這些反饋來優(yōu)化現(xiàn)有模板。
格列布·庫茲涅佐夫(Gleb Kuznetsov?),簡潔的網(wǎng)站設計
格列布·庫茲涅佐夫(Gleb Kuznetsov?),簡潔的網(wǎng)站設計
 
規(guī)則 11:?創(chuàng)建一個時尚的啟動畫面
很顯然,由于閃屏是用戶第一次使用應用程序或網(wǎng)站時的 "第一印象",因此必須考慮讓它看起來很酷。例如,可以借助豐富多彩的原創(chuàng)動畫來實現(xiàn)這一點。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
規(guī)則 12:?盡量減少注冊步驟的數(shù)量
與其從頭開始考慮注冊應用程序或網(wǎng)站的步驟,不如使用每個用戶都熟悉的成熟方法。例如,你可以通過社交網(wǎng)絡或 Gmail 邀請用戶注冊。
規(guī)則 13:不要查閱個人數(shù)據(jù),發(fā)送大量消息轟炸用戶
雖然如今軟件開發(fā)人員都在大力踐行 GDPR,但重要的是要明白黃金分割點在哪里。因此,下次在設計使用個人數(shù)據(jù)的用戶界面布局時,請考慮一下:也許只有在開始使用應用程序或網(wǎng)站時才要求訪問權限是合理的。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
規(guī)則 14:?考慮跨平臺
事實上,不同平臺的接口實現(xiàn)在視覺上不應該有太大差別,這一點顯而易見。只是在為不同平臺提供兩種獨立解決方案時,如何實現(xiàn)這一點就不清楚了。因此,最好是同時為所有平臺創(chuàng)建一個通用設計。
規(guī)則 15:?即使消極也要保持積極的語氣
使用創(chuàng)建的界面所帶來的積極結(jié)果之外,考慮當某些功能無法使用或出錯時,消極結(jié)果也非常重要。即使?jié)撛谟脩舯黄刃遁d你的移動APP,用戶也可以收到一個令人放心的通知??萍脊镜膱F隊絕對熱愛他們的所有用戶。
規(guī)則 16:?為用戶提供即時付款
如果你的應用程序或網(wǎng)站屬于電子商務領域,你幾乎想不到比實現(xiàn)即時支付更好的辦法了。瞧!從更新的第一天起,你的用戶就會開始進行更多的購買。
規(guī)則 17:?記住安全性
有時,設計會造成安全漏洞,從考慮不周的登錄表單到生物識別技術,不一而足。不要再把責任全部推給開發(fā)人員!想想如果你是黑客,你會如何入侵你的應用程序或網(wǎng)站,并在設計模型時盡量避免這些情況。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
規(guī)則 18:首選文本指示器
你是否注意到,一些指示用戶需要做什么的圖標看起來模棱兩可?因此,在可能的情況下,最好使用文字進度指示器。
規(guī)則 19:平衡推送通知的數(shù)量
為了確保后臺用戶互動,一些開發(fā)人員開始濫用彈出消息。結(jié)果,用戶很快就會感到厭煩。在這種情況下,自然也就談不上什么高級用戶體驗了。
規(guī)則 20:?提供頂級個性化
為用戶提供足夠的選項,使其能夠根據(jù)個人需要調(diào)整界面?;驹O置包括字體大小和類型、主題、音效等。因此,你將很快看到目標受眾對您的項目的忠誠度會如何提高。
移動端設計心得:用戶體驗的20條總結(jié)
 
 
 


作者:三分設
鏈接:https://www.zcool.com.cn/article/ZMTYzOTQ1Mg==.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設計(sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計桌面端界面設計APP界面設計、圖標定制用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

image.png

關鍵詞:UI咨詢、UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數(shù)據(jù)可視化設計公司、用戶體驗公司、高端網(wǎng)站設計公司銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔