抓住用戶(hù)注意力的10種交互設(shè)計(jì)小技巧

如今，設(shè)備的屏幕正變得越來(lái)越小

主要的挑戰(zhàn)在于在有限的屏幕范圍內(nèi)提供優(yōu)秀的用戶(hù)體驗(yàn)。

簡(jiǎn)單來(lái)說(shuō)2015年的移動(dòng)設(shè)計(jì)趨勢(shì)將是在傳遞更多信息的同時(shí)，盡量保持設(shè)計(jì)的簡(jiǎn)單。讓我們來(lái)看看這些應(yīng)用是如何抓住用戶(hù)的注意力的吧。

1.分層界面設(shè)計(jì)

如同我們所知道的那樣，移動(dòng)設(shè)備的屏幕不夠大，不能夠提供桌面端的那種全景式的瀏覽體驗(yàn)。然而，移動(dòng)端設(shè)計(jì)的主要要求是簡(jiǎn)潔，但是為了有效傳遞出所有的服務(wù)內(nèi)容，你需要有技巧性地組織利用這些有限的空間。這促成了分層界面設(shè)計(jì)的崛起。位于前端層次的元件應(yīng)該活躍，位于后端層次的原件應(yīng)當(dāng)順從考前層次的原件。

2.扁平化的界面

2015年，我們將更專(zhuān)注于功能的傳遞而非界面裝飾的至臻完美。這就是為什么扁平化設(shè)計(jì)成為了潮流，因?yàn)樗軌蛸x予你的移動(dòng) App 一種簡(jiǎn)明的結(jié)構(gòu)，這種特性能夠有效地促進(jìn)提高網(wǎng)站訪問(wèn)者的用戶(hù)體驗(yàn)。

3.社交媒體整合

2015年，移動(dòng)應(yīng)用將會(huì)在很大程度上依賴(lài)于諸如 Facebook，Google，Twitter（當(dāng)然了，在國(guó)內(nèi)就是 QQ，微信，新浪微博）等等的社交網(wǎng)站。整合社交媒體現(xiàn)在在移動(dòng) App 中似乎成為了不可或缺的一部分，因?yàn)樗軌蜇S富你的 App 的功能。而且，它也能成為一種連接其他用戶(hù)的工具，因?yàn)槟愕挠脩?hù)們能夠讓他們的朋友來(lái)嘗試這款應(yīng)用，或者至少在社交媒體上面露個(gè)臉。它還是一種很重要的營(yíng)銷(xiāo)工具。

4.從社交媒體登錄

大部分的 App 設(shè)計(jì)者或許認(rèn)為一個(gè)很大的 login 表單看起來(lái)很酷，但是他們往往沒(méi)能夠意識(shí)到用戶(hù)看見(jiàn)那么恐怖的表單的時(shí)候往往會(huì)直接崩潰掉。因此，許多用戶(hù)在他們下完應(yīng)用后就把它們卸載掉了。為了去除掉這種惹人討厭的注冊(cè)表單，你應(yīng)該允許用戶(hù)們從社交平臺(tái)進(jìn)行登錄。這不僅能夠幫助用戶(hù)節(jié)省他們的時(shí)間，而且免除了用戶(hù)需要費(fèi)力記住他們注冊(cè)的用戶(hù)名和密碼的煩惱。

5.善于使用空格

2015年所有的設(shè)計(jì)趨勢(shì)都圍繞著傳遞簡(jiǎn)單和明晰的外觀這個(gè)主題。這個(gè)主題同樣可以被用于移動(dòng)端 App 的內(nèi)容設(shè)計(jì)上，設(shè)計(jì)師們是用空格將不同的元素或元件區(qū)別開(kāi)來(lái)。這可以提升內(nèi)容的可讀性，使得 App 更加好用。

6.使用素雅的、簡(jiǎn)單的顏色主題

是用豐富的，甚至是艷俗的顏色會(huì)使得你的用戶(hù)分心。因此，如果你不希望你的用戶(hù)在看到花里胡哨的、扎眼的 App 之后就把它刪掉，你就應(yīng)當(dāng)使用一種簡(jiǎn)單的顏色主題。簡(jiǎn)單的顏色主題同時(shí)也是扁平化設(shè)計(jì)的要求，這能夠使得用戶(hù)在使用你的 App 時(shí)能夠有順滑的體驗(yàn)。

7.使用左右橫掃的手勢(shì)操作

現(xiàn)在的很多智能手機(jī)都支持手勢(shì)操作，諸如左右滑動(dòng)來(lái)選擇功能。開(kāi)發(fā)者們可以靈巧地使用這些手勢(shì)來(lái)從一個(gè)菜單跳轉(zhuǎn)到另一個(gè)菜單，也可以進(jìn)一步拓展到分享或是刪除這樣的操作。

8.在了解你的用戶(hù)后再開(kāi)始設(shè)計(jì)

在設(shè)計(jì) App 功能的同時(shí)要把你的目標(biāo)用戶(hù)時(shí)刻放在心里，這將有助于你達(dá)到你的目標(biāo)。為了讓他們下載你的 App，你需要提供他們他們所需要的，真正會(huì)喜歡的東西。如果在為一個(gè)特殊的年齡群體設(shè)計(jì) App，你應(yīng)當(dāng)確定你在 App 中所設(shè)置的操作方式能夠被用戶(hù)所喜歡。年輕群體會(huì)更喜歡炫酷的手勢(shì)操作方式，而中老年群體會(huì)偏向于簡(jiǎn)單的操作方式。如果你不想讓你的用戶(hù)怒刪 App，最好就將他們的喜好納入你的考慮范圍。

9.方便拇指操作

現(xiàn)在，越來(lái)越多的用戶(hù)用一只手握持 iPhone 并使用大拇指操作 App。

人們?cè)谒麄冃凶?，旅游，甚至是烹飪或者做其他事情的時(shí)候使用手機(jī)。因此，你需要確保你的 App 在用戶(hù)只使用單手操作時(shí)也能正常使用，而多指手勢(shì)則屬于是錦上添花的功能。這將毫無(wú)疑問(wèn)地提升你 App 的實(shí)用性。

10.實(shí)體或描邊 icon

另外一個(gè)2015的設(shè)計(jì)趨勢(shì)是使用線(xiàn)性圖標(biāo)，這能夠使得用戶(hù)能夠迅速地在活躍和非活躍的 icon 之間進(jìn)行識(shí)別，因而，提高了用戶(hù)體驗(yàn)。

在以上的所有2015年設(shè)計(jì)趨勢(shì)中，我們能夠發(fā)現(xiàn)的貫穿始終的一點(diǎn)是，更清楚地將你的 App 能夠提供的功能傳遞給你的用戶(hù)。所有能夠簡(jiǎn)化 UI/UX 設(shè)計(jì)的東西都被業(yè)界所吸收，因而成為了一種設(shè)計(jì)趨勢(shì)。所以，嘗試著采用更多的簡(jiǎn)化方式，這樣你就能夠成為潮流的引領(lǐng)者！

【原文】10 UX/UI mobile design tips to get undivided attention of your users

【原作者】Chris O’Sullivan

【來(lái)自】設(shè)計(jì)派 【翻譯】小溫