前言:本文所說的設(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ì)原則。
看到排在第二位的微信圖標(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)系人設(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纸镊,你只需要選擇打車地點(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編輯器軟件,它在初始頁面褥傍,貼心的給用戶列出了一些常用的快捷鍵操作儡嘶。
寫在最后:如果您看完覺得對您有所幫助或者有什么問題想跟我探討的,我非常歡迎恍风,在下面評論處留言蹦狂,我就能看到啦。關(guān)于轉(zhuǎn)載的一些說明朋贬,在沒有經(jīng)過我本人的同意之前凯楔,任何轉(zhuǎn)載行為我都會(huì)追究他的責(zé)任。如果您覺得還不過癮锦募,那就自己參考官方給出的設(shè)計(jì)原則摆屯,自己去找?guī)卓町a(chǎn)品一邊體驗(yàn),一邊理解吧糠亩。