交互設(shè)計(jì)的四策略 打造簡(jiǎn)單易用好用的產(chǎn)品

這個(gè)遙控器是不是好熟悉呢?按鈕少俊抵,層次分明谁不,一共就三組按鍵,我一直在想小米在設(shè)計(jì)這款遙控器的時(shí)候徽诲,是不是也看過(guò)這本書(shū)《簡(jiǎn)約至上》刹帕。在進(jìn)行交互設(shè)計(jì)前需要明確幾個(gè)前提條件,如下谎替。

01.場(chǎng)景

何為場(chǎng)景偷溺,場(chǎng)景簡(jiǎn)單地說(shuō)就是什么時(shí)間、什么地點(diǎn)钱贯、什么人挫掏、做什么事。作者把場(chǎng)景分為環(huán)境秩命、角色尉共、情節(jié)褒傅。

可信的環(huán)境,故事中的“時(shí)間”和“地點(diǎn)”袄友。

可信的角色殿托,“誰(shuí)”

流暢的情節(jié),“做什么”和“怎么樣”杠河、“為什么”

是不是覺(jué)得和5w2h很像碌尔,WHO誰(shuí)?由誰(shuí)來(lái)做券敌?WHAT是什么唾戚?做什么工作?目的是什么待诅?WHY為什么做叹坦?可不可以不做?有沒(méi)有替代方案卑雁?WHEN何時(shí)做募书?WHERE在哪里做?HOW怎么做测蹲?方法是什么莹捡?HOW MACH做到什么程度?質(zhì)量如何扣甲?數(shù)量多少篮赢?

又讓我想起小學(xué)學(xué)記敘文的六要素是:時(shí)間、地點(diǎn)琉挖、人物启泣、事件的起因、經(jīng)過(guò)示辈、結(jié)果寥茫。

02.用戶

作者將用戶分為三種類型,分別是專家型用戶矾麻、隨意型用戶纱耻、主流用戶

何為專家型用戶射富?看看那些極客或發(fā)燒友膝迎,沒(méi)事就拆拆剛上市的手機(jī);小米研發(fā)手機(jī)系統(tǒng)的時(shí)候胰耗,發(fā)燒友會(huì)給小米反饋很多優(yōu)化意見(jiàn)限次,還愛(ài)把體驗(yàn)制作成視頻或文章分享出來(lái);這類比較有探索精神,熱愛(ài)新奇事物卖漫,求知欲比較強(qiáng)的用戶费尽,我們就可以當(dāng)成專家型用戶。

何為隨意型用戶羊始?這類用戶沒(méi)有專家型用戶那么愛(ài)學(xué)習(xí)愛(ài)分享旱幼,能夠接受一定程度的新鮮事物,但是不能過(guò)于復(fù)雜突委。

何為主流用戶柏卤?我能粗暴的說(shuō)除了前面兩種,都是主流用戶嗎匀油?好像可以這么認(rèn)為缘缚,這類人沒(méi)有探索精神、不愛(ài)分享敌蚜、不愛(ài)研究桥滨,對(duì)新鮮事物也沒(méi)那么感興趣,求知欲也不強(qiáng)弛车,一般使用產(chǎn)品就只使用最基本的功能齐媒。然后這類用戶的群體最大。


猜猜看哪些是主流用戶纷跛,哪些是隨意型用戶喻括,哪些是專家型用戶。作者提出一個(gè)概念贫奠,忽視專家型用戶双妨,為主流用戶設(shè)計(jì)。

廢話一籮筐叮阅,直接上干活吧。下面我們?cè)敿?xì)來(lái)介紹《簡(jiǎn)約至上》的核心泣特,交互設(shè)計(jì)的四策略浩姥。

01.刪除

策略:關(guān)注核心用戶的核心價(jià)值,對(duì)功能進(jìn)行優(yōu)先級(jí)排序状您,保留優(yōu)先級(jí)最高完全滿足大眾使用的功能勒叠,刪除可有可無(wú)的內(nèi)容,直到不能再刪為止膏孟。實(shí)現(xiàn)方法如下眯分。

