前言:本文所說(shuō)的設(shè)計(jì)原則區(qū)別于軟件設(shè)計(jì)原則,屬于用戶(hù)體驗(yàn)范疇的交互設(shè)計(jì)原則,主要的讀者為產(chǎn)品經(jīng)理,交互設(shè)計(jì)師和對(duì)互聯(lián)網(wǎng)產(chǎn)品感興趣的讀者。本文所涉及的10條android設(shè)計(jì)原則,出自Android用戶(hù)體驗(yàn)團(tuán)隊(duì),我會(huì)根據(jù)自己的理解和一些實(shí)例對(duì)這些原則逐個(gè)進(jìn)行講解。
這些設(shè)計(jì)原則有這么用,能解決我什么問(wèn)題呢?
男人吃了強(qiáng)身健體,女人吃了美容養(yǎng)顏,肯定聽(tīng)過(guò)這樣的廣告詞吧。如果各位讀者不知道這篇文章能幫你解決什么問(wèn)題,那我首先會(huì)解決你的疑惑,讓你真正從這篇文章中獲益。
1.對(duì)于普通讀者而言:憑借這些設(shè)計(jì)原則,可以滿足你對(duì)一些軟件“指點(diǎn)江山”的興趣,試想你可以通過(guò)這些原則對(duì)自己使用的軟件“找茬”的樂(lè)趣吧。因?yàn)槲揖秃芟矚g對(duì)軟件進(jìn)行找茬。
2.對(duì)設(shè)計(jì)工作者而言:好處不言而喻,它可以幫助你確立設(shè)計(jì)的指導(dǎo)方向,你的設(shè)計(jì)工作就會(huì)有章可循了??梢杂兄谀愀玫娜ビ^察和理解同類(lèi)產(chǎn)品的設(shè)計(jì)思路,這樣你再去分析其他產(chǎn)品時(shí)就得心應(yīng)手很多。
一、讓我著迷
1.能夠以意想不到的方式讓我眼前一亮。
這些意想不到的方式指的是什么呢?一個(gè)漂亮的界面,一個(gè)精心布置的動(dòng)畫(huà)效果,一段恰到好處的音效,一個(gè)雪中送炭般的提示。這些細(xì)節(jié)都能給用戶(hù)帶來(lái)愉悅的感覺(jué),讓用戶(hù)眼前一亮。
例子:如果是在很多年以前就使用迅雷的用戶(hù),應(yīng)該對(duì)迅雷的下載完成提示音印象深刻,而作為經(jīng)典的提示音,迅雷把它一直保持到今天。懶投資官網(wǎng)的用戶(hù)登錄處,設(shè)計(jì)了一個(gè)很有意思的交互動(dòng)畫(huà),大家可以看下圖。在輸入密碼前,右上角的吉祥物小懶單純的望著你,當(dāng)輸入密碼的文本框獲得焦點(diǎn)時(shí),小懶就識(shí)趣的把眼睛捂住了。是不是被小懶萌到了呢?

2.物化的圖標(biāo)要比按鈕和菜單更有趣
這一點(diǎn)應(yīng)該是顯而易見(jiàn)的。安卓團(tuán)隊(duì)給出的理由是,這樣的設(shè)計(jì)可以減少你在執(zhí)行任務(wù)時(shí)的認(rèn)知努力,讓執(zhí)行的過(guò)程滿意度提升。
例子:這個(gè)原則似乎已經(jīng)成為一個(gè)共識(shí),人們看到放大鏡的圖標(biāo),就知道是搜索,看到一個(gè)鈴鐺,就知道是消息提醒,看到一個(gè)喇叭,那一定是發(fā)音的地方。這樣的例子我想不需要再多舉了。不過(guò)在這里要提醒一句,擬物化的圖標(biāo)不是萬(wàn)能的,看下面的圖。左邊是line(一款在臺(tái)灣地區(qū)比較流行的社交軟件),右邊是微信。

