本文寫于2018年6月27日恕汇，首發(fā)于簡(jiǎn)書砂代。
如果你從來(lái)沒(méi)見(jiàn)過(guò)這個(gè)奇怪的像外星人一樣的東西，看到右邊的用法之后橄教，應(yīng)該會(huì)拍著大腿說(shuō)：哎呀這個(gè)設(shè)計(jì)真棒清寇！
“三支像章魚(yú)腳一樣的東西支起了整個(gè)身體，留出了放杯子的空間护蝶。上面的大頭正好貼合橘子或者檸檬的表皮形狀华烟，下面的尖嘴可以很好的匯聚果汁，自然的滴在下面的容器里持灰】梗”
一個(gè)簡(jiǎn)單的“擠”的行為，可以被解決的如此有趣堤魁。
這就是好設(shè)計(jì)給人們帶來(lái)的最直接的感覺(jué)喂链，好的產(chǎn)品不僅質(zhì)量上乘，顏值高妥泉，而且能很巧妙的解決功能需求椭微。總結(jié)起來(lái)就是三點(diǎn)盲链，也是我在學(xué)習(xí)和實(shí)踐設(shè)計(jì)過(guò)程中不斷重復(fù)驗(yàn)證的準(zhǔn)則：
1. Functional, (滿足功能需求）
2. Intuitive, （滿足直覺(jué)操作）
3. Playful.（有趣）
其實(shí)這幾點(diǎn)設(shè)計(jì)準(zhǔn)則可以反過(guò)來(lái)在很多的設(shè)計(jì)產(chǎn)品上去印證蝇率，無(wú)論是電子產(chǎn)品，工業(yè)產(chǎn)品匈仗，還是互聯(lián)網(wǎng)產(chǎn)品瓢剿。
Youtube和優(yōu)酷的交互界面
世界著名的流媒體網(wǎng)站Youtube雖然已經(jīng)被Google收購(gòu)很久，但是成功的獨(dú)立經(jīng)營(yíng)已經(jīng)超過(guò)10年悠轩，并且?guī)缀鯖](méi)有可以挑戰(zhàn)其地位的同類產(chǎn)品间狂。Facebook在嘗試做流媒體，instagram也在嘗試火架，至少目前來(lái)看鉴象，youtube的產(chǎn)品很完整，使用起來(lái)非常順暢何鸡。至少?gòu)膰?guó)內(nèi)一眾流媒體網(wǎng)站來(lái)看纺弊，還沒(méi)有做的接近于Youtube的產(chǎn)品。
幾個(gè)月前骡男，youtube的移動(dòng)終端（手機(jī)）做了新的產(chǎn)品迭代淆游，增加了一些非常酷的功能隔盛。當(dāng)然犹菱，這里不是要去分析youtube如何更新自己的產(chǎn)品，而是通過(guò)一個(gè)小的交互功能的例子去分析什么是好的設(shè)計(jì)吮炕，以及印證我們前面提到的腊脱，好設(shè)計(jì)的幾個(gè)準(zhǔn)則。
就是上面這幅圖龙亲，注意看這是一個(gè)手機(jī)全屏幕的視頻播放過(guò)程中的快進(jìn)提醒陕凹，快進(jìn)的手勢(shì)是double tap悍抑，也就是點(diǎn)擊兩下。再讓我們對(duì)比下國(guó)內(nèi)做的比較好的視頻產(chǎn)品杜耙，優(yōu)酷視頻（其實(shí)大部分產(chǎn)品的操作手勢(shì)是一樣的）的手勢(shì)操作搜骡。
注意，Youtube在手機(jī)端的指令只有：停止/快進(jìn)快退兩種泥技。操作手勢(shì)分別是點(diǎn)擊屏幕一下浆兰，和點(diǎn)擊屏幕兩下。（快進(jìn)點(diǎn)右半邊屏幕珊豹，快退點(diǎn)左半邊屏幕）
而優(yōu)酷的操作指令簸呈，就豐富的多了：屏幕左邊可以調(diào)整亮度，右邊調(diào)整音量店茶，下端調(diào)整進(jìn)度蜕便。操作手勢(shì)分別是：上下滑動(dòng)和左右滑動(dòng)。
交互設(shè)計(jì)分析
回到我們之前說(shuō)的好的設(shè)計(jì)準(zhǔn)則里贩幻，按照順序分析和對(duì)比一下這兩種產(chǎn)品的優(yōu)劣轿腺。
1. Functional, (滿足功能需求）
Youtube：停止；快進(jìn)快退
優(yōu)酷：屏幕亮度丛楚；音量族壳；快進(jìn)快退
對(duì)于用戶在全屏觀看內(nèi)容的時(shí)候，屏幕亮度的調(diào)節(jié)是不需要被拿到與快進(jìn)快退同樣級(jí)別和頻次的趣些。音量的調(diào)節(jié)也可以很快通過(guò)物理按鍵來(lái)調(diào)節(jié)到位仿荆，通過(guò)屏幕調(diào)節(jié)反而會(huì)造成誤操作。這是從性質(zhì)上來(lái)講兩個(gè)功能都有其雞肋的地方坏平，可以說(shuō)是可有可無(wú)拢操，甚至為了更好的操作需要被操作的指令，這兩樣功能是完全可以被藏在其他界面去操作的舶替。
相反令境，Youtube在全屏的時(shí)候，只保留了停止顾瞪，快進(jìn)（快退）兩個(gè)指令舔庶，不多，但是已經(jīng)足夠陈醒，而且不會(huì)造成功能疊加導(dǎo)致的誤操作惕橙。
有的時(shí)候，或者說(shuō)大部分時(shí)候孵延，想要做太多是會(huì)導(dǎo)致想做的沒(méi)有被足夠強(qiáng)調(diào)和重視的直接原因吕漂。
在是否滿足功能需求的打分項(xiàng)里亲配，Youtube：是尘应；優(yōu)酷：否惶凝。
2. Intuitive, （滿足直覺(jué)操作）
Youtube：?jiǎn)螕羝聊?雙擊屏幕
優(yōu)酷：屏幕手指滑動(dòng)
首先對(duì)操作指令來(lái)說(shuō)，簡(jiǎn)單犬钢，準(zhǔn)確苍鲜，容易識(shí)別是很重要的。Youtube只用了點(diǎn)擊屏幕的操作玷犹，而沒(méi)有任何其他的手勢(shì)指令混滔。這樣一來(lái)誤操作的幾率幾乎可以忽略不計(jì)，因?yàn)闆](méi)人會(huì)把點(diǎn)擊屏幕跟滑動(dòng)歹颓，或者其他手勢(shì)混在一起坯屿。
說(shuō)到混在一起，優(yōu)酷的操作就比較災(zāi)難了巍扛×祯耍滑動(dòng)的方向和滑動(dòng)的屏幕區(qū)域指代著不同的功能，而無(wú)論是手指滑動(dòng)本身撤奸，還是屏幕區(qū)域吠昭，甚至是人為使用時(shí)的誤操作，都會(huì)讓我們的指令和結(jié)果相互混淆胧瓜。甚至矢棚，我會(huì)在全屏的時(shí)候鎖住屏幕，來(lái)減少誤操作府喳。
重點(diǎn)來(lái)了蒲肋，滑動(dòng)手指來(lái)指令快進(jìn)快退最災(zāi)難的一點(diǎn)是，你根本沒(méi)法控制快進(jìn)快退的精確時(shí)間……我不知道滑動(dòng)快進(jìn)為什么沒(méi)有在Youtube里出現(xiàn)過(guò)劫拢，但是從使用體驗(yàn)來(lái)說(shuō)肉津，滑動(dòng)和快進(jìn)幾乎是沒(méi)法一對(duì)一進(jìn)行精確指令操作的。首先舱沧，快進(jìn)我們需要的是精確到秒的操作體驗(yàn)妹沙，要不然滑動(dòng)屏幕跟滑動(dòng)進(jìn)度條來(lái)控制沒(méi)有任何區(qū)別。其次熟吏，對(duì)于不同時(shí)常的內(nèi)容來(lái)說(shuō)距糖，滑動(dòng)每一下的進(jìn)度比例也是非常難控制的。沒(méi)有對(duì)比沒(méi)有傷害牵寺，跟Youtube的每雙擊一下快進(jìn)10秒來(lái)說(shuō)悍引，滑動(dòng)控制進(jìn)度簡(jiǎn)直是失控。
在是否滿足直覺(jué)操作需求的打分項(xiàng)里帽氓，Youtube：是趣斤；優(yōu)酷：否。
3. Playful.（有趣）
對(duì)于設(shè)計(jì)產(chǎn)品是否有趣的定義黎休，我覺(jué)得可以從兩個(gè)方面來(lái)看：
1. 你的每個(gè)操作是否對(duì)應(yīng)著明確的信息反饋浓领？
2. 你接收到的信息反饋是否足夠精確玉凯，是否足夠有趣？
舉個(gè)例子联贩，Muji的設(shè)計(jì)總監(jiān)深澤直人設(shè)計(jì)的這款CD播放器漫仆，就可以通過(guò)很明確，又以一種很Nostalgia（懷舊的）的行為反饋設(shè)計(jì)了播放器的開(kāi)關(guān)泪幌。他移植了傳統(tǒng)風(fēng)扇和燈的老式拉線開(kāi)關(guān)盲厌，來(lái)控制播放器的啟動(dòng)和停止。
通過(guò)直覺(jué)的拉線行為來(lái)控制開(kāi)關(guān)祸泪，在每次開(kāi)關(guān)的時(shí)候又會(huì)有物理的咔咔聲音來(lái)反饋行為吗浩。這種簡(jiǎn)單的開(kāi)關(guān)操作，就是不僅有精確反饋没隘，同時(shí)又足夠有趣拓萌。
說(shuō)完Muji播放器的例子，再說(shuō)回這兩個(gè)視頻產(chǎn)品升略。因?yàn)槭窃谟|摸屏上的操作微王，物理反饋幾乎是沒(méi)有技術(shù)方法可以辦到的。但是你看到Y(jié)outube 界面上每次雙擊快進(jìn)時(shí)候會(huì)漣漪般淡淡出現(xiàn)在屏幕一邊的圓形輪廓了么品嚣？如果可以放慢這個(gè)過(guò)程的話炕倘，隨著用戶每次雙擊屏幕，從屏幕右邊（或者左邊）的中心會(huì)隨之逐漸擴(kuò)散開(kāi)一圈淡淡的白色的漣漪翰撑，就好像每次雙擊都在向平靜的水面丟了一顆小石子罩旋，水面就會(huì)泛起波紋。
多么精確又浪漫的反饋眶诈，這波操作體驗(yàn)簡(jiǎn)直可以打滿分涨醋！
優(yōu)酷的操作反饋呢？額……似乎是沒(méi)有的逝撬。沒(méi) 有 的……就是說(shuō)浴骂，你的手指在屏幕上滑動(dòng)多少距離，會(huì)相應(yīng)的快進(jìn)多少時(shí)間宪潮，以及最后讓你知道快進(jìn)到哪里溯警，是憑手感，憑運(yùn)氣的……
嗯狡相，憑手感梯轻，憑運(yùn)氣……
毫無(wú)疑問(wèn)，在設(shè)計(jì)是否足夠有趣的打分項(xiàng)里尽棕，Youtube：是喳挑；優(yōu)酷：否。
好設(shè)計(jì)與壞設(shè)計(jì)
記得在《設(shè)計(jì)心理學(xué)》這套書里作者也說(shuō)過(guò)：不好的設(shè)計(jì)其實(shí)會(huì)讓操作的人顯得很笨。
當(dāng)你面對(duì)一個(gè)不知道是該推還是該拉的門的時(shí)候伊诵；當(dāng)你拿著一把遙控器不知道該怎樣打開(kāi)電視的時(shí)候媚朦；當(dāng)你買回來(lái)的智能音箱卻不知道該如何讓他放音樂(lè)的時(shí)候，其實(shí)不是我們顯得笨了日戈，而是這些產(chǎn)品里面沒(méi)有考慮到如何與用戶交流，最終導(dǎo)致整個(gè)過(guò)程不僅不足夠美好和浪漫孙乖，連基本的功能目的都沒(méi)法達(dá)到浙炼。
壞的設(shè)計(jì)不是罪人，但是壞的設(shè)計(jì)用多了唯袄，你是否也會(huì)變得不夠浪漫弯屈，不夠美好？你是否也會(huì)變得脾氣暴躁恋拷，不易交流资厉？
多觀察，多接觸好的設(shè)計(jì)蔬顾，因?yàn)楫a(chǎn)品和用戶之間的關(guān)系宴偿，是相互的。我們不僅需要好的產(chǎn)品來(lái)滿足我們的需求诀豁，我們也需要好的產(chǎn)品窄刘，來(lái)滋養(yǎng)出更好的自己。