1 關(guān)注核心

我們只關(guān)注核心用戶和核心價(jià)值,核心用戶就是前面提到的用戶群體最大的主流用戶柒桑;去留意和觀察弊决,他們?nèi)粘I钭铌P(guān)心的功能體驗(yàn),產(chǎn)品增加價(jià)值始于核心體驗(yàn)。

2 砍掉殘缺

在產(chǎn)品圈子經(jīng)常聽(tīng)到研發(fā)和產(chǎn)品調(diào)侃飘诗,砍我不要砍需求与倡。作者認(rèn)為如果實(shí)現(xiàn)不狗理想,就應(yīng)該砍掉昆稿,因?yàn)樽龅枚嘞鄳?yīng)維護(hù)成本也大纺座,這類功能越多,越容易掩蓋掉優(yōu)質(zhì)的功能溉潭,最后整個(gè)產(chǎn)品會(huì)變得極其平庸净响。

曾經(jīng)我負(fù)責(zé)某公司的教育類產(chǎn)品,在我們進(jìn)到公司時(shí)發(fā)現(xiàn)該公司居然開(kāi)發(fā)了一百多個(gè)系統(tǒng)喳瓣,實(shí)際有應(yīng)用到不到5%馋贤。不近浪費(fèi)了很多人力物力,市場(chǎng)銷售在推廣的時(shí)候也不知道亮點(diǎn)在哪里夫椭,老板的方向也變得凌亂掸掸。

3 減少操作

給出默認(rèn)值,讓用戶少選擇少操作蹭秋;記住用戶的上次操作扰付,也有同樣的效果。

4 減少判斷和干擾

刪除沒(méi)必要的選項(xiàng)仁讨,可以減少對(duì)用戶的干擾羽莺;少給一些錯(cuò)誤提示,尤其是模態(tài)彈窗洞豁,會(huì)讓用戶多操作同時(shí)感覺(jué)自己做錯(cuò)了什么盐固。

減少不必要的文字說(shuō)明,進(jìn)行視覺(jué)排版丈挟,可參照《寫(xiě)給大家看的設(shè)計(jì)書(shū)》的原則刁卜,親密性、對(duì)齊曙咽、重復(fù)蛔趴、對(duì)比,以后會(huì)詳細(xì)介紹例朱。

5 功能優(yōu)先級(jí)排序

非核心問(wèn)題或殘缺功能統(tǒng)統(tǒng)砍掉孝情,然后按產(chǎn)品是否滿足用戶最高優(yōu)先級(jí)的目標(biāo)進(jìn)行排序。用戶最終想要解決什么問(wèn)題洒嗤,最想解決的是什么問(wèn)題箫荡。完成排序,就會(huì)進(jìn)入下面三個(gè)策略渔隶。

02.組織

策略:將刪除后保留的功能羔挡,劃分成組,同類型功能操作在同一個(gè)位置。作者特別指出:只強(qiáng)調(diào)一兩個(gè)最重要的主題婉弹。實(shí)現(xiàn)的具體方法如下睬魂。

1 分塊

相同內(nèi)容或功能,分到一個(gè)組織镀赌。參照上面的遙控器布局氯哮,還有就是常見(jiàn)的APP,比如頂部是分類商佛、搜索喉钢,下面是內(nèi)容列表。

2 分先后

按照用戶先做什么后做什么良姆,進(jìn)行先后順序的排版肠虽。

3 搜索

搜索是彌補(bǔ)網(wǎng)站或APP導(dǎo)航缺失的部分,導(dǎo)航的搜索結(jié)果可能來(lái)源很多個(gè)組織玛追,所以一定要將組織分塊完成后税课,再來(lái)進(jìn)行設(shè)計(jì)。高級(jí)搜索痊剖,可以選擇多個(gè)組織韩玩,也可僅篩選某個(gè)組織。

4 分時(shí)間和空間

比如時(shí)間軸陆馁,就是將事件按時(shí)間進(jìn)行組織找颓;再比如馬蜂窩的目的地,就是按空間進(jìn)行組織叮贩。