大家可以看到,左邊的line,它的tab標(biāo)簽是沒(méi)有文字說(shuō)明的,而微信設(shè)計(jì)團(tuán)隊(duì)似乎擔(dān)心大家的理解能力,使用了圖標(biāo)搭配文字的方式。至于哪種方式更好,就仁者見(jiàn)仁,智者見(jiàn)者了。
3.讓我個(gè)性化定制自己的應(yīng)用。
這里的解釋跟官方的有些出入,我就按我的理解來(lái)說(shuō)吧。功能定制,讓用戶(hù)有選擇應(yīng)用的權(quán)利。
例子:這里的例子還是比較多的。我先從簡(jiǎn)單一點(diǎn)的例子開(kāi)始說(shuō)起,如果你的手機(jī)瀏覽器是QQ瀏覽器,你會(huì)發(fā)現(xiàn)它的首頁(yè)是卡片式的設(shè)計(jì),而且可以讓你自己定制哪些內(nèi)容可以在首頁(yè)展示。如果你使用PC端的火狐瀏覽器,它的首頁(yè)是方格式布局,你喜歡哪些網(wǎng)站,就把它放在對(duì)應(yīng)方格內(nèi)吧。你再深入想一想,你在使用知乎時(shí),知乎允許你自主選擇關(guān)注的話題和人。所以每個(gè)人的知乎首頁(yè)是什么,完全取決于你自己!發(fā)動(dòng)你的腦洞,留心自己使用過(guò)的產(chǎn)品,是不是很多都遵循了這么一個(gè)原則呢?

4.讓用戶(hù)了解我
逐漸了解用戶(hù)的偏好。不要讓用戶(hù)反復(fù)做出相同的選擇,將之前的選擇列作快捷選擇。
這應(yīng)該如何理解呢?例子是最好的老師,讓老師來(lái)告訴你吧。
例子:我先說(shuō)一個(gè)吧,萬(wàn)惡的輸入法,哈哈。除了輸入法之外,其實(shí)很多地方也用到了這一設(shè)計(jì)原則。終于可以介紹我本人非常喜歡的一款應(yīng)用軟件了,Pocket。pocket的文章分享功能,就采用了這一設(shè)計(jì)原則。

看到排在第二位的微信圖標(biāo)了吧,你猜它是為什么排在了第二位的?沒(méi)錯(cuò),因?yàn)槲抑皠偘岩黄恼路窒淼轿⑿?,它記住了我的偏好??吹揭豢詈玫漠a(chǎn)品在細(xì)節(jié)上的功夫了嗎?(當(dāng)然,切記一點(diǎn)的是,產(chǎn)品開(kāi)發(fā)要以核心功能為主,錦上添花的事是以后考慮的)
再來(lái)說(shuō)幾句,你應(yīng)該經(jīng)常用微信吧,你看到微信聊天頁(yè)面右下角的笑臉了吧,點(diǎn)開(kāi)試試,它有沒(méi)有考慮這一點(diǎn)呢?看,現(xiàn)學(xué)現(xiàn)用了吧。
二、讓我的生活更輕松
5.圖片比文字更直觀
考慮以圖示意。它們會(huì)吸引用戶(hù)的注意力,并且比文字更高效。
例子:我就用官方給出的圖例吧。其實(shí)呢,這一原則是很考驗(yàn)設(shè)計(jì)師經(jīng)驗(yàn)的。因?yàn)檫@一原則可不是什么金科玉律,適用于任何情況。你到現(xiàn)在也沒(méi)有看到哪個(gè)軟件的確定按鈕,是用圖標(biāo)或者圖片表示的吧,你可以思考一下這是為什么。

為你的聯(lián)系人設(shè)置一個(gè)頭像,你會(huì)一眼就把它認(rèn)出來(lái)的!當(dāng)然,不要被現(xiàn)在的女朋友看到前女友的照片就好啦。
6.僅在我需要時(shí)顯示我所需要的
如果一次性看到過(guò)多內(nèi)容,用戶(hù)會(huì)感到無(wú)所適從。將任務(wù)和信息細(xì)分為更小、更容易接受的片段。 隱藏當(dāng)前不必要的選項(xiàng),并在用戶(hù)操作期間提供指導(dǎo)。
這一點(diǎn),跟我們比較熟知的次級(jí)功能隱藏,保持主界面足夠簡(jiǎn)介這一原則有異曲同工之妙。
例子:這次我們就用Uber來(lái)作為例子吧。

