甲方爸爸:極簡(jiǎn)設(shè)計(jì)我不要,我要的是大氣
極簡(jiǎn)主義的理念是少即是多,但這種設(shè)計(jì)是建立在沒(méi)有多少人跟你瓜分用戶注意力的基礎(chǔ)上。甲方爸爸追求的設(shè)計(jì)效果如果是傳遞信息,那么你的設(shè)計(jì)就必須符合他的要求,而極簡(jiǎn)主義是不能滿足這一要求的。
互聯(lián)網(wǎng)行業(yè)可以創(chuàng)造價(jià)值,但是更能創(chuàng)造新的詞匯,喜歡將一些通俗易懂的概念包裝成大家都看不懂的專業(yè)術(shù)語(yǔ)。因?yàn)椴幻?,所以覺(jué)厲。
這種對(duì)常見(jiàn)概念進(jìn)行顛覆理性的解構(gòu),俗稱“裝逼”。很多人將極簡(jiǎn)主義也歸納到這個(gè)范疇,因?yàn)樗o人的第一印象就感覺(jué)不靠譜,特別對(duì)于甲方來(lái)說(shuō),在他們看來(lái)極簡(jiǎn)主義就是等于偷懶。
什么是極簡(jiǎn)主義
極簡(jiǎn)主義最核心的理念就是剔除所有無(wú)用的裝飾性元素,保持核心元素的一目了然。所以極簡(jiǎn)主義沒(méi)有固定的設(shè)計(jì)套路,它所倡導(dǎo)的其實(shí)是一種設(shè)計(jì)理念:盡量摒棄與主體內(nèi)容無(wú)關(guān)的細(xì)節(jié),凸顯核心元素使其易于分辨。
這種理念在信息爆炸的時(shí)代愈發(fā)顯得重要。19年2季度,中國(guó)網(wǎng)友平均安裝56款app,而18年2季度,這個(gè)數(shù)字只有43個(gè),增長(zhǎng)不可謂不迅速。
因?yàn)槭謾C(jī)上的app越來(lái)越多,所以我們尋找app的時(shí)間也越來(lái)越長(zhǎng)。
前幾天,滴滴為了配合全民拼車的活動(dòng),將圖標(biāo)改成了綠色,很多網(wǎng)友反饋,找了好久才能找到。很多產(chǎn)品在節(jié)假日期間都會(huì)替換圖標(biāo),他們的期望是一個(gè)全新的圖標(biāo),用戶應(yīng)該更有興趣去點(diǎn)擊。
但是現(xiàn)實(shí)情況可能是對(duì)于一個(gè)陌生的圖標(biāo),用戶在快速瀏覽的狀態(tài)下發(fā)現(xiàn)無(wú)法跟腦海中的任何一款app匹配上,根本不會(huì)去點(diǎn)擊。
雖然極簡(jiǎn)主義沒(méi)有固定的設(shè)計(jì)套路,但是一說(shuō)到極簡(jiǎn)主義,多數(shù)人會(huì)聯(lián)想到干凈簡(jiǎn)單的配色、大量的留白、扁平化的圖形。
越來(lái)越白的界面
去年設(shè)計(jì)圈有一個(gè)非常著名的謠言:那就是google即將推出新的 ALL-white設(shè)計(jì)風(fēng)格,在界面中大量的使用白色,雖然后來(lái)被證實(shí)是假消息,但是界面中配色越來(lái)越少卻是一個(gè)不爭(zhēng)的事實(shí)。
微信、網(wǎng)易云音樂(lè)、b站這些我們熟悉的產(chǎn)品,近一年來(lái)的界面改版無(wú)不體現(xiàn)了這一趨勢(shì)。
這是因?yàn)?strong>從視覺(jué)層面,產(chǎn)品給用戶留下最深印象往往是他的整體配色??吹揭还藜t色包裝的可樂(lè),沒(méi)看到logo,你就知道是可口可樂(lè);看到藍(lán)色,就知道是百事可樂(lè)。
但是在界面設(shè)計(jì)中,這是有悖于我們的初衷的,我們的目的是讓用戶聚焦于內(nèi)容本身,而不是配色。因此我們需要減少配色來(lái)降低對(duì)用戶注意力的干擾。
黑白是最基礎(chǔ)的顏色,飽和度過(guò)高的配色可以表達(dá)更多的情緒。在內(nèi)容匱乏的時(shí)代,跳躍的顏色搭配可以讓用戶不會(huì)感到單調(diào)。
例如,到年底了,大家都開始在做年度總結(jié)ppt。內(nèi)容不夠,配色來(lái)湊。但是在當(dāng)前這個(gè)信息爆炸的時(shí)代,用戶的注意力又是一個(gè)有限的資源,秉持著“內(nèi)容至上”的原則,界面設(shè)計(jì)中減少配色是大勢(shì)所趨。
為什么要留白
去除分割線改用留白也是極簡(jiǎn)主義的一大特征。要想知道界面中的某一個(gè)元素能不能刪除,首先我們要知道它扮演了什么樣的角色。
分割線的作用就在于可以建立信息層級(jí),保持內(nèi)容的條理感。
以朋友圈為例,如果我們把分割線去掉,那么整體內(nèi)容會(huì)稍顯凌亂。因此,光光刪除分割線是不夠的,網(wǎng)易云音樂(lè)6.0這次的改版中,刪除分割線的同時(shí),額外的增加留白來(lái)維持內(nèi)容的層次感。
這時(shí)你可能會(huì)產(chǎn)生疑問(wèn),因?yàn)樵黾恿肆舭祝瑯拥囊粋€(gè)歌單,之前你需要滑動(dòng)5次,但是現(xiàn)在需要滑動(dòng)6次。是不是在另一個(gè)維度上給用戶增負(fù)了呢?
其實(shí)不會(huì),因?yàn)槭謾C(jī)尺寸越來(lái)越大,加上全面屏帶來(lái)的屏占比的提高,有足夠的空間容納留白。留白也可以看成是移動(dòng)設(shè)備大屏化在設(shè)計(jì)領(lǐng)域的一個(gè)體現(xiàn)。
極簡(jiǎn)主義不僅限于界面
為了界面美觀而忽視用戶交互成本這是很多新手設(shè)計(jì)師容易犯的一個(gè)通病。如果我們要設(shè)計(jì)一個(gè)頁(yè)面供用戶錄入身高體重信息,如果為了單純的追求好看,我們可以使用擬物化的直尺。
但是中看不一定中用,滑動(dòng)到具體的位置明顯比簡(jiǎn)單的輸入要復(fù)雜的多。輸入框的設(shè)計(jì),雖然不好看,但是更加的好用。
極簡(jiǎn)主義的設(shè)計(jì)不能以內(nèi)容的絕對(duì)量來(lái)判定,同樣的歌曲播放頁(yè),網(wǎng)易云在歌手的位置加了右箭頭,而QQ音樂(lè)沒(méi)有加。
如果僅從內(nèi)容量上來(lái)看,肯定QQ音樂(lè)更加“極簡(jiǎn)“一點(diǎn)。但是因?yàn)闆](méi)有加箭頭,所以用戶可能會(huì)誤以為這個(gè)位置不可點(diǎn)擊。那么用戶就會(huì)從其他路徑去查看歌手主頁(yè),這個(gè)增加了用戶的交互成本。因此,極簡(jiǎn)主義設(shè)計(jì)是最終目的是減少用戶的操作成本。
同樣的一個(gè)功能,你的設(shè)計(jì)可以讓用戶以更少的操作步驟,更方便的交互方式完成。那么即使沒(méi)有直接減少界面里的內(nèi)容量,那么也可以認(rèn)為進(jìn)行了極簡(jiǎn)化處理。在眾多瀏覽器中,夸克的交互模式給我的印象最深刻。
對(duì)于一個(gè)搜索框來(lái)說(shuō),一般都是讓用戶點(diǎn)擊搜索框,吊起鍵盤開始輸入搜索內(nèi)容。但是我們也可以讓用戶直接滑動(dòng)就激活搜索框。滑動(dòng)的交互方式意味著拇指更短的移動(dòng)距離,更大的觸發(fā)區(qū)域。
用戶在夸克瀏覽器里觀看視頻的時(shí)候,如果手指觸摸屏幕的位置靠左,那么菜單就會(huì)在左邊展示,如果觸摸的位置靠右,菜單就會(huì)在右邊展示。這樣的處理方式可以縮短手指的移動(dòng)距離。
簡(jiǎn)約不簡(jiǎn)單
雖然極簡(jiǎn)主義有諸多的優(yōu)點(diǎn),卻不受到甲方的青睞。為什么甲方爸爸們卻依舊喜歡大紅配大紫呢?
這是因?yàn)樵O(shè)計(jì)的最終的目的是傳遞信息,甲方希望你的設(shè)計(jì)可以告訴用戶產(chǎn)品的優(yōu)點(diǎn):「正宗」、「海南特產(chǎn)」、「不加香精」、「新鮮椰子汁」,你必須把這些信息都告訴用戶。字要大,顏色要亮。最后做出的效果就是這樣,雖然難看,但是完成了信息傳遞的要求。
設(shè)計(jì)的最終目的是傳遞信息,而傳遞信息的前提是你可以獲取到對(duì)方的注意力。你做的圖片具有很高的藝術(shù)價(jià)值,甚至可以放到美術(shù)館里去展覽,但是放到大街上沒(méi)人看,也是白搭。
甲方不關(guān)心你做的好看不好看,關(guān)心的是能帶來(lái)多少轉(zhuǎn)化。
高飽合度對(duì)比色的搭配具備更強(qiáng)的視覺(jué)沖擊力,更能吸引人們的目光。雖然我們嘴里說(shuō)著不喜歡大紅配大紫,但是我們的目光總是不自覺(jué)的被大紅大紫吸引過(guò)去。
任何一條理論的應(yīng)用都要考慮實(shí)際情況,不可以直接機(jī)械的套用。一直標(biāo)榜極簡(jiǎn)主義的蘋果的第一個(gè)廣告,信息密集展示,一五一十的介紹自己產(chǎn)品的優(yōu)點(diǎn)。少即是多是建立在沒(méi)有人跟你瓜分用戶注意力的基礎(chǔ)上。
以上我對(duì)產(chǎn)品和交互模式之間關(guān)系的一些想法,如果大家有什么不同的觀點(diǎn)或者建議和好的生發(fā)水產(chǎn)品,歡迎下方留言。
#專欄作家#
王M爭(zhēng)(微信公眾號(hào):王M爭(zhēng)),人人都是經(jīng)理專欄作家,資深互聯(lián)網(wǎng)人。B站賬號(hào):王M爭(zhēng)
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
物流
給王哥點(diǎn)個(gè)贊
作者標(biāo)題有些…..你成功讓我們老板推薦給我們看 。
引用《騰訊產(chǎn)品法》李立的觀點(diǎn):
1.交互設(shè)計(jì)始終聚焦于組織元素的方式,思考它們?nèi)绾畏诸?、如何聚合。形容交互做得好,最常?jiàn)說(shuō)法是“別讓用戶思考”,這就意味著用戶與頁(yè)面間的跳轉(zhuǎn)至必須是自然的、富有條理性的。
2.用戶轉(zhuǎn)化=流量X步驟數(shù)X每個(gè)步驟的轉(zhuǎn)化率。
3.拆解任務(wù)才能實(shí)現(xiàn)極簡(jiǎn):更高的時(shí)間和行動(dòng)成本會(huì)拉低用戶對(duì)產(chǎn)品的需求,所以很多時(shí)候,已不是選項(xiàng)或多或少的問(wèn)題,而是整個(gè)選項(xiàng)是否有必要存在的問(wèn)題。
贊 ??