5 其他

讓不規(guī)則的布局方式击狮,變得有條理;大小和位置上做區(qū)分益老;上下分層彪蓬,呈現(xiàn)立體感,借助不同顏色陰影可實(shí)現(xiàn)分層捺萌;詳細(xì)請(qǐng)閱讀《寫(xiě)給大家看的設(shè)計(jì)書(shū)》的對(duì)比和對(duì)齊寞焙。

03.隱藏

策略:將不那么重要但又需要的功能隱藏到更深的位置,減少對(duì)主流用戶的干擾互婿。比如微信,點(diǎn)擊我的>>支付后辽狈,里面還藏著很多功能慈参。

隱藏會(huì)給用戶帶來(lái)操作上的不便,所以在隱藏的時(shí)候刮萌,需要考慮用戶的操作成本驮配,做好數(shù)據(jù)采集和分析,沒(méi)有太多用處的功能,可以盡早刪除壮锻。

1 常用功能放在最顯眼的位置琐旁,不常用功能隱藏在菜單下。

比如PS軟件猜绣、Offce軟件灰殴、開(kāi)發(fā)軟件等很多復(fù)雜軟件,因?yàn)楣δ芴嗔岁希枰ㄟ^(guò)切換tab或則點(diǎn)擊菜單來(lái)查找更多功能牺陶。?

2 隱藏在設(shè)置里

如果我們開(kāi)發(fā)了很多功能,這些功能不是所有人都需要辣之,但是針對(duì)不同的用戶掰伸,如專家型用戶,隨意型用戶怀估,就需要將這些功能隱藏到設(shè)置里狮鸭,設(shè)置功能開(kāi)關(guān),默認(rèn)是關(guān)上的多搀,目的是不干擾主流用戶歧蕉。

3 隱藏在正文里

使用微信讀書(shū)或多看閱讀等軟件,發(fā)現(xiàn)不認(rèn)識(shí)的字或單詞酗昼,長(zhǎng)按廊谓,可以調(diào)出字典或搜索,用來(lái)查找解釋麻削。

4 隱藏在搜索里

平時(shí)我們使用百度和谷歌僅僅使用了文本搜索框蒸痹,你是否有留意過(guò)高級(jí)搜索呢?這是為專家型用戶涉及的呛哟,再比如購(gòu)物篩選叠荠,可以按銷量、價(jià)格等因素進(jìn)行復(fù)雜篩選扫责。

04.轉(zhuǎn)移

策略:將復(fù)雜的操作轉(zhuǎn)移到其他地方榛鼎,讓它變得更加易用。看看你的手機(jī)鳖孤,再看看下面圖片的手機(jī)者娱,鍵盤(pán)哪去了?


還有遙控器少了很多按鍵苏揣,各種復(fù)雜的設(shè)置黄鳍、搜索等都可以轉(zhuǎn)移到電視機(jī)上,通過(guò)遙控器語(yǔ)音或上下左右鍵就可以進(jìn)行操作平匈。完成轉(zhuǎn)移有如下方法框沟。

1 設(shè)備與設(shè)備之間的轉(zhuǎn)移

剛剛提到的遙控器與電視機(jī)的轉(zhuǎn)移藏古,手機(jī)鍵盤(pán)與手機(jī)屏幕的轉(zhuǎn)移。

2 桌面平臺(tái)與移動(dòng)平臺(tái)轉(zhuǎn)移

從PC時(shí)代到現(xiàn)在移動(dòng)互聯(lián)網(wǎng)時(shí)代忍燥,很多OA辦公變?yōu)橐苿?dòng)辦公拧晕;以前你在電腦上看新聞、視頻梅垄、娛樂(lè)厂捞、聽(tīng)音樂(lè),現(xiàn)在你只需要一部手機(jī)就可以完成哎甲。

3 支付轉(zhuǎn)移

以前我們出門(mén)購(gòu)物蔫敲,都要帶上錢(qián)包;現(xiàn)在炭玫,好似一兩月不取錢(qián)奈嘿,都不緊要。

