當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

交互設計技巧,創(chuàng)造好的用戶體驗(中)(2)

來源:站酷 作者:謝爾魚 學習:2365人次

因為唐納德?諾曼那些很棒的書,保持用戶界面設計的一致性可能是最廣為人知的原則之一了。當用戶使用界面或者產品時,一個一致的UI或者交互是減少用戶學習量的一種很好的方法。當我們按下按鈕,移動滑條的時候,我們希望這些交互元素看起來、用起來和被找到的方式是一樣的。一致性讓我們習慣了交互的方式,而一旦沒有了一致性,我們被迫進入反復的學習中。一致性的界面元素可以通過多種方式來實現,比如說:顏色,方向,行為,位置,大小,形狀,標簽以及語言。然而在我們保持所有元素的一致性之前,請記住,保持元素的不一致性仍然是有價值的。不一致的元素或者行為的出現能從我們的習慣性潛意識的深處喚起我們的注意力——當你有想要獲得關注的事情的時候,這是很有幫助的。試一試,但也要知道什么時候打破它。

交互設計技巧,創(chuàng)造好的用戶體驗(中)

28. 嘗試使用智能的默認值,而不是要求額外的操作

使用智能默認值,或者根據經驗猜測預填表單字段能夠幫助用戶減少大量的工作量。這是一種節(jié)省用戶的寶貴時間,幫助用戶快速完成表單填寫的常用技巧。最糟糕的事情是從經驗和轉化點出發(fā)要求用戶填寫的信息可能是他們在過去已經反復多次提供過的。嘗試加載和顯示已經驗證過的字段值,而不是每次都要求用戶填寫。用戶的工作量越少越好。

交互設計技巧,創(chuàng)造好的用戶體驗(中)

29. 嘗試遵守約定俗成的規(guī)則,而不是新建標準

統(tǒng)一的約定是一致性的好伙伴。如果我們在界面上保持元素的相似性,用戶使用起來就不會特別困難。另一方面,如果我們盡可能地保持多個界面上的元素的相似性,這就進一步降低了用戶的學習成本。有了統(tǒng)一的UI約定,我們就知道屏幕右上角的叉是用來關閉窗口的。當然這種約定隨著時間推移可能也會改變。不過記住,當需要打破這種約定的時候,明確自己的意圖,并保證出發(fā)點是好的。

交互設計技巧,創(chuàng)造好的用戶體驗(中)

30. 嘗試聲明免于受損,而不是強調收益

我們都想贏,并且討厭失敗。根據說服力心理學的規(guī)則,我們更希望避免損失而不是獲得收益。這種規(guī)則也可以應用于產品設計和宣傳中。宣傳產品能夠保護客戶現有的幸福、財富或社會地位,類似這種策略可能比嘗試向客戶提供客戶現在還沒有的、額外的東西要更有效。保險公司在宣傳的時候,是說我們可以在事故之后獲得賠償還是強調能保護我們現有珍視的東西呢?

交互設計技巧,創(chuàng)造好的用戶體驗(中)

31. 嘗試營造視覺層次,而不是平淡無奇

良好的視覺層次能區(qū)分重要的元素與不太重要的元素。視覺層次可以通過對齊、距離、顏色、色調、縮進、字體大小、元素大小、填充、間距等方式來體現。當這些視覺語言元素被正確運用,他們能在頁面上抓住用戶的注意力,提高頁面的可讀性。視覺層次結構可以產生視覺摩擦,放慢我們從上到下瀏覽整個頁面的速度。通過一個好的視覺層次,我們可能會多花點時間在頁面上,最后的結果可能是我們注冊了更多的項目。就像是一次公路旅行,你可以走高速公路,很快地到達目的地(頁面底部);你也可以走風景優(yōu)美的路線,放慢行程,沿路記住更多有趣的事物。給眼睛一個停留的地方。

交互設計技巧,創(chuàng)造好的用戶體驗(中)

32. 嘗試將相關的項目分組,而不是雜亂無序

將相關的項目分組在一起是增加產品可用性的一種基本方式。我們大多數人都知道刀和叉是放在一起的,同理打開和關閉功能通常也是在一起的。將相關的項目放在一起符合邏輯,也更符合用戶對產品的整體的認知。用戶通常都不太樂意浪費時間到處找東西。

交互設計技巧,創(chuàng)造好的用戶體驗(中)

33. 嘗試進行內聯驗證,而不是提交后再報錯

當處理表單時,通常在驗證到字段填寫不正確時就立馬給出錯誤提示,比填完提交之后再報錯要好得多。這里強調的交互模式當然就是最著名的內聯驗證了。當驗證到錯誤的時候,將其立馬顯示出來(在輸入框右邊顯示出來),這樣上下文中出現錯誤時就可以立即被更正。另一方面,如果在表單提交之后再提示錯誤,就會強迫用戶回憶之前的操作步驟而做額外的工作。

交互設計技巧,創(chuàng)造好的用戶體驗(中)

34. 嘗試放寬輸入的條件,而不是要求嚴格的數據格式

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!