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

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

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

簡單來說2015年的移動設(shè)計趨勢將是在傳遞更多信息的同時，盡量保持設(shè)計的簡單。讓我們來看看這些應(yīng)用是如何抓住用戶的注意力的吧。

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

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

2.扁平化的界面

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

3.社交媒體整合

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

4.從社交媒體登錄

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

5.善于使用空格

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

6.使用素雅的、簡單的顏色主題

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

7.使用左右橫掃的手勢操作

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

8.在了解你的用戶后再開始設(shè)計

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

9.方便拇指操作

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

人們在他們行走，旅游，甚至是烹飪或者做其他事情的時候使用手機。因此，你需要確保你的 App 在用戶只使用單手操作時也能正常使用，而多指手勢則屬于是錦上添花的功能。這將毫無疑問地提升你 App 的實用性。

10.實體或描邊 icon

另外一個2015的設(shè)計趨勢是使用線性圖標，這能夠使得用戶能夠迅速地在活躍和非活躍的 icon 之間進行識別，因而，提高了用戶體驗。

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

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

【原作者】Chris O’Sullivan

【來自】設(shè)計派 【翻譯】小溫