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

0 評(píng)論 6130 瀏覽 45 收藏 7 分鐘

如今,設(shè)備的屏幕正變得越來(lái)越小。主要的挑戰(zhàn)在于在有限的屏幕范圍內(nèi)提供優(yōu)秀的用戶體驗(yàn)。

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

zhuyili2

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

2.扁平化的界面

zhuyili3

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

3.社交媒體整合

zhuyili4

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

4.從社交媒體登錄

zhuyili5

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

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)單的顏色主題

zhuyili6

是用豐富的,甚至是艷俗的顏色會(huì)使得你的用戶分心。因此,如果你不希望你的用戶在看到花里胡哨的、扎眼的 App 之后就把它刪掉,你就應(yīng)當(dāng)使用一種簡(jiǎn)單的顏色主題。簡(jiǎn)單的顏色主題同時(shí)也是扁平化設(shè)計(jì)的要求,這能夠使得用戶在使用你的 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.在了解你的用戶后再開(kāi)始設(shè)計(jì)

zhuyili7

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

9.方便拇指操作

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

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

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

zhuyili8

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

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

 

原文作者:Chris O’Sullivan

原文地址:designsphere.info

翻譯:設(shè)計(jì)派_小溫

文章來(lái)源:設(shè)計(jì)派

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!