自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

提升用戶體驗的7大微交互

移動開發(fā)
眾所周知,我們總是依據(jù)封面來判斷書的好壞,聰明的設(shè)計師會創(chuàng)造實用有吸引力的界面。潛在用戶可能會被吸引,但如何一直黏住他們呢?

 [[141728]]

眾所周知,我們總是依據(jù)封面來判斷書的好壞,聰明的設(shè)計師會創(chuàng)造實用有吸引力的界面。潛在用戶可能會被吸引,但如何一直黏住他們呢?

要試著回答這個問題,所有一切都指向人本設(shè)計,其中用戶是最主要的考量。以人為本:你的應(yīng)用應(yīng)該使用日常用語,包括情緒、口語,外觀還要有一絲“誘惑力”。界面應(yīng)當成為你的好朋友,時刻準備給出建議提升你的體驗,讓你會心一笑。

現(xiàn)在揭幕:是微交互在起作用。精確的說,這主要是界面附帶的交互動畫,使它更具表現(xiàn)力。優(yōu)秀的動畫能夠:

  • 表達狀態(tài)并提供反饋
  • 提升直接的操縱感
  • 將操作結(jié)果可視化

在用戶體驗中,關(guān)鍵是你如何對待用戶,還有他們使用產(chǎn)品時的感受。極小的細節(jié)都值得加倍留心。微交互提供了用戶所需的反饋,表達了當前運行狀況。無論背后邏輯有多么復(fù)雜,都能使界面更親切。

1. 顯示系統(tǒng)狀態(tài)

Jakob Nielsen在可用性原則啟示***條中描述:讓用戶始終知曉當前在發(fā)生什么。用戶希望立馬得到回應(yīng),但總有些情況下,網(wǎng)站需要一點時間等待操作完成。

那么,界面就應(yīng)當在背景處顯示圖形,反映完成百分比?;蚴遣シ怕曇?,讓用戶了解當前發(fā)生的事情。這個原則也關(guān)系到文件傳輸:不要讓用戶覺得無聊,給他們看進度條。即使是不太令人愉快的通知,比如傳輸失敗,也應(yīng)該以令人喜愛的方式展現(xiàn)。讓你的用戶微笑!

[[141729]]
[[141730]]

2. 突出顯示變化

通常為了節(jié)省空間,應(yīng)用會在需要時把某個按鈕替換掉。有時我們需要展現(xiàn)通知,確保用戶注意到了。動畫可以吸引他們注意,不至于忽略你認為重要的信息。

[[141731]]
[[141732]]
[[141733]]

3. 保持前后關(guān)聯(lián)

在這個智能手機和小屏幕智能手表的時代,難以在屏幕上展現(xiàn)大量信息。有一種處理方式,是在不同頁面之間保持清晰的導航。讓用戶理解什么東西來自何處,便能輕易回溯。有多種方式可以實現(xiàn):

[[141734]]
[[141735]]

4. 非標準布局

繼續(xù)之前的例子,微交互應(yīng)當幫助用戶理解如何操作非標準的布局,去除不必要的疑惑。照片前后滑動、滾動式圖表和旋轉(zhuǎn)角色都是很棒的選擇:

[[141736]]
[[141737]]
[[141738]]

5. 行動號召

除了幫助用戶有效地操作應(yīng)用,微交互也有鼓勵用戶操作的能力:持續(xù)瀏覽、點贊或分享內(nèi)容,只因為這很有吸引力,用戶不舍離去:

[[141739]]
[[141740]]
[[141741]]

6. 輸入的視覺化

所有應(yīng)用中,數(shù)據(jù)錄入都是最重要的元素之一。數(shù)據(jù)錄入決定了用戶所得結(jié)果的質(zhì)量。通常,這部分很無趣,但微交互可以使它與眾不同:

[[141742]]
[[141743]]
[[141744]]

7. 使教程生動形象

當然,在應(yīng)用發(fā)布后,動畫可以教育用戶。它突出一些基本功能和控件,排除用戶在未來的使用中的障礙。

[[141745]]
[[141746]]
[[141747]]

結(jié)論

所以,如果你重視用戶體驗,就應(yīng)該從頭到尾精細打磨界面,通過微交互與動畫為它增色添彩。它會為你的項目賦予生命。

注意每個細節(jié),是使人機交互易用的成功要訣。

 
責任編輯:倪明 來源: 可樂橙的blog
相關(guān)推薦

2015-08-06 09:55:52

用戶體驗

2015-05-05 17:28:50

云智慧APM

2010-10-11 14:42:49

Windows Pho

2010-03-18 20:19:16

2021-04-20 15:48:40

應(yīng)用策略F5AI

2015-08-07 10:11:47

Web用戶設(shè)計要點

2017-07-26 18:35:53

科勝訊

2022-03-25 10:23:40

用戶體驗APP優(yōu)化

2025-01-02 08:36:40

2016-04-18 09:18:28

用戶體驗設(shè)計產(chǎn)品

2021-01-12 10:16:42

CSS 容器優(yōu)化滾動

2019-07-10 11:46:39

網(wǎng)絡(luò)安全DNS云計算

2012-07-04 10:28:36

jQuery

2014-01-03 14:15:59

手游用戶體驗設(shè)計交互方式

2011-03-23 09:53:54

良性循環(huán)產(chǎn)品交互用戶體驗

2012-09-19 13:18:37

復(fù)雜設(shè)計UI設(shè)計

2021-04-19 13:41:12

Windows 10微軟交互體驗

2021-07-21 08:30:29

注冊登陸交互設(shè)計

2013-02-26 11:00:26

華為SQIMBB
點贊
收藏

51CTO技術(shù)棧公眾號