真是簡(jiǎn)潔極啦!打開(kāi)uber,你只需要選擇打車(chē)地點(diǎn)就行啦,簡(jiǎn)單粗暴還有效!,有了定位功能,甚至你都不需要自己選擇上車(chē)地點(diǎn)啦!uber其他功能在哪呢?看到左上角的三條杠了嗎?三條杠不嘩眾取寵,出來(lái)爭(zhēng)風(fēng)頭的精神真是讓我敬佩!
7.我應(yīng)該始終清楚自己在哪里
讓用戶(hù)感到輕車(chē)熟路。為應(yīng)用中的不同場(chǎng)景賦予不同的外觀,使用過(guò)渡效果來(lái)展現(xiàn)屏幕之間的關(guān)系。 提供任務(wù)進(jìn)度反饋。
知道著名的面包屑導(dǎo)航嗎?不要以為人只有在路上才會(huì)成路癡,人在軟件里有時(shí)候更容易迷路。為了能保證用戶(hù)原路返回,在他走過(guò)的路上,標(biāo)上顯著的標(biāo)記吧。
例子:

你來(lái)過(guò)微信的這個(gè)頁(yè)面嗎?我當(dāng)初就這么東撞西撞就進(jìn)來(lái)了。但是我不怕迷路,我只要用左上角的指向標(biāo),就能出去啦,而且還知道我是從哪里進(jìn)來(lái)這邊的。這里附送一個(gè)思考題,面包屑導(dǎo)航和這種導(dǎo)航方式有什么區(qū)別呢?如果你來(lái)設(shè)計(jì),你會(huì)選擇哪種“路標(biāo)”呢?
8.決不能讓我的成果付諸東流
務(wù)必保存好用戶(hù)耗費(fèi)花時(shí)間創(chuàng)造的內(nèi)容,讓他們能隨處訪問(wèn)這些內(nèi)容??缡謾C(jī)、平板電腦和計(jì)算機(jī)等平臺(tái),記住設(shè)置、個(gè)人手勢(shì)和創(chuàng)作內(nèi)容, 讓?xiě)?yīng)用升級(jí)變得無(wú)比簡(jiǎn)單。
例子:在簡(jiǎn)書(shū)上寫(xiě)作的筒子們,你們知道簡(jiǎn)書(shū)是個(gè)NB的產(chǎn)品嗎?當(dāng)你在寫(xiě)文章時(shí),你只要敲一下空格鍵,你的內(nèi)容就被自動(dòng)保存了!你還最怕什么電腦突然的死機(jī),空氣突然的安靜啊。
9.只在確實(shí)對(duì)我很重要時(shí)才打斷我
就像優(yōu)秀的個(gè)人助理一樣,不要讓上司被一些無(wú)關(guān)緊要的瑣事打擾。用戶(hù)希望專(zhuān)注于核心任務(wù),除非確實(shí)非常重要并且情況緊急,否則,打斷用戶(hù)會(huì)讓人煩不勝煩。
例子:你在PC端使用QQ時(shí),一定深有體會(huì)。qq的消息提醒現(xiàn)在很智能化了,它的消息提醒可以設(shè)置為直接彈窗,頭像閃動(dòng),消息隱藏。這一條原則,qq產(chǎn)品團(tuán)隊(duì)學(xué)的不錯(cuò)。
10.到處為我提供有用的訣竅
如果能自己摸索出花樣來(lái),用戶(hù)總是很開(kāi)心的。利用直觀的圖案以及其他 Android 應(yīng)用中常見(jiàn)的習(xí)慣手勢(shì),讓您的應(yīng)用更容易學(xué)習(xí)。 例如,滑動(dòng)手勢(shì)就是一種不錯(cuò)的導(dǎo)航快捷手勢(shì)。
例子:這是一款python編輯器軟件,它在初始頁(yè)面,貼心的給用戶(hù)列出了一些常用的快捷鍵操作。

寫(xiě)在最后:如果您看完覺(jué)得對(duì)您有所幫助或者有什么問(wèn)題想跟我探討的,我非常歡迎,在下面評(píng)論處留言,我就能看到啦。關(guān)于轉(zhuǎn)載的一些說(shuō)明,在沒(méi)有經(jīng)過(guò)我本人的同意之前,任何轉(zhuǎn)載行為我都會(huì)追究他的責(zé)任。如果您覺(jué)得還不過(guò)癮,那就自己參考官方給出的設(shè)計(jì)原則,自己去找?guī)卓町a(chǎn)品一邊體驗(yàn),一邊理解吧。