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

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

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

前言:原文比較長,共65條,我打算分三次翻譯完,這是21-40條。

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

 

21. 嘗試平滑過渡而不是突兀呈現(xiàn)

當用戶進行操作的時候,界面元素經常會有出現(xiàn)、隱藏、移動、轉換以及大小調整的動作。作為對操作的回應,為元素變化適當添加時間延遲有時候讓用戶更容易理解剛剛發(fā)生了什么。以動畫或者過渡的形式刻意制造的延時,給了用戶理解元素大小或者位置變化的必要的反應時間。當然了,你也要記住,我們應該將過渡的時間控制在0.5s之內,時間太久的話,用戶可能就會感到不適。對于那些只想快點完成任務的用戶,太長時間的延時當然會成為一種負擔。

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

22. 嘗試循序漸進的引導而不是草率地讓用戶注冊

與其要求用戶立馬注冊,何不讓用戶先體驗一些已示范的有價值的操作呢?在最初的交互過程中,不僅能展現(xiàn)產品的價值,也能顯示出產品的個性。一旦用戶開始看到你的產品的價值,了解產品對自己的用處,他們將更樂于與你分享更多的信息。這種循序漸進的引導是一種盡可能推遲注冊過程的方法,同時還可以讓用戶使用和自定義你的應用或產品。

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

23. 不要讓過多的邊框來分散用戶的注意力

邊框會讓用戶從真正的內容上分散注意力。注意力當然是寶貴的資源,因為我們只能在特定的時間內抓住它。邊框也確實能清楚準確地劃分空間,但其鮮明的線條也會吸引用戶的注意力。為了清楚地劃分屏幕上的區(qū)域但又不至于太惹眼,可以將相似內容的元素放在一塊,每一塊區(qū)域里的內容通過對齊方式保持一致,使用不同的背景加以區(qū)分,甚至僅僅只是使用類似的排版風格。當使用抽象的UI工具進行設計時,很容易弄得到處都是邊框。通常邊框被用來排列和整理界面上的元素,但往往這樣做的結果是界面顯得混亂不堪。有時候在界面上加一些分隔線也是有幫助的,但是考慮盡量用不太顯眼的方式來替代,這樣你的內容才會凸顯出來。

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

24. 嘗試銷售好處而不只是羅列功能

我想這就是市場營銷101。相比于產品的功能,用戶更關心產品能帶來的好處。好處更明確地定義了產品的價值?死锼辜獱柌凇稄100美金開始創(chuàng)業(yè)》中寫道,人們真正關心的是:愛、金錢、認同和自由支配的時間,同時希望更少的壓力、沖突、麻煩和不確定性。當向用戶展示功能的時候,我覺得仍為客戶留有猶豫的空間,盡可能將用戶吸引到產品的好處上來。

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

25. 考慮界面上記錄為空的情況

在某些情況下,你可能會有0, 1, 10, 100,或10000+的數(shù)據(jù)結果需要以不同的方式進行展示。最常見的場景可能是第一次使用是0條數(shù)據(jù)到后來有非常大的數(shù)據(jù)量的中間過渡期。我們常常忘了設計什么都沒有時的初始狀態(tài),而且這樣做讓我們有忽視用戶的風險。零數(shù)據(jù)世界是冰冷的。當用戶第一次登錄你的app,看到的是一個沒有任何引導的空白頁,那么你很有可能因此錯失機會。零數(shù)據(jù)狀態(tài)是向用戶展示接下來應該怎么做的最佳學習時間。好的事物就應該精益求精,用戶界面也不例外。

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

26. 嘗試默認選中,而不是待選

選中狀態(tài)意味著用戶或客戶不需要進行任何操作就已默認接受服務。另外,也有一些傳統(tǒng)的選擇策略要求用戶先進行操作然后才能參加或接受服務。默認選中與待選相比有兩個好處。一是減輕用戶的負擔,因為用戶不需要作任何操作。二是這也向用戶暗示了——“因為別人都需要這個,我也會這樣做”。當然了,這種默認選中策略通常被認為是有爭議的,因為某些居心不良的營銷者濫用的緣故。一種濫用表現(xiàn)在故意降低默認選中文字的可讀性,另一種是使用讓人混亂的文字,比如說雙重否定。這兩種情況都會導致用戶不太了解實情就稀里糊涂地注冊了。因此在保持道德的前提下,如果你決定采用這種默認選中的退出方式,保持其清晰可見,讓你的客戶知道他們被默認添加的操作。畢竟,這種策略曾在歐洲被用來拯救生命。

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

27. 嘗試保持一致性,而不是讓用戶重學習

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!