移動端設計心得,用戶體驗的20條總結(jié)

0 評論 3710 瀏覽 27 收藏 18 分鐘

在設計移動用戶體驗設計、或開啟產(chǎn)品體驗設計項目時,我們往往可能會忽略一些事項。這篇文章里,作者就總結(jié)了20條經(jīng)驗,或許可以幫助屏幕前的你避免踩坑,一起來看看吧。

這里我們通過日常所積累的項目,整理出一些我們自己經(jīng)常容易被忽視的注意點。我們都收藏了這篇文章,每當我們開始設計新的移動應用程序或網(wǎng)站的時候,就把這篇文章當作必備的提示清單。

現(xiàn)在跟著我,一起來閱讀這篇文章,我相信可以幫助到一些初出茅廬的新銳設計師們,在設計移動用戶體驗設計的時候避免踩坑。

規(guī)則1:不要放棄端到端的研究

即便我們已經(jīng)為很多領域的業(yè)務方產(chǎn)品成功開展數(shù)字化升級迭代。然而,每次我們也都不會放棄伴隨式深入項目研究,比如品牌定位,營銷策略。調(diào)研是必要環(huán)節(jié),在服務一些中小企業(yè)的時候,這環(huán)節(jié)很容易被客戶刪除,但是我們?nèi)詴悦赓M的形式提供調(diào)研服務。

在項目鋪開之前,也一定先繪制出 產(chǎn)品/服務 的客戶畫像以及相對應的用戶旅程圖。這樣可以確保我們能夠最大程度通過目標用戶的行動軌跡,提升設計方案的可行性和最終效果。

規(guī)則2:要專注于最核心的功能

任何一款產(chǎn)品體驗的獨特性和多樣性很容易在不知不覺中被混淆,然而并非是同一個概念。的確,我們?yōu)榱藙?chuàng)造出讓用戶更容易識別的符號還是功能,隨之而來,就會在產(chǎn)品的用戶交互界面上增加許多不必要的設計。直至,一款入門級產(chǎn)品的學習成本變得非常之高,初學者難以直觀且快速地適應并使用它。間接關閉了用戶進入使用產(chǎn)品的大門。

記住:少就是多,專注最為核心的功能。

規(guī)則3:要積極探索項目的技術棧

當 AMP 和 PWA 等技術概念出現(xiàn)的時候,我們需要學習并如何將其應用到我們的產(chǎn)品界面體驗中。例如,在第一種技術環(huán)境下,我們可以不受任何的限制使用 CSS3。但是,我們無法讓用戶在任何場景中是使用到一致的產(chǎn)品體驗。

然而,在第二種技術環(huán)境下,我們將不得不考慮推送通知,告知用戶在合適的硬件設備上使用產(chǎn)品。同時,帶來不同的方案來解決以往所無法設計的體驗問題。

AMP(Accelerated Mobile Pages),是一種能夠加快移動端頁面呈現(xiàn)速度的技術,也是一項 HTML 標準,可以用來創(chuàng)建高質(zhì)量,高用戶體驗的網(wǎng)站。這幾年移動網(wǎng)絡技術的發(fā)展有限,確實在界面上沒有像原生應用更易操作,而且當網(wǎng)絡信號受影響時,網(wǎng)頁的加載速度及用戶體驗都會減慢。

PWA(Progressive Web App),為漸進式 Web APP,其目的是通過各種 Web 技術實現(xiàn)與原生 App 相近的用戶體驗。縱觀現(xiàn)有 Web 應用與原生應用的對比差距,如離線緩存、沉浸式體驗等等,可以通過已經(jīng)實現(xiàn)的 Web 技術去彌補這些差距,最終達到與原生應用相近的用戶體驗效果。

規(guī)則4:要為主元素提供直觀的導航

我們也會遇到一些功能非常簡潔的界面,然而和我們一起做項目的實習設計師還是會遇到無法判斷如何設計導航。由此,我們建議可以留下額外的提示,鼓勵增添下一步,從而實現(xiàn)用戶識別目標。對于那些不想花費大量時間去閱讀使用手冊的用戶而言,我們可以通過直觀的元素引導用戶操作。

規(guī)則5:不要忽略觸控屏上的體驗

我們居然使用觸摸屏設備已經(jīng)超過十年之久了,但是,仍有許多界面交互依然沒有與時俱進。例如,一些閱讀類產(chǎn)品還沒有通過模擬紙質(zhì)頁面翻轉(zhuǎn)的交互讓用戶滑動操作,而是用簡單粗暴的創(chuàng)建一個導航按鈕。軟件交互需要跟著硬件、網(wǎng)絡的提升而作出改變。

規(guī)則6:不要忽視界面排版和樣式

