不懂APP如何設(shè)計(jì)日戈?送你10條Android設(shè)計(jì)原則

前言:本文所說的設(shè)計(jì)原則區(qū)別于軟件設(shè)計(jì)原則,屬于用戶體驗(yàn)范疇的交互設(shè)計(jì)原則孙乖,主要的讀者為產(chǎn)品經(jīng)理浙炼,交互設(shè)計(jì)師和對互聯(lián)網(wǎng)產(chǎn)品感興趣的讀者。本文所涉及的10條android設(shè)計(jì)原則唯袄,出自Android用戶體驗(yàn)團(tuán)隊(duì)弯屈,我會(huì)根據(jù)自己的理解和一些實(shí)例對這些原則逐個(gè)進(jìn)行講解。

這些設(shè)計(jì)原則有這么用恋拷,能解決我什么問題呢资厉?

男人吃了強(qiáng)身健體,女人吃了美容養(yǎng)顏蔬顾,肯定聽過這樣的廣告詞吧宴偿。如果各位讀者不知道這篇文章能幫你解決什么問題湘捎,那我首先會(huì)解決你的疑惑,讓你真正從這篇文章中獲益窄刘。

1.對于普通讀者而言:憑借這些設(shè)計(jì)原則消痛,可以滿足你對一些軟件“指點(diǎn)江山”的興趣,試想你可以通過這些原則對自己使用的軟件“找茬”的樂趣吧都哭。因?yàn)槲揖秃芟矚g對軟件進(jìn)行找茬秩伞。

2.對設(shè)計(jì)工作者而言:好處不言而喻,它可以幫助你確立設(shè)計(jì)的指導(dǎo)方向欺矫,你的設(shè)計(jì)工作就會(huì)有章可循了纱新。可以有助于你更好的去觀察和理解同類產(chǎn)品的設(shè)計(jì)思路穆趴,這樣你再去分析其他產(chǎn)品時(shí)就得心應(yīng)手很多脸爱。

一、讓我著迷

1.能夠以意想不到的方式讓我眼前一亮未妹。

這些意想不到的方式指的是什么呢簿废?一個(gè)漂亮的界面,一個(gè)精心布置的動(dòng)畫效果络它,一段恰到好處的音效族檬,一個(gè)雪中送炭般的提示。這些細(xì)節(jié)都能給用戶帶來愉悅的感覺化戳,讓用戶眼前一亮单料。

例子:如果是在很多年以前就使用迅雷的用戶,應(yīng)該對迅雷的下載完成提示音印象深刻点楼,而作為經(jīng)典的提示音扫尖,迅雷把它一直保持到今天。懶投資官網(wǎng)的用戶登錄處掠廓,設(shè)計(jì)了一個(gè)很有意思的交互動(dòng)畫换怖,大家可以看下圖。在輸入密碼前蟀瞧,右上角的吉祥物小懶單純的望著你沉颂,當(dāng)輸入密碼的文本框獲得焦點(diǎn)時(shí),小懶就識(shí)趣的把眼睛捂住了黄橘。是不是被小懶萌到了呢兆览?

2.物化的圖標(biāo)要比按鈕和菜單更有趣

這一點(diǎn)應(yīng)該是顯而易見的。安卓團(tuán)隊(duì)給出的理由是塞关,這樣的設(shè)計(jì)可以減少你在執(zhí)行任務(wù)時(shí)的認(rèn)知努力抬探,讓執(zhí)行的過程滿意度提升。

例子:這個(gè)原則似乎已經(jīng)成為一個(gè)共識(shí),人們看到放大鏡的圖標(biāo)小压,就知道是搜索线梗,看到一個(gè)鈴鐺,就知道是消息提醒怠益,看到一個(gè)喇叭仪搔,那一定是發(fā)音的地方。這樣的例子我想不需要再多舉了蜻牢。不過在這里要提醒一句烤咧,擬物化的圖標(biāo)不是萬能的,看下面的圖抢呆。左邊是line(一款在臺(tái)灣地區(qū)比較流行的社交軟件)煮嫌,右邊是微信。

大家可以看到抱虐,左邊的line昌阿,它的tab標(biāo)簽是沒有文字說明的,而微信設(shè)計(jì)團(tuán)隊(duì)似乎擔(dān)心大家的理解能力恳邀,使用了圖標(biāo)搭配文字的方式懦冰。至于哪種方式更好,就仁者見仁谣沸,智者見者了刷钢。

3.讓我個(gè)性化定制自己的應(yīng)用。

這里的解釋跟官方的有些出入鳄抒,我就按我的理解來說吧闯捎。功能定制椰弊,讓用戶有選擇應(yīng)用的權(quán)利许溅。

