微信,【顯】與【藏】的設(shè)計(jì)高手
微信作為我們?nèi)粘I钪胁豢苫蛉钡耐ㄓ嵐ぞ撸湓O(shè)計(jì)理念充滿了“顯”與“藏”的智慧。從聊天信息的巧妙設(shè)計(jì)到消息提醒的精細(xì)管理,再到豐富的生活服務(wù)功能,微信在簡化用戶操作的同時(shí),也提供了強(qiáng)大的功能支持。本文將帶你深入了解微信的產(chǎn)品哲學(xué),看看它是如何通過細(xì)節(jié)設(shè)計(jì)提升用戶體驗(yàn)的。
沒想到上一篇寫高德地圖的產(chǎn)品體驗(yàn),閱讀人數(shù)破3000人,那就順勢再寫寫其他幾個(gè)豆芽君覺得不錯(cuò)的產(chǎn)品。
今天我們來聊聊幾乎人人都用過的【微信】。
聊微信的產(chǎn)品人有很多,豆芽君之前曾在朋友圈說過微信充滿了【顯】與【藏】的設(shè)計(jì)哲學(xué),今天我們就把這個(gè)話題展開來聊聊。
01 聊天信息設(shè)計(jì)
對話輸入框隱藏著海量的表情圖
用于解決用戶們詞窮時(shí),不知道怎么回內(nèi)容,還可以用圖表達(dá)自己的心情和想法。
圖太多,找圖很難對吧?那就文字搜圖。在微信里,你幾乎不會遇到因?yàn)槿蹦硞€(gè)功能,讓你用起來感到很別扭;也幾乎不會看到多余的功能,讓你感到繁瑣、冗余。
現(xiàn)在的微信,已然也成為我們剛?cè)肼殘鰰r(shí)的工作QQ。如果你只用一個(gè)微信的話,估計(jì)通訊錄里多數(shù)都是工作上的同事。
大家平時(shí)也經(jīng)常發(fā)工作有關(guān)的文件。微信的產(chǎn)品經(jīng)理來了,他代入大伙的工作場景,發(fā)送文件時(shí)不用在【文件管理】、WPS、微信3個(gè)APP來回切換。我們直接在微信上就可以完成選擇文件、預(yù)覽、發(fā)送給好友的三個(gè)步驟
1、選擇文件
2、預(yù)覽文件
好的設(shè)計(jì),因?yàn)槭褂眠^程相當(dāng)絲滑,會讓你感到渾然天成,意識不到任何刻意的設(shè)計(jì),仿佛每一步都是那么自然、應(yīng)該。
說到這,發(fā)表情、發(fā)文件其實(shí)就隱藏在輸入框旁邊的那個(gè)笑臉和加號。這就是我們第一處要說的微信的【顯】與【藏】
02 消息提醒與內(nèi)容管理
微信作為一個(gè)即時(shí)通訊工具,第一時(shí)間通知用戶有新消息,似乎是理所應(yīng)當(dāng)?shù)?。但?dāng)微信新增了朋友圈、視頻號、直播、看一看等論壇、社交功能后,如何讓用戶不因信息太多而受擾、焦慮,這就成了一個(gè)新的設(shè)計(jì)難題。
我們看看微信什么時(shí)候用數(shù)字角標(biāo)?什么時(shí)候用紅點(diǎn)角標(biāo)?不要小看數(shù)字和紅點(diǎn)的區(qū)別。當(dāng)人看到99這樣的數(shù)字和看到一個(gè)紅點(diǎn),心理上的信息負(fù)擔(dān)程度是完全不同的。99的消息通知,意味著我可能要用十多分鐘去電子爬樓看看有沒什么關(guān)鍵信息?而紅點(diǎn)讓我看到可以考慮要不要點(diǎn)進(jìn)去看看新的通知。
上圖是微信消息的數(shù)字角標(biāo)和發(fā)現(xiàn)的紅點(diǎn)通知
上圖是進(jìn)入發(fā)現(xiàn)后不同功能是否有新消息的紅點(diǎn)標(biāo)識
微信現(xiàn)在只對與登錄用戶有切身相關(guān)的新消息使用數(shù)字角標(biāo),其他的好友相關(guān)通知都只用紅點(diǎn)標(biāo)識。
習(xí)慣閱讀、收藏的朋友還會遇到一個(gè)問題,看到一篇不錯(cuò)的公眾號文章要如何分類管理呢?微信的產(chǎn)品經(jīng)理又來了,你試著在收藏夾里對某篇文章長按看看會出現(xiàn)什么?
我們可以編輯標(biāo)簽,把這篇文章放到某個(gè)標(biāo)識進(jìn)行分類管理,下次就可以更快找到內(nèi)容了。
微信把轉(zhuǎn)發(fā)、刪除、多選這類用戶可能用到的功能,都隱藏到了長按后出現(xiàn)的浮窗里,而不是把這些功能直接放在信息卡片上。不知道你會不會好奇地想想,這是為什么?
豆芽君說說自己的理解。其實(shí)微信在每一處是否要對信息做進(jìn)一步處理的地方,都采用了相同的長按出現(xiàn)功能浮窗的設(shè)計(jì)。如下圖在對話頁面,長按某條信息出現(xiàn)的功能浮窗
這樣的設(shè)計(jì),去掉其他可能帶來視覺干擾的非必要元素,可以讓用戶更沉浸在信息本身上。
不信的話,你試著想象把轉(zhuǎn)發(fā)、收藏、刪除等這些功能放到消息的旁邊看看。這時(shí)你的注意力就會被分散到這些附加功能,而不是這條信息本身。
人本身就是好奇的動物,容易被更多所吸引,習(xí)慣性被更多所分散注意力。當(dāng)你打開瀏覽器的自帶主頁時(shí),你是否常被那些黃賭毒的消息所吸引??
03 微信的更多
說實(shí)話,如果你能用好微信的功能,可以免裝一堆的APP,讓你的手機(jī)主頁清爽許多。我們接著介紹下微信提供的生活服務(wù)功能
在底部導(dǎo)航欄【我】的進(jìn)入服務(wù),我們可以看到各種生活服務(wù)分類導(dǎo)航,從理財(cái)?shù)缴罾U費(fèi)、出行、購物全都有了。
看到這個(gè)頁面,這時(shí)你內(nèi)心的那個(gè)好奇寶寶有沒再跑出來?這不就是在我的手機(jī)上的又一個(gè)手機(jī)操作系統(tǒng)了嗎?
我試著打開了其中的三個(gè)圖標(biāo)導(dǎo)航,再進(jìn)入手機(jī)的多任務(wù)管理,是不是就像打開了三個(gè)APP
沒錯(cuò),這就是前兩年微信發(fā)布會上大談特談的【小程序】。小程序就像一個(gè)個(gè)手機(jī)app,只是它存在于微信內(nèi),這時(shí)微信就成了一個(gè)平臺,小程序是平臺上的一個(gè)個(gè)app。
微信通過多個(gè)入口可以打開小程序,比如【首頁】的下拉,【發(fā)現(xiàn)】的小程序,【我】的服務(wù)。
到了這里,你是不是又看出微信是【顯】與【藏】的設(shè)計(jì)高手。它對需要重點(diǎn)推廣的小程序,顯然是給予了更多的曝光入口。
最后聊個(gè)多數(shù)人都不常用的設(shè)置功能。你知道如何手動關(guān)閉朋友圈、視頻號這些會讓我們沉迷的功能?
來,跟著豆芽君一步步來教你操作
第一步進(jìn)入【我】,找到“設(shè)置”
第二步找到“通用”
第三步找到“發(fā)現(xiàn)頁管理”,你就可以關(guān)閉掉朋友圈、視頻號等沉迷功能的入口了
關(guān)閉了這些沉迷功能,或許我們可以更好地去學(xué)習(xí)、工作。
PS:微信為了讓我們時(shí)不時(shí)點(diǎn)進(jìn)來看朋友圈、短視頻,把這些入口的關(guān)閉,藏得好深?。?/p>
好了,今天就介紹到這。喜歡豆芽君的產(chǎn)品體驗(yàn)介紹,歡迎多轉(zhuǎn)發(fā)、評論。
本文由人人都是產(chǎn)品經(jīng)理作者【豆芽悟】,微信公眾號:【豆芽悟】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
說實(shí)話很多產(chǎn)品的隱藏功能別人不說我根本不知道,再說一遍!啞巴不許當(dāng)設(shè)計(jì)師啊啊啊啊啊啊!