4 人與設(shè)備的轉(zhuǎn)移

看看現(xiàn)在路面上的監(jiān)控系統(tǒng)吞加,各種攝像頭裙犹,以前交通管理靠交警指揮,現(xiàn)在全靠信號(hào)燈衔憨。治安也信息化了叶圃,靠監(jiān)控系統(tǒng)捕捉,就可以進(jìn)行治安管理践图。

5 轉(zhuǎn)移的未來(lái)

以后太多需要人類去完成的重復(fù)性的簡(jiǎn)單呢的工作掺冠,都會(huì)有機(jī)器人來(lái)完成;人的頭腦會(huì)轉(zhuǎn)移到程序里码党,程序與程序之間互相轉(zhuǎn)移德崭,機(jī)器會(huì)自己學(xué)習(xí)和進(jìn)化,“人類”成了“機(jī)器”揖盘,“機(jī)器”成了“人類”眉厨。

end.總結(jié)

本書(shū)最重要的四個(gè)策略:刪除、組織兽狭、隱藏憾股、轉(zhuǎn)移,可用于產(chǎn)品設(shè)計(jì)前的交互設(shè)計(jì)原則箕慧,也可用于產(chǎn)品設(shè)計(jì)后的檢查復(fù)盤(pán)服球。無(wú)論是設(shè)計(jì)前還是設(shè)計(jì)后,目的只有一個(gè)給到用戶功能最清晰颠焦、操作最簡(jiǎn)單斩熊、一看就能用、一用就喜歡蒸健。加入你在購(gòu)買電視機(jī)或其他產(chǎn)品座享,也可以借鑒這里提到的四個(gè)策略,如果設(shè)計(jì)太復(fù)雜似忧,請(qǐng)勿購(gòu)買渣叛!另外,《簡(jiǎn)約至上》還有很多小案例和豐富的配圖盯捌,建議購(gòu)買紙質(zhì)書(shū)閱讀淳衙,他們的排版和設(shè)計(jì)也值得學(xué)習(xí)。

最后有個(gè)懇求饺著,能說(shuō)說(shuō)你見(jiàn)到過(guò)的箫攀,簡(jiǎn)單好用的產(chǎn)品嗎?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末幼衰,一起剝皮案震驚了整個(gè)濱河市靴跛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌渡嚣,老刑警劉巖梢睛,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異识椰,居然都是意外死亡绝葡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)腹鹉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)藏畅,“玉大人,你說(shuō)我怎么就攤上這事功咒∮溲郑” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵航瞭,是天一觀的道長(zhǎng)诫硕。 經(jīng)常有香客問(wèn)我,道長(zhǎng)刊侯,這世上最難降的妖魔是什么章办? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮滨彻,結(jié)果婚禮上藕届,老公的妹妹穿的比我還像新娘。我一直安慰自己亭饵,他們只是感情好休偶,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著辜羊,像睡著了一般踏兜。 火紅的嫁衣襯著肌膚如雪词顾。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,007評(píng)論 1 284
  • 那天碱妆,我揣著相機(jī)與錄音肉盹,去河邊找鬼。 笑死疹尾,一個(gè)胖子當(dāng)著我的面吹牛上忍,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播纳本,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼窍蓝,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了繁成?” 一聲冷哼從身側(cè)響起吓笙,我...
    開(kāi)封第一講書(shū)人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎朴艰,沒(méi)想到半個(gè)月后观蓄,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡祠墅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年侮穿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片毁嗦。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡亲茅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出狗准,到底是詐尸還是另有隱情克锣,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布腔长,位于F島的核電站袭祟,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏捞附。R本人自食惡果不足惜巾乳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鸟召。 院中可真熱鬧胆绊,春花似錦、人聲如沸欧募。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)跟继。三九已至种冬,卻和暖如春镣丑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背娱两。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工传轰, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人谷婆。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像辽聊,于是被迫代替她去往敵國(guó)和親纪挎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

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