交互設(shè)計(jì)原則:如何用好的設(shè)計(jì)留住你的用戶?

6 評(píng)論 9506 瀏覽 122 收藏 9 分鐘

本人屬于實(shí)踐派,這些方法都是在實(shí)際工作中碰到印象深刻到問(wèn)題后隨手記錄下來(lái)的,寫得不妥之處還希望大家給予意見(jiàn)回執(zhí)。

首先揭露一些常見(jiàn)的現(xiàn)象,從現(xiàn)象到本質(zhì)到總結(jié)一些設(shè)計(jì)方法。

現(xiàn)象一:內(nèi)容復(fù)雜時(shí),用戶大都只會(huì)掃視

當(dāng)我們?cè)诓榭磧?nèi)容和信息的時(shí)候,絕大多數(shù)情況下我們都會(huì)有目的和意識(shí)的去尋找自己感興趣和對(duì)自己有幫助的內(nèi)容。

比如,我們很少會(huì)完整地瀏覽復(fù)雜網(wǎng)頁(yè)上所有的文本和內(nèi)容,絕大多數(shù)的用戶打開(kāi)網(wǎng)頁(yè)都是在試圖完成某項(xiàng)任務(wù),達(dá)成某個(gè)目標(biāo);而頁(yè)面中的不同的內(nèi)容模塊往往是服務(wù)于不同的功能和目標(biāo)的,我們只要尋找可以完成自己目標(biāo)的內(nèi)容部分即可,并沒(méi)有閱讀全部的必要。

不過(guò),作為軟件和網(wǎng)頁(yè)的設(shè)計(jì)人員,我們需要根據(jù)不同的用戶場(chǎng)景和需求去設(shè)計(jì)功能,增強(qiáng)用戶體驗(yàn),所以往往會(huì)使得頁(yè)面邏輯相對(duì)復(fù)雜。怎樣把復(fù)雜的需求和邏輯通過(guò)簡(jiǎn)單清晰的界面展示出來(lái),便需要遵循幾點(diǎn)設(shè)計(jì)方法。

下面是自己針對(duì)這一現(xiàn)象總結(jié)的幾個(gè)重要的設(shè)計(jì)方法:

  1. 盡量使用言簡(jiǎn)意賅的標(biāo)題和段落,確保用戶掃視時(shí)快速理解選擇;
  2. 突出關(guān)鍵信息,不要強(qiáng)調(diào)太多的內(nèi)容,這樣會(huì)失去強(qiáng)調(diào)的作用;
  3. 產(chǎn)品說(shuō)明通過(guò)界面化引導(dǎo),拒絕長(zhǎng)篇文字說(shuō)明。

現(xiàn)象2:層級(jí)關(guān)系混亂容易造成用戶理解誤差

視覺(jué)層次是確保用戶快速掃視能夠獲取到信息的重要助力。

視覺(jué)層次能夠呈現(xiàn)出頁(yè)面中不同元素之間的優(yōu)先級(jí)和關(guān)系,在設(shè)計(jì)的時(shí)候,同樣需要遵循下面的幾個(gè)原則:

  1. 梳理主要流程,將功能劃分出主次
  2. 取舍功能操作,突出主要操作流程,弱化次級(jí)功能
  3. 通過(guò)視覺(jué)表達(dá)層級(jí)關(guān)系:重要的元素需醒目;邏輯上關(guān)聯(lián)的元素,在視覺(jué)也應(yīng)相關(guān)
  4. 層級(jí)不能太多,三級(jí)以內(nèi)較合適,四五級(jí)的層級(jí)界面會(huì)讓用戶找不到重點(diǎn)。

通過(guò)以下的設(shè)計(jì)案例的截圖對(duì)比,我們也不難發(fā)現(xiàn):右側(cè)清晰的層級(jí)劃分、簡(jiǎn)短的文字信息、良好的設(shè)計(jì)引導(dǎo)能讓用戶快速找到想要的功能;而左側(cè)缺乏層次,界面布局冗長(zhǎng),用戶無(wú)法一眼掃到全部?jī)?nèi)容,閱讀效率降低。

