交互設(shè)計原則:如何用好的設(shè)計留住你的用戶?
本人屬于實踐派,這些方法都是在實際工作中碰到印象深刻到問題后隨手記錄下來的,寫得不妥之處還希望大家給予意見回執(zhí)。
首先揭露一些常見的現(xiàn)象,從現(xiàn)象到本質(zhì)到總結(jié)一些設(shè)計方法。
現(xiàn)象一:內(nèi)容復(fù)雜時,用戶大都只會掃視
當(dāng)我們在查看內(nèi)容和信息的時候,絕大多數(shù)情況下我們都會有目的和意識的去尋找自己感興趣和對自己有幫助的內(nèi)容。
比如,我們很少會完整地瀏覽復(fù)雜網(wǎng)頁上所有的文本和內(nèi)容,絕大多數(shù)的用戶打開網(wǎng)頁都是在試圖完成某項任務(wù),達(dá)成某個目標(biāo);而頁面中的不同的內(nèi)容模塊往往是服務(wù)于不同的功能和目標(biāo)的,我們只要尋找可以完成自己目標(biāo)的內(nèi)容部分即可,并沒有閱讀全部的必要。
不過,作為軟件和網(wǎng)頁的設(shè)計人員,我們需要根據(jù)不同的用戶場景和需求去設(shè)計功能,增強(qiáng)用戶體驗,所以往往會使得頁面邏輯相對復(fù)雜。怎樣把復(fù)雜的需求和邏輯通過簡單清晰的界面展示出來,便需要遵循幾點設(shè)計方法。
下面是自己針對這一現(xiàn)象總結(jié)的幾個重要的設(shè)計方法:
- 盡量使用言簡意賅的標(biāo)題和段落,確保用戶掃視時快速理解選擇;
- 突出關(guān)鍵信息,不要強(qiáng)調(diào)太多的內(nèi)容,這樣會失去強(qiáng)調(diào)的作用;
- 產(chǎn)品說明通過界面化引導(dǎo),拒絕長篇文字說明。
現(xiàn)象2:層級關(guān)系混亂容易造成用戶理解誤差
視覺層次是確保用戶快速掃視能夠獲取到信息的重要助力。
視覺層次能夠呈現(xiàn)出頁面中不同元素之間的優(yōu)先級和關(guān)系,在設(shè)計的時候,同樣需要遵循下面的幾個原則:
- 梳理主要流程,將功能劃分出主次
- 取舍功能操作,突出主要操作流程,弱化次級功能
- 通過視覺表達(dá)層級關(guān)系:重要的元素需醒目;邏輯上關(guān)聯(lián)的元素,在視覺也應(yīng)相關(guān)
- 層級不能太多,三級以內(nèi)較合適,四五級的層級界面會讓用戶找不到重點。
通過以下的設(shè)計案例的截圖對比,我們也不難發(fā)現(xiàn):右側(cè)清晰的層級劃分、簡短的文字信息、良好的設(shè)計引導(dǎo)能讓用戶快速找到想要的功能;而左側(cè)缺乏層次,界面布局冗長,用戶無法一眼掃到全部內(nèi)容,閱讀效率降低。
現(xiàn)象3: 用戶不在意產(chǎn)品背后的邏輯,不要讓用戶思考問題
實現(xiàn)產(chǎn)品邏輯往往是極為復(fù)雜和曲折的,我們需要把這些復(fù)雜的邏輯做到產(chǎn)品的背后,不要讓用戶有所感知。對于用戶來說產(chǎn)品智能、操作簡單才是體驗極好的。
要做到這一點,同樣總結(jié)了幾條準(zhǔn)則:
- 盡量簡化用戶的操作邏輯,可以通過后臺邏輯實現(xiàn)幫助用戶操作智能化,例如聯(lián)動性操作;
- 在長進(jìn)程的流程操作中,盡量不要輕易打斷用戶進(jìn)程讓其思考;
- 在功能設(shè)計中不要過多的限制用戶,讓其如履薄冰,例如警告性詢問性的彈窗避免出現(xiàn);
下面的是一個微信加群內(nèi)好友的軟件操作,可以一鍵給多個群的所有群成員發(fā)送好友驗證消息。
如果一個相同的群成員在多個群內(nèi),且此時你對該成員的勾選狀態(tài)不一致,此時軟件會自動詢問這批群成員是否需要發(fā)送好友驗證。
如果在選擇中途打斷用戶或是禁止操作會讓用戶產(chǎn)生疑問,需要用戶去思考背后的邏輯,就不是很友好了;面對這種沖突性的操作時,在結(jié)尾二次詢問用戶能讓用戶自然理解背后邏輯,也體現(xiàn)了軟件的智能性。
現(xiàn)象4: 為了特殊需求埋葬大眾需求
產(chǎn)品設(shè)計過程中經(jīng)常會遇到這種問題,特別是產(chǎn)品迭代的過程中,用戶不斷的提出需求,就不斷地往產(chǎn)品上堆積功能,這樣長此以往會造成產(chǎn)品的冗余,功能雖多卻沒有一類用戶能找到適合自己的使用場景,這是十分可怕的。
因此在設(shè)計的過程中我們要評估好需求的主次,遵循以下幾點設(shè)計原則:
- 需求評估和界面設(shè)計時要以多數(shù)用戶的主要場景為主;
- 在新需求迭代時不要輕易推翻原本的設(shè)計從頭再來,需要平衡好用戶體驗;
- 在原本界面上兼容高級功能時,需要通過層級劃分把用戶當(dāng)?shù)牟僮髀窂揭?guī)劃好;
- 高級功能是為高級用戶準(zhǔn)備的,可以設(shè)置一定的學(xué)習(xí)成本;
這樣的例子其實很多,特別是移動端的產(chǎn)品,由于移動端界面的局限性,更加需要平衡好主次性。
例如微信更新迭代的視頻功能,采用隱藏的下滑設(shè)計,不影響老用戶的用戶習(xí)慣,卻也能玩出更多花樣。切忌隨隨便便推翻重來的設(shè)計。
現(xiàn)象5:過度創(chuàng)新帶來團(tuán)隊效率低下
創(chuàng)新的確會給產(chǎn)品帶來新的活力,但是為了創(chuàng)新而創(chuàng)新的設(shè)計不是好設(shè)計,真正優(yōu)秀的創(chuàng)新設(shè)計都是基于用戶體驗的。
市面上有太多的工具和應(yīng)用,忽略約定俗成的規(guī)則,特立獨行地采用自己的規(guī)則,會讓每個應(yīng)用的學(xué)習(xí)成本都提高,這對于用戶幾乎是毫無益處的。
- 每個元素的設(shè)計不能僅僅是為了好看,而是要基于用戶體驗
- 微動效是為引導(dǎo)用戶理解產(chǎn)品而存在的,不是為了酷炫
- 不要為了設(shè)計而設(shè)計,設(shè)計中盡量使用大家默認(rèn)易懂的標(biāo)識和組件
在入職伊始,我很喜歡酷炫的設(shè)計風(fēng)格,各種微交互的創(chuàng)新設(shè)計幾乎成為了我的研究重點。
在工作兩年多以來我發(fā)現(xiàn)這些酷炫的技能是工作崗位的奢侈品,團(tuán)隊根本不會為了你認(rèn)為很棒的視覺體驗買單,任何設(shè)計都需要考慮成本,一個產(chǎn)品設(shè)計原型往往一天就要評審,更不沒有過多的時間去考慮視覺,重點還是要把邏輯和流程表達(dá)清晰。
但是微交互也不是完全沒有用武之地,在產(chǎn)品相對成熟的階段,追求精益求精的用戶體驗時,這些存貨也是能派上用場的。所以我希望設(shè)計師在學(xué)習(xí)和工作過程中不要本末倒置,要有自己清晰的判斷和思路。
現(xiàn)象6:問對問題,才能深度挖掘用戶行為
用戶回訪的時候,問用戶“你們覺得下拉菜單好用嗎?”這樣的問題,不僅銷量不高,而且不會帶來價值。
這個問題,應(yīng)該這么問:“在某某場景下,這個頁面上的下拉菜單設(shè)計你能不能快速發(fā)現(xiàn)和操作,能不能理解使用邏輯?”。所以,用戶回訪時一定要深入思考問卷問題,才能挖掘更多的用戶行為和對產(chǎn)品有幫助的反饋。
以上是我工作以來的一些心得,整理和總結(jié)出來奉獻(xiàn)給大家閱讀,有什么不一致的意見可以留言,很樂意和大家一起探討。
本文由 @UX-ICY 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于 CC0 協(xié)議
您好,怎么轉(zhuǎn)載這篇文章?公眾號:產(chǎn)品運(yùn)營增長。
您好,我是“交互設(shè)計學(xué)堂”公眾號(id:jhsjxt)的小編。我很喜歡您這篇文章,想在我們平臺轉(zhuǎn)載。文章會注明來源和作者, 請問可以給我們授權(quán)嗎?
可以
留下聯(lián)系方式吧
深有同感
不錯。