移動端設計心得,用戶體驗的20條總結
在設計移動用戶體驗設計、或開啟產品體驗設計項目時,我們往往可能會忽略一些事項。這篇文章里,作者就總結了20條經驗,或許可以幫助屏幕前的你避免踩坑,一起來看看吧。
這里我們通過日常所積累的項目,整理出一些我們自己經常容易被忽視的注意點。我們都收藏了這篇文章,每當我們開始設計新的移動應用程序或網站的時候,就把這篇文章當作必備的提示清單。
現在跟著我,一起來閱讀這篇文章,我相信可以幫助到一些初出茅廬的新銳設計師們,在設計移動用戶體驗設計的時候避免踩坑。
規則1:不要放棄端到端的研究
即便我們已經為很多領域的業務方產品成功開展數字化升級迭代。然而,每次我們也都不會放棄伴隨式深入項目研究,比如品牌定位,營銷策略。調研是必要環節,在服務一些中小企業的時候,這環節很容易被客戶刪除,但是我們仍會以免費的形式提供調研服務。
在項目鋪開之前,也一定先繪制出 產品/服務 的客戶畫像以及相對應的用戶旅程圖。這樣可以確保我們能夠最大程度通過目標用戶的行動軌跡,提升設計方案的可行性和最終效果。
規則2:要專注于最核心的功能
任何一款產品體驗的獨特性和多樣性很容易在不知不覺中被混淆,然而并非是同一個概念。的確,我們為了創造出讓用戶更容易識別的符號還是功能,隨之而來,就會在產品的用戶交互界面上增加許多不必要的設計。直至,一款入門級產品的學習成本變得非常之高,初學者難以直觀且快速地適應并使用它。間接關閉了用戶進入使用產品的大門。
記?。荷倬褪嵌?,專注最為核心的功能。
規則3:要積極探索項目的技術棧
當 AMP 和 PWA 等技術概念出現的時候,我們需要學習并如何將其應用到我們的產品界面體驗中。例如,在第一種技術環境下,我們可以不受任何的限制使用 CSS3。但是,我們無法讓用戶在任何場景中是使用到一致的產品體驗。
然而,在第二種技術環境下,我們將不得不考慮推送通知,告知用戶在合適的硬件設備上使用產品。同時,帶來不同的方案來解決以往所無法設計的體驗問題。
AMP(Accelerated Mobile Pages),是一種能夠加快移動端頁面呈現速度的技術,也是一項 HTML 標準,可以用來創建高質量,高用戶體驗的網站。這幾年移動網絡技術的發展有限,確實在界面上沒有像原生應用更易操作,而且當網絡信號受影響時,網頁的加載速度及用戶體驗都會減慢。
PWA(Progressive Web App),為漸進式 Web APP,其目的是通過各種 Web 技術實現與原生 App 相近的用戶體驗。縱觀現有 Web 應用與原生應用的對比差距,如離線緩存、沉浸式體驗等等,可以通過已經實現的 Web 技術去彌補這些差距,最終達到與原生應用相近的用戶體驗效果。
規則4:要為主元素提供直觀的導航
我們也會遇到一些功能非常簡潔的界面,然而和我們一起做項目的實習設計師還是會遇到無法判斷如何設計導航。由此,我們建議可以留下額外的提示,鼓勵增添下一步,從而實現用戶識別目標。對于那些不想花費大量時間去閱讀使用手冊的用戶而言,我們可以通過直觀的元素引導用戶操作。
規則5:不要忽略觸控屏上的體驗
我們居然使用觸摸屏設備已經超過十年之久了,但是,仍有許多界面交互依然沒有與時俱進。例如,一些閱讀類產品還沒有通過模擬紙質頁面翻轉的交互讓用戶滑動操作,而是用簡單粗暴的創建一個導航按鈕。軟件交互需要跟著硬件、網絡的提升而作出改變。
規則6:不要忽視界面排版和樣式
作為設計師很容易墜入視覺的漩渦,雖然界面的視覺樣式是用戶的第一感受,很重要。然而,我們卻不能忽視文字內容的易讀性。我們通常在構思設計樣式時,如果使用非標準字體或是在布局文本塊之前,一定將我們的設計方案是否會阻礙用戶識別或使用考慮在內。
規則7:要提供及時的用戶反饋
好的體驗,離不開好的反饋機制,顧名思義,就是用戶對設備任何操作形成交互,而設備應該做出某種響應。這能夠引導用戶了解他們是否正在沿著實現目標操作路徑前進。相反,缺乏反饋會讓用戶迷航,并感到無比困惑和無助,有時還令人無比抓狂,恨不得把應用刪掉。
規則8:要減少長時間打字的場景
如今太多干擾事件讓用戶無法長時間持續輸入,在手機端持續輸入也是絕大數用戶的噩夢。用戶有時只是不便輸入,有時卻是因為煩躁,有時卻是因為太累。無論是通過鍵盤輸入還是用手寫,用戶對此的最終反應如何呢?輸入字段越少越好,長按語音吧。對方可以聽到用戶的聲音,可以感受用戶的情緒,也可以轉譯成文字即可。
規則9:不要忽略多端設備的體驗
每次我們開展產品升級項目的時候,都會組建專家焦點小組進行多次討論,然而,也很難確保設計方案能夠百分百成功。因此我們加入工具幫助我們提高效率和成功率,方案模擬器能夠幫助我們進行預演和測試,這些模擬器不僅可以重復各種目標用戶的關鍵步驟,還可以模擬他們在各種設備上的操作。通過這種方式,我們能夠發現用戶在不同終端設備的體驗問題,以及多端聯動的體驗設計。
規則10:不要忘記進入真實環境測試
我們常常在模擬器上進行產品功能測試,除此之外,我們也會要求在目標用戶的實時操作環境上進行測試,這個環節非常重要。我們由此可以獲得真實有用的反饋,真正識別用戶使用痛點和爽點(當然,由于成本關系經常無法多設備的測試支持),通過分析反饋數據,不斷優化現有模板和體驗。
規則11:要創建強記憶點的閃屏
一款移動端產品,閃屏不得不說就是用戶對正在使用的產品的 “第一印象” ,因此,要重視起來,什么樣的呈現方式能夠讓用戶留下印象,帶給用戶什么樣的心境和感覺呢 ?例如,借助豐富多彩的原創動畫帶領用戶進入程序,傳達的產品品牌理念和個性化特色。
規則12:要不斷減少注冊的步驟
與其從頭開始思考用戶注冊產品的步驟,不如從每位用戶都熟悉的使用方法開始思考和驗證。現今,郵箱+密碼的注冊流程已經成為我們團隊嗤之以鼻的方式了,手機號+驗證,還是第三方登錄成為我們提供給客戶產品的首要推薦。期待未來只需人臉識別就能夠快速注冊產品。
規則13:要思考獲取數據權限的意義
盡管移動端產品已經大規模遵守個人數據保護法,并且很多節點都需要實名認證。因此,我們在設計需要獲取或使用個人數據的時候,會思考請求訪問權限的背后的商業意義和價值,同時也會關注所面臨的風險,做好備案機制。多考慮合規合法的注意事項。
規則14:要考慮跨平臺統一的視覺
在不同平臺上,界面視覺不應該有太大的差異。如今,越來越多的客戶擁有多個產品,覆蓋多個終端,同時也會多個渠道投放營銷內容。我們會根據產品在不同的平臺規則或是不同終端的交互場景,輸出不同產品界面視覺,然而在能夠統一的交互和視覺,我們就會嘗試為所有平臺創建一個統一并符合產品品牌的視覺方案。
規則15:要保持清晰且積極樂觀的語氣
絕大數用戶是喜歡的服務是積極樂觀且主動的,我們除了使用界面視覺和交互反饋呈現積極的結果之外,當某些功能不起作用或是出錯時,要考慮產品出現負面結果后所表達的語氣。尤其,即使潛在用戶被迫卸載我們的移動應用程序,用戶可以收到一個令人放心的通知。危機公關的表現也能夠展現產品服務的基因和團隊實力。
規則16:要為用戶提供即時支付的便捷
我們所服務的產品常常都會有自己的商城功能,所有的內容信息所產生的流量都有機會產生用戶需求,也就會產生支付。在長達10年的培養,用戶早已習慣如此快捷的在線支付方式。借此,我們都會建議客戶搭建即時支付或者錢包功能。并非單純為了我們能夠獲得更多的服務客戶的時長,而是我們有足夠的信心,讓用戶從更新產品的第一天就開始就產生購買行為,為我們的客戶帶來銷售和利潤。
規則17:要全局設計和把控產品的安全
有時候,我們的設計在無意中就會產生安全漏洞和風險,從那些考慮不周的登錄注冊開始,再到人臉識別技術。
如今,大量的融入 GPT 技術的產品。因為在產品上運用新技術,用戶會如何使用,在什么場景中出現狀況。因此很容易忽視產品的安全風險。
因此我們運用新技術,就會和研發工程師深入溝通,而并非把所有責任都推給我們的研發。想一想那些黑客(惡意競爭對手),會怎么做來破解我們客戶的程序,從而在設計模型時盡量避免這些情況。
規則18:不要忽視產品文案的解釋
在我們所遇到的產品中,絕大數在指引用戶需要做什么的圖標或文字總是看起來很模糊?不理解代表什么?圖標和文字以及功能無法達成一致的理解。
確實,辦到這一點是非常困難的。新用戶很難在第一時間理解。而老用戶也會常常誤解。為此,我們就會在可能的需要指引部分,設計讓用戶使用文本指示器和新手引導等輔助功能,幫助理解圖標或文字所代表的功能。因此,我們常常幫助客戶的產品優化文案和圖標設計,讓用戶能夠快速理解。
規則19:要平衡推送通知的數量
為了保證后臺用戶交互數據,很多研發會無意識濫用彈窗消息,很快就引起用戶惹惱。業務也會不斷增加每一種商品的比重,設計師也很容易,陷入視覺加重,從而界面沒有重點的情況。在這種情況下,自然而言用戶體驗就會降低。適得其反。產品體驗設計,往往推崇克制設計。
規則20:要提供專屬個性化的設置
為用戶提供足夠的選項,以便讓用戶可以根據個人需求調整界面。基本設置包括:字體大小和類型、主題、音效等。這也能夠覆蓋更多的用戶,符合不同用戶的使用習慣。
就如注冊流程,隨著科技技術的不斷發展,從郵箱密碼、人臉識別、手機實名以及設備免登陸等等方式,為用戶帶來更便捷的方式。然而,對于產品體驗設計師而言,往往需要具備更多的知識儲備,隨技術的發展,為用戶設計更好體驗的設置項。
因此,往往一個好的新技術應用,我們將很快看到目標用戶對項目的忠誠度將提高。
結論
社區的小伙伴們,通過我們在多年為服務客戶數字化轉型的過程中總結出的點點心得,希望能提供一些移動設計的基礎知識,為初出茅廬的設計師在未來的產品體驗設計的項目中能夠走上了正確的道路。
最后,祝你們好運!移動端互聯網即將逝去,接下來,我們應該 AI 時代,和我們一起成長。
原文標題:The Bible of Mobile UX Design: 20 Main Rules
原創作者:FlowMapp
原文鏈接:https://medium.com/@FlowMapp/the-bible-of-mobile-ux-design-20-main-rules-74b55f00e78a
原文標題:用戶體驗設計師的神經多樣性
翻譯作者:益達;授權獲?。阂孢_;該譯文并非完整原文,內容已做部分調整。
微信公眾號:三分設(ID:SFun-Share);用戶體驗設計師成長社區
本文由@三分設 翻譯發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Unsplash,基于 CC0 協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發揮!