現(xiàn)象3: 用戶不在意產(chǎn)品背后的邏輯,不要讓用戶思考問(wèn)題

實(shí)現(xiàn)產(chǎn)品邏輯往往是極為復(fù)雜和曲折的,我們需要把這些復(fù)雜的邏輯做到產(chǎn)品的背后,不要讓用戶有所感知。對(duì)于用戶來(lái)說(shuō)產(chǎn)品智能、操作簡(jiǎn)單才是體驗(yàn)極好的。

要做到這一點(diǎn),同樣總結(jié)了幾條準(zhǔn)則:

  1. 盡量簡(jiǎn)化用戶的操作邏輯,可以通過(guò)后臺(tái)邏輯實(shí)現(xiàn)幫助用戶操作智能化,例如聯(lián)動(dòng)性操作;
  2. 在長(zhǎng)進(jìn)程的流程操作中,盡量不要輕易打斷用戶進(jìn)程讓其思考;
  3. 在功能設(shè)計(jì)中不要過(guò)多的限制用戶,讓其如履薄冰,例如警告性詢問(wèn)性的彈窗避免出現(xiàn);

下面的是一個(gè)微信加群內(nèi)好友的軟件操作,可以一鍵給多個(gè)群的所有群成員發(fā)送好友驗(yàn)證消息。

如果一個(gè)相同的群成員在多個(gè)群內(nèi),且此時(shí)你對(duì)該成員的勾選狀態(tài)不一致,此時(shí)軟件會(huì)自動(dòng)詢問(wèn)這批群成員是否需要發(fā)送好友驗(yàn)證。

如果在選擇中途打斷用戶或是禁止操作會(huì)讓用戶產(chǎn)生疑問(wèn),需要用戶去思考背后的邏輯,就不是很友好了;面對(duì)這種沖突性的操作時(shí),在結(jié)尾二次詢問(wèn)用戶能讓用戶自然理解背后邏輯,也體現(xiàn)了軟件的智能性。

現(xiàn)象4: 為了特殊需求埋葬大眾需求

產(chǎn)品設(shè)計(jì)過(guò)程中經(jīng)常會(huì)遇到這種問(wèn)題,特別是產(chǎn)品迭代的過(guò)程中,用戶不斷的提出需求,就不斷地往產(chǎn)品上堆積功能,這樣長(zhǎng)此以往會(huì)造成產(chǎn)品的冗余,功能雖多卻沒(méi)有一類用戶能找到適合自己的使用場(chǎng)景,這是十分可怕的。

因此在設(shè)計(jì)的過(guò)程中我們要評(píng)估好需求的主次,遵循以下幾點(diǎn)設(shè)計(jì)原則:

  1. 需求評(píng)估和界面設(shè)計(jì)時(shí)要以多數(shù)用戶的主要場(chǎng)景為主;
  2. 在新需求迭代時(shí)不要輕易推翻原本的設(shè)計(jì)從頭再來(lái),需要平衡好用戶體驗(yàn);
  3. 在原本界面上兼容高級(jí)功能時(shí),需要通過(guò)層級(jí)劃分把用戶當(dāng)?shù)牟僮髀窂揭?guī)劃好;
  4. 高級(jí)功能是為高級(jí)用戶準(zhǔn)備的,可以設(shè)置一定的學(xué)習(xí)成本;

這樣的例子其實(shí)很多,特別是移動(dòng)端的產(chǎn)品,由于移動(dòng)端界面的局限性,更加需要平衡好主次性。

例如微信更新迭代的視頻功能,采用隱藏的下滑設(shè)計(jì),不影響老用戶的用戶習(xí)慣,卻也能玩出更多花樣。切忌隨隨便便推翻重來(lái)的設(shè)計(jì)。

現(xiàn)象5:過(guò)度創(chuàng)新帶來(lái)團(tuán)隊(duì)效率低下