例子:這里的例子還是比較多的。我先從簡單一點(diǎn)的例子開始說起秉版,如果你的手機(jī)瀏覽器是QQ瀏覽器贤重,你會(huì)發(fā)現(xiàn)它的首頁是卡片式的設(shè)計(jì),而且可以讓你自己定制哪些內(nèi)容可以在首頁展示清焕。如果你使用PC端的火狐瀏覽器并蝗,它的首頁是方格式布局,你喜歡哪些網(wǎng)站秸妥,就把它放在對應(yīng)方格內(nèi)吧滚停。你再深入想一想,你在使用知乎時(shí)粥惧,知乎允許你自主選擇關(guān)注的話題和人键畴。所以每個(gè)人的知乎首頁是什么,完全取決于你自己!發(fā)動(dòng)你的腦洞起惕,留心自己使用過的產(chǎn)品涡贱,是不是很多都遵循了這么一個(gè)原則呢?


微信的功能定制


4.讓用戶了解我

逐漸了解用戶的偏好惹想。不要讓用戶反復(fù)做出相同的選擇问词,將之前的選擇列作快捷選擇。

這應(yīng)該如何理解呢嘀粱?例子是最好的老師激挪,讓老師來告訴你吧。

例子:我先說一個(gè)吧锋叨,萬惡的輸入法灌灾,哈哈。除了輸入法之外悲柱,其實(shí)很多地方也用到了這一設(shè)計(jì)原則锋喜。終于可以介紹我本人非常喜歡的一款應(yīng)用軟件了,Pocket豌鸡。pocket的文章分享功能嘿般,就采用了這一設(shè)計(jì)原則。

pocket分享頁


看到排在第二位的微信圖標(biāo)了吧涯冠,你猜它是為什么排在了第二位的炉奴?沒錯(cuò),因?yàn)槲抑皠偘岩黄恼路窒淼轿⑿派吒涀×宋业钠谜案稀?吹揭豢詈玫漠a(chǎn)品在細(xì)節(jié)上的功夫了嗎派任?(當(dāng)然砸逊,切記一點(diǎn)的是,產(chǎn)品開發(fā)要以核心功能為主掌逛,錦上添花的事是以后考慮的)

再來說幾句师逸,你應(yīng)該經(jīng)常用微信吧,你看到微信聊天頁面右下角的笑臉了吧豆混,點(diǎn)開試試篓像,它有沒有考慮這一點(diǎn)呢?看皿伺,現(xiàn)學(xué)現(xiàn)用了吧员辩。

二、讓我的生活更輕松

5.圖片比文字更直觀

考慮以圖示意鸵鸥。它們會(huì)吸引用戶的注意力奠滑,并且比文字更高效。

例子:我就用官方給出的圖例吧。其實(shí)呢养叛,這一原則是很考驗(yàn)設(shè)計(jì)師經(jīng)驗(yàn)的种呐。因?yàn)檫@一原則可不是什么金科玉律,適用于任何情況弃甥。你到現(xiàn)在也沒有看到哪個(gè)軟件的確定按鈕爽室,是用圖標(biāo)或者圖片表示的吧,你可以思考一下這是為什么淆攻。

聯(lián)系人頭像

為你的聯(lián)系人設(shè)置一個(gè)頭像阔墩,你會(huì)一眼就把它認(rèn)出來的!當(dāng)然瓶珊,不要被現(xiàn)在的女朋友看到前女友的照片就好啦啸箫。

6.僅在我需要時(shí)顯示我所需要的

如果一次性看到過多內(nèi)容,用戶會(huì)感到無所適從伞芹。將任務(wù)和信息細(xì)分為更小忘苛、更容易接受的片段。 隱藏當(dāng)前不必要的選項(xiàng)唱较,并在用戶操作期間提供指導(dǎo)扎唾。

這一點(diǎn),跟我們比較熟知的次級功能隱藏南缓,保持主界面足夠簡介這一原則有異曲同工之妙胸遇。

例子:這次我們就用Uber來作為例子吧。

uber主界面


真是簡潔極啦汉形!打開uber纸镊,你只需要選擇打車地點(diǎn)就行啦,簡單粗暴還有效概疆!逗威,有了定位功能,甚至你都不需要自己選擇上車地點(diǎn)啦届案!uber其他功能在哪呢庵楷?看到左上角的三條杠了嗎?三條杠不嘩眾取寵楣颠,出來爭風(fēng)頭的精神真是讓我敬佩!

7.我應(yīng)該始終清楚自己在哪里

讓用戶感到輕車熟路咐蚯。為應(yīng)用中的不同場景賦予不同的外觀童漩,使用過渡效果來展現(xiàn)屏幕之間的關(guān)系。 提供任務(wù)進(jìn)度反饋春锋。

知道著名的面包屑導(dǎo)航嗎矫膨?不要以為人只有在路上才會(huì)成路癡,人在軟件里有時(shí)候更容易迷路。為了能保證用戶原路返回侧馅,在他走過的路上危尿,標(biāo)上顯著的標(biāo)記吧。

例子:

你來過微信的這個(gè)頁面嗎馁痴?我當(dāng)初就這么東撞西撞就進(jìn)來了谊娇。但是我不怕迷路,我只要用左上角的指向標(biāo)罗晕,就能出去啦济欢,而且還知道我是從哪里進(jìn)來這邊的。這里附送一個(gè)思考題小渊,面包屑導(dǎo)航和這種導(dǎo)航方式有什么區(qū)別呢法褥?如果你來設(shè)計(jì),你會(huì)選擇哪種“路標(biāo)”呢酬屉?

