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

2024-11-13    藍(lán)藍(lán)設(shè)計(jì)的小編 移動(dòng)端UI設(shè)計(jì)文章及欣賞

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


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

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

image.png

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

 

日歷

鏈接

個(gè)人資料

存檔