創(chuàng)新的確會(huì)給產(chǎn)品帶來(lái)新的活力,但是為了創(chuàng)新而創(chuàng)新的設(shè)計(jì)不是好設(shè)計(jì),真正優(yōu)秀的創(chuàng)新設(shè)計(jì)都是基于用戶體驗(yàn)的。

市面上有太多的工具和應(yīng)用,忽略約定俗成的規(guī)則,特立獨(dú)行地采用自己的規(guī)則,會(huì)讓每個(gè)應(yīng)用的學(xué)習(xí)成本都提高,這對(duì)于用戶幾乎是毫無(wú)益處的。

  1. 每個(gè)元素的設(shè)計(jì)不能僅僅是為了好看,而是要基于用戶體驗(yàn)
  2. 微動(dòng)效是為引導(dǎo)用戶理解產(chǎn)品而存在的,不是為了酷炫
  3. 不要為了設(shè)計(jì)而設(shè)計(jì),設(shè)計(jì)中盡量使用大家默認(rèn)易懂的標(biāo)識(shí)和組件

在入職伊始,我很喜歡酷炫的設(shè)計(jì)風(fēng)格,各種微交互的創(chuàng)新設(shè)計(jì)幾乎成為了我的研究重點(diǎn)。

在工作兩年多以來(lái)我發(fā)現(xiàn)這些酷炫的技能是工作崗位的奢侈品,團(tuán)隊(duì)根本不會(huì)為了你認(rèn)為很棒的視覺(jué)體驗(yàn)買單,任何設(shè)計(jì)都需要考慮成本,一個(gè)產(chǎn)品設(shè)計(jì)原型往往一天就要評(píng)審,更不沒(méi)有過(guò)多的時(shí)間去考慮視覺(jué),重點(diǎn)還是要把邏輯和流程表達(dá)清晰。

但是微交互也不是完全沒(méi)有用武之地,在產(chǎn)品相對(duì)成熟的階段,追求精益求精的用戶體驗(yàn)時(shí),這些存貨也是能派上用場(chǎng)的。所以我希望設(shè)計(jì)師在學(xué)習(xí)和工作過(guò)程中不要本末倒置,要有自己清晰的判斷和思路。

現(xiàn)象6:?jiǎn)枌?duì)問(wèn)題,才能深度挖掘用戶行為

用戶回訪的時(shí)候,問(wèn)用戶“你們覺(jué)得下拉菜單好用嗎?”這樣的問(wèn)題,不僅銷量不高,而且不會(huì)帶來(lái)價(jià)值。

這個(gè)問(wèn)題,應(yīng)該這么問(wèn):“在某某場(chǎng)景下,這個(gè)頁(yè)面上的下拉菜單設(shè)計(jì)你能不能快速發(fā)現(xiàn)和操作,能不能理解使用邏輯?”。所以,用戶回訪時(shí)一定要深入思考問(wèn)卷問(wèn)題,才能挖掘更多的用戶行為和對(duì)產(chǎn)品有幫助的反饋。

以上是我工作以來(lái)的一些心得,整理和總結(jié)出來(lái)奉獻(xiàn)給大家閱讀,有什么不一致的意見(jiàn)可以留言,很樂(lè)意和大家一起探討。

 

本文由 @UX-ICY 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 您好,怎么轉(zhuǎn)載這篇文章?公眾號(hào):產(chǎn)品運(yùn)營(yíng)增長(zhǎng)。

    來(lái)自上海 回復(fù)
  2. 您好,我是“交互設(shè)計(jì)學(xué)堂”公眾號(hào)(id:jhsjxt)的小編。我很喜歡您這篇文章,想在我們平臺(tái)轉(zhuǎn)載。文章會(huì)注明來(lái)源和作者, 請(qǐng)問(wèn)可以給我們授權(quán)嗎?

    來(lái)自廣東 回復(fù)
    1. 可以

      來(lái)自浙江 回復(fù)
    2. 留下聯(lián)系方式吧

      來(lái)自浙江 回復(fù)
  3. 深有同感

    來(lái)自江蘇 回復(fù)
  4. 不錯(cuò)。

    回復(fù)