作為設計師很容易墜入視覺的漩渦,雖然界面的視覺樣式是用戶的第一感受,很重要。然而,我們卻不能忽視文字內(nèi)容的易讀性。我們通常在構(gòu)思設計樣式時,如果使用非標準字體或是在布局文本塊之前,一定將我們的設計方案是否會阻礙用戶識別或使用考慮在內(nèi)。

規(guī)則7:要提供及時的用戶反饋

好的體驗,離不開好的反饋機制,顧名思義,就是用戶對設備任何操作形成交互,而設備應該做出某種響應。這能夠引導用戶了解他們是否正在沿著實現(xiàn)目標操作路徑前進。相反,缺乏反饋會讓用戶迷航,并感到無比困惑和無助,有時還令人無比抓狂,恨不得把應用刪掉。

規(guī)則8:要減少長時間打字的場景

如今太多干擾事件讓用戶無法長時間持續(xù)輸入,在手機端持續(xù)輸入也是絕大數(shù)用戶的噩夢。用戶有時只是不便輸入,有時卻是因為煩躁,有時卻是因為太累。無論是通過鍵盤輸入還是用手寫,用戶對此的最終反應如何呢?輸入字段越少越好,長按語音吧。對方可以聽到用戶的聲音,可以感受用戶的情緒,也可以轉(zhuǎn)譯成文字即可。

規(guī)則9:不要忽略多端設備的體驗

每次我們開展產(chǎn)品升級項目的時候,都會組建專家焦點小組進行多次討論,然而,也很難確保設計方案能夠百分百成功。因此我們加入工具幫助我們提高效率和成功率,方案模擬器能夠幫助我們進行預演和測試,這些模擬器不僅可以重復各種目標用戶的關鍵步驟,還可以模擬他們在各種設備上的操作。通過這種方式,我們能夠發(fā)現(xiàn)用戶在不同終端設備的體驗問題,以及多端聯(lián)動的體驗設計。

規(guī)則10:不要忘記進入真實環(huán)境測試

我們常常在模擬器上進行產(chǎn)品功能測試,除此之外,我們也會要求在目標用戶的實時操作環(huán)境上進行測試,這個環(huán)節(jié)非常重要。我們由此可以獲得真實有用的反饋,真正識別用戶使用痛點和爽點(當然,由于成本關系經(jīng)常無法多設備的測試支持),通過分析反饋數(shù)據(jù),不斷優(yōu)化現(xiàn)有模板和體驗。

規(guī)則11:要創(chuàng)建強記憶點的閃屏

一款移動端產(chǎn)品,閃屏不得不說就是用戶對正在使用的產(chǎn)品的 “第一印象” ,因此,要重視起來,什么樣的呈現(xiàn)方式能夠讓用戶留下印象,帶給用戶什么樣的心境和感覺呢 ?例如,借助豐富多彩的原創(chuàng)動畫帶領用戶進入程序,傳達的產(chǎn)品品牌理念和個性化特色。

規(guī)則12:要不斷減少注冊的步驟

與其從頭開始思考用戶注冊產(chǎn)品的步驟,不如從每位用戶都熟悉的使用方法開始思考和驗證?,F(xiàn)今,郵箱+密碼的注冊流程已經(jīng)成為我們團隊嗤之以鼻的方式了,手機號+驗證,還是第三方登錄成為我們提供給客戶產(chǎn)品的首要推薦。期待未來只需人臉識別就能夠快速注冊產(chǎn)品。

規(guī)則13:要思考獲取數(shù)據(jù)權(quán)限的意義

盡管移動端產(chǎn)品已經(jīng)大規(guī)模遵守個人數(shù)據(jù)保護法,并且很多節(jié)點都需要實名認證。因此,我們在設計需要獲取或使用個人數(shù)據(jù)的時候,會思考請求訪問權(quán)限的背后的商業(yè)意義和價值,同時也會關注所面臨的風險,做好備案機制。多考慮合規(guī)合法的注意事項。

規(guī)則14:要考慮跨平臺統(tǒng)一的視覺

在不同平臺上,界面視覺不應該有太大的差異。如今,越來越多的客戶擁有多個產(chǎn)品,覆蓋多個終端,同時也會多個渠道投放營銷內(nèi)容。我們會根據(jù)產(chǎn)品在不同的平臺規(guī)則或是不同終端的交互場景,輸出不同產(chǎn)品界面視覺,然而在能夠統(tǒng)一的交互和視覺,我們就會嘗試為所有平臺創(chuàng)建一個統(tǒng)一并符合產(chǎn)品品牌的視覺方案。

規(guī)則15:要保持清晰且積極樂觀的語氣

