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

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

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


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

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

image.png

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

 

分享本文至:

日歷

鏈接

個人資料

存檔