8.決不能讓我的成果付諸東流

務(wù)必保存好用戶耗費(fèi)花時(shí)間創(chuàng)造的內(nèi)容半等,讓他們能隨處訪問這些內(nèi)容∧湃跨手機(jī)酱鸭、平板電腦和計(jì)算機(jī)等平臺(tái),記住設(shè)置垛吗、個(gè)人手勢和創(chuàng)作內(nèi)容凹髓, 讓應(yīng)用升級變得無比簡單。

例子:在簡書上寫作的筒子們怯屉,你們知道簡書是個(gè)NB的產(chǎn)品嗎蔚舀?當(dāng)你在寫文章時(shí),你只要敲一下空格鍵锨络,你的內(nèi)容就被自動(dòng)保存了赌躺!你還最怕什么電腦突然的死機(jī),空氣突然的安靜啊羡儿。

9.只在確實(shí)對我很重要時(shí)才打斷我

就像優(yōu)秀的個(gè)人助理一樣礼患,不要讓上司被一些無關(guān)緊要的瑣事打擾。用戶希望專注于核心任務(wù)掠归,除非確實(shí)非常重要并且情況緊急缅叠,否則,打斷用戶會(huì)讓人煩不勝煩虏冻。

例子:你在PC端使用QQ時(shí)肤粱,一定深有體會(huì)。qq的消息提醒現(xiàn)在很智能化了厨相,它的消息提醒可以設(shè)置為直接彈窗领曼,頭像閃動(dòng)鸥鹉,消息隱藏。這一條原則庶骄,qq產(chǎn)品團(tuán)隊(duì)學(xué)的不錯(cuò)毁渗。

10.到處為我提供有用的訣竅

如果能自己摸索出花樣來,用戶總是很開心的单刁。利用直觀的圖案以及其他 Android 應(yīng)用中常見的習(xí)慣手勢灸异,讓您的應(yīng)用更容易學(xué)習(xí)。 例如幻碱,滑動(dòng)手勢就是一種不錯(cuò)的導(dǎo)航快捷手勢绎狭。

例子:這是一款python編輯器軟件,它在初始頁面褥傍,貼心的給用戶列出了一些常用的快捷鍵操作儡嘶。

pycharm


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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末虐骑,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子赎线,更是在濱河造成了極大的恐慌廷没,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,599評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件垂寥,死亡現(xiàn)場離奇詭異颠黎,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)滞项,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,629評論 3 385
  • 文/潘曉璐 我一進(jìn)店門狭归,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蓖扑,你說我怎么就攤上這事唉铜。” “怎么了律杠?”我有些...
    開封第一講書人閱讀 158,084評論 0 348
  • 文/不壞的土叔 我叫張陵潭流,是天一觀的道長。 經(jīng)常有香客問我柜去,道長灰嫉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,708評論 1 284
  • 正文 為了忘掉前任嗓奢,我火速辦了婚禮讼撒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘股耽。我一直安慰自己根盒,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,813評論 6 386
  • 文/花漫 我一把揭開白布物蝙。 她就那樣靜靜地躺著炎滞,像睡著了一般。 火紅的嫁衣襯著肌膚如雪诬乞。 梳的紋絲不亂的頭發(fā)上册赛,一...
    開封第一講書人閱讀 50,021評論 1 291
  • 那天,我揣著相機(jī)與錄音震嫉,去河邊找鬼森瘪。 笑死,一個(gè)胖子當(dāng)著我的面吹牛票堵,可吹牛的內(nèi)容都是我干的扼睬。 我是一名探鬼主播,決...
    沈念sama閱讀 39,120評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼悴势,長吁一口氣:“原來是場噩夢啊……” “哼窗宇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起瞳浦,我...
    開封第一講書人閱讀 37,866評論 0 268
  • 序言:老撾萬榮一對情侶失蹤担映,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后叫潦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蝇完,經(jīng)...
    沈念sama閱讀 44,308評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,633評論 2 327
  • 正文 我和宋清朗相戀三年矗蕊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了短蜕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,768評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡傻咖,死狀恐怖朋魔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情卿操,我是刑警寧澤警检,帶...
    沈念sama閱讀 34,461評論 4 333
  • 正文 年R本政府宣布孙援,位于F島的核電站,受9級特大地震影響扇雕,放射性物質(zhì)發(fā)生泄漏拓售。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,094評論 3 317
  • 文/蒙蒙 一镶奉、第九天 我趴在偏房一處隱蔽的房頂上張望础淤。 院中可真熱鬧,春花似錦哨苛、人聲如沸鸽凶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,850評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽玻侥。三九已至,卻和暖如春迹缀,著一層夾襖步出監(jiān)牢的瞬間使碾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,082評論 1 267
  • 我被黑心中介騙來泰國打工祝懂, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留票摇,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,571評論 2 362
  • 正文 我出身青樓砚蓬,卻偏偏與公主長得像矢门,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子灰蛙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,666評論 2 350

推薦閱讀更多精彩內(nèi)容