絕大數(shù)用戶是喜歡的服務是積極樂觀且主動的,我們除了使用界面視覺和交互反饋呈現(xiàn)積極的結(jié)果之外,當某些功能不起作用或是出錯時,要考慮產(chǎn)品出現(xiàn)負面結(jié)果后所表達的語氣。尤其,即使?jié)撛谟脩舯黄刃遁d我們的移動應用程序,用戶可以收到一個令人放心的通知。危機公關的表現(xiàn)也能夠展現(xiàn)產(chǎn)品服務的基因和團隊實力。

規(guī)則16:要為用戶提供即時支付的便捷

我們所服務的產(chǎn)品常常都會有自己的商城功能,所有的內(nèi)容信息所產(chǎn)生的流量都有機會產(chǎn)生用戶需求,也就會產(chǎn)生支付。在長達10年的培養(yǎng),用戶早已習慣如此快捷的在線支付方式。借此,我們都會建議客戶搭建即時支付或者錢包功能。并非單純?yōu)榱宋覀兡軌颢@得更多的服務客戶的時長,而是我們有足夠的信心,讓用戶從更新產(chǎn)品的第一天就開始就產(chǎn)生購買行為,為我們的客戶帶來銷售和利潤。

規(guī)則17:要全局設計和把控產(chǎn)品的安全

有時候,我們的設計在無意中就會產(chǎn)生安全漏洞和風險,從那些考慮不周的登錄注冊開始,再到人臉識別技術。

如今,大量的融入 GPT 技術的產(chǎn)品。因為在產(chǎn)品上運用新技術,用戶會如何使用,在什么場景中出現(xiàn)狀況。因此很容易忽視產(chǎn)品的安全風險。

因此我們運用新技術,就會和研發(fā)工程師深入溝通,而并非把所有責任都推給我們的研發(fā)。想一想那些黑客(惡意競爭對手),會怎么做來破解我們客戶的程序,從而在設計模型時盡量避免這些情況。

規(guī)則18:不要忽視產(chǎn)品文案的解釋

在我們所遇到的產(chǎn)品中,絕大數(shù)在指引用戶需要做什么的圖標或文字總是看起來很模糊?不理解代表什么?圖標和文字以及功能無法達成一致的理解。

確實,辦到這一點是非常困難的。新用戶很難在第一時間理解。而老用戶也會常常誤解。為此,我們就會在可能的需要指引部分,設計讓用戶使用文本指示器和新手引導等輔助功能,幫助理解圖標或文字所代表的功能。因此,我們常常幫助客戶的產(chǎn)品優(yōu)化文案和圖標設計,讓用戶能夠快速理解。

規(guī)則19:要平衡推送通知的數(shù)量

為了保證后臺用戶交互數(shù)據(jù),很多研發(fā)會無意識濫用彈窗消息,很快就引起用戶惹惱。業(yè)務也會不斷增加每一種商品的比重,設計師也很容易,陷入視覺加重,從而界面沒有重點的情況。在這種情況下,自然而言用戶體驗就會降低。適得其反。產(chǎn)品體驗設計,往往推崇克制設計。

規(guī)則20:要提供專屬個性化的設置

為用戶提供足夠的選項,以便讓用戶可以根據(jù)個人需求調(diào)整界面?;驹O置包括:字體大小和類型、主題、音效等。這也能夠覆蓋更多的用戶,符合不同用戶的使用習慣。

就如注冊流程,隨著科技技術的不斷發(fā)展,從郵箱密碼、人臉識別、手機實名以及設備免登陸等等方式,為用戶帶來更便捷的方式。然而,對于產(chǎn)品體驗設計師而言,往往需要具備更多的知識儲備,隨技術的發(fā)展,為用戶設計更好體驗的設置項。

因此,往往一個好的新技術應用,我們將很快看到目標用戶對項目的忠誠度將提高。

結(jié)論

社區(qū)的小伙伴們,通過我們在多年為服務客戶數(shù)字化轉(zhuǎn)型的過程中總結(jié)出的點點心得,希望能提供一些移動設計的基礎知識,為初出茅廬的設計師在未來的產(chǎn)品體驗設計的項目中能夠走上了正確的道路。

最后,祝你們好運!移動端互聯(lián)網(wǎng)即將逝去,接下來,我們應該 AI 時代,和我們一起成長。

原文標題:The Bible of Mobile UX Design: 20 Main Rules

原創(chuàng)作者:FlowMapp

原文鏈接:https://medium.com/@FlowMapp/the-bible-of-mobile-ux-design-20-main-rules-74b55f00e78a

原文標題:用戶體驗設計師的神經(jīng)多樣性

翻譯作者:益達;授權(quán)獲?。阂孢_;該譯文并非完整原文,內(nèi)容已做部分調(diào)整。

微信公眾號:三分設(ID:SFun-Share);用戶體驗設計師成長社區(qū)

本文由@三分設 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議。

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。

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