微信首頁底部為什么只有4個圖標(biāo)?
張小龍的分享說到:設(shè)計就是分類,分類是人類大腦的識別模式蓝牲,分類是化繁為簡的方法之一,微信保證只有4個底部TAB泰讽。
限制數(shù)量好理解例衍,但為什么是4個?5個不行嗎已卸?
再一想佛玄,發(fā)現(xiàn)很多移動APP的底部Tab,以及Android原生系統(tǒng)的底部Dock上的條目累澡,數(shù)目基本都是4個梦抢,少數(shù)5個或3個。
開個矯情的鬧洞——為什么愧哟?某種規(guī)范奥吩?仿照沿襲哼蛆?共同認(rèn)識?
沒有查到明確的說法霞赫,試著從以下幾個點分析原因:
1腮介、視覺和心理感受
導(dǎo)航即屬于框架,也屬于“門面”端衰,受用戶頻繁感知和使用叠洗,特別是常駐的TAB導(dǎo)航。如果TAB數(shù)目多旅东,多少會增加用戶的視覺負(fù)擔(dān)灭抑。
另外,導(dǎo)航欄上的TAB不止那個按鈕和標(biāo)簽玉锌,而是代表那整個頁面以及下層的信息名挥。從用戶心理感受來講,同一個層級的頁面心理距離是一樣的主守,頂層頁面的距離是最近的禀倔,距離越近感受越強烈。導(dǎo)航欄上的TAB越多参淫,意味著頂層頁面越多救湖、信息越多,給用戶的心理感受越 “重” 涎才,越有壓迫感鞋既。對于手機這種近身、小型的移動設(shè)備耍铜,是宜少不宜繁邑闺,所以,要盡量少棕兼。
2陡舅、神奇的7±2 和 神奇的4
喬治·A·米勒神奇的數(shù)字7±2 :年輕人短時記憶的處理容量是7±2個單元。
Cowan:年輕人短時記憶以及感知的處理容量是4個單元(小孩和老人更少)伴挚。
具體該是多少還是個有爭議的話題靶衍,但不管怎樣,少一些總是沒錯茎芋,加上要照顧不同年齡層次的人颅眶,4個或更少是更穩(wěn)妥的。
參考:Wikipedia - The Magical Number Seven, Plus or Minus Two
3田弥、手掌與手指
先說一個體驗設(shè)計的前提:按鈕要足夠?qū)挕粫`觸旁邊的按鈕涛酗,用戶才能放心大膽的按下去,否則用戶操作時難免要揪著心。最好是有手指寬煤杀,甚至更寬——“閉著眼”都不會按錯眷蜈,這會讓用戶感覺輕松。導(dǎo)航是常用的操作沈自,必須保證簡單輕松的體驗。按鈕太大又限制了數(shù)量辜妓,所以這需要平衡枯途。
回到問題:為了保證順利持握,智能手機屏幕寬度大約是4-5指寬籍滴。(可以一只手抓另一手掌感覺一下酪夷,像鼓掌的姿勢)
所以為了保證體驗,橫向?qū)Ш絋AB數(shù)目不超過5為宜孽惰。而屏幕有大有小晚岭,為了兼容小屏手機,又按小的寬度算合適勋功,所以是4個坦报。
屏幕寬度限制,實質(zhì)是手的限制狂鞋,有點馬屁股決定鐵軌寬度的意思片择。
4、從信息結(jié)構(gòu)設(shè)計設(shè)計的角度
信息結(jié)構(gòu)有多種骚揍,典型的是層級結(jié)構(gòu)字管,TAB導(dǎo)航屬于這類應(yīng)用。
層級信息結(jié)構(gòu)的設(shè)計本來就要講求廣度和深度的平衡信不。頂層是訪問其他信息的“必經(jīng)之路”嘲叔,選項太多、選擇太多抽活,會造成認(rèn)知負(fù)擔(dān)硫戈,需要慎重考慮。
除了當(dāng)前需求酌壕,還要考慮未來擴展掏愁,雖說基礎(chǔ)的信息結(jié)構(gòu)搭建好之后就不該輕易改變,但信息結(jié)構(gòu)設(shè)計畢竟是服務(wù)于產(chǎn)品表達的卵牍,考慮了未來的設(shè)計才更能保證不輕易改變果港。
5、業(yè)務(wù)復(fù)雜度
如果頂層信息分類很少糊昙,比如1個辛掠,那跟本不需要TAB導(dǎo)航。
如果頂層信息分類很多,比如多于6個萝衩,也許底部TAB也不是最適合的導(dǎo)航(側(cè)邊抽屜回挽,網(wǎng)格等更合適)。
所以猩谊,底部TAB導(dǎo)航 這種設(shè)計本身就是一種過濾——只有頂層信息分類較少的情況下才會被選擇千劈。
總結(jié)為兩點:
a、歸根究底牌捷,不管哪個因素墙牌,都有來自人本身的“約束”——或生理或心理或大腦。
b暗甥、這個數(shù)字喜滨,是既考慮了產(chǎn)品的表達需要,也考慮了用戶的需要和約束撤防,權(quán)衡而得的虽风。越少越好,不超過5個為宜寄月,具體還得看產(chǎn)品辜膝。平衡,人與機才能良好地結(jié)合剥懒,才能高效能地解決問題内舟。如唐納德·A·諾曼所說:人加上人造物才是智慧。我們和工具一起初橘,這才是一個強大的組合验游。
作者:BillyZ
鏈接:http://www.reibang.com/p/af1810745b29
? 著作權(quán)歸作者所有
四個圖標(biāo)的左右間距及像素
手機屏幕為720*1280,圖標(biāo)保檐,長63px耕蝉,寬56px,距底部上邊框10px夜只,距底部下邊框10px垒在;四個按鈕框長180px,寬108px扔亥;圖標(biāo)右上小圓點提示框(20*18场躯,上下*左右)向右出5px;圖標(biāo)右上大圓點圖示框(20*37)向右出19px
【微信】(34*48){其中34為文字上下的像素數(shù)旅挤,下同} 距左側(cè)邊框57px踢关;
【通訊錄】(34*70)距左側(cè)邊框239px;
【發(fā)現(xiàn)】(34*46)距左側(cè)邊框418px粘茄;
【我】(34*22)距左側(cè)邊框598px签舞;
微信搜索排序規(guī)則
根據(jù)個人感覺秕脓,按優(yōu)先級從高到低。并不保證準(zhǔn)確儒搭。
1. 名稱匹配度吠架。搶注的時候使用更有優(yōu)勢的名稱。比如當(dāng)用戶搜“北京二手車”的時候搂鲫,北京二手車 > 北京二手車交易 > 交易北京二手車傍药。同時還要考慮同義詞的問題,比如酒店和賓館基本是90%相似度的同義詞默穴。
2. 認(rèn)證(就是每年300元那個服務(wù))
3. 關(guān)注人數(shù)(尤其是實名認(rèn)證人數(shù)和有支付記錄的人數(shù))
4. 活躍度怔檩。包括:文章閱讀數(shù),用戶發(fā)送消息數(shù)蓄诽,圖文閱讀數(shù),原文頁閱讀數(shù)媒吗。對小程序來說應(yīng)該是使用次數(shù)仑氛。活躍的人數(shù)越大越好闸英。
5. 活躍度比例锯岖。參與互動的人數(shù)占總關(guān)注人數(shù)的比例,越大越好甫何。比例很低的肯定是買僵尸粉了出吹。
6. 整體權(quán)重來說,小程序 > 服務(wù)號 > 訂閱號
7. 好友關(guān)注數(shù)辙喂。其他條件不變捶牢,兩個幾乎一樣的公眾號A和B,如果我的好友更多關(guān)注了A巍耗,那么A的排名比B靠前秋麸。
8. 服務(wù)內(nèi)容介紹,要圍繞關(guān)鍵詞描述炬太。應(yīng)該跟AppStore一樣對排名影響非常小灸蟆。
來源:知乎
作者:劉明
鏈接:https://zhuanlan.zhihu.com/p/22837124
作者保留權(quán)利
微信收付款功能為何放置位置奇怪?
“收錢”功能是個冷門功能亲族,很少有人用得到炒考,相信很多人甚至不知道它的存在。所以霎迫,它應(yīng)該在哪里的邏輯斋枢,就在于初次發(fā)現(xiàn)它、使用它時的重要情景是怎樣了女气。
你點進去“收錢”的時候杏慰,會看到“無需加好友”那幾個字。
畢竟,好友之間直接就能轉(zhuǎn)賬缘滥,發(fā)紅包和轉(zhuǎn)賬是大家很熟悉的功能轰胁,那么對好友來說這個功能是多余的。
這個功能的名字叫“面對面收錢”朝扼,雖然它也確實可以生成個二維碼拿來放在網(wǎng)上赃阀,比如放在知乎答案底下求打賞。但它開發(fā)出來的初衷顧名思義是滿足在不加好友的情形下當(dāng)面轉(zhuǎn)賬的用戶需求的擎颖。
這是把這個功能跟“加好友”的位置放在一起的原因榛斯。
不這么做,邏輯是不通的搂捧。
這么說吧驮俗,你是個妹子,我要跟你搭訕允跑。
我想了個自認(rèn)為有創(chuàng)意的搭訕方法王凑,找你借了10塊錢現(xiàn)金,然后掏出二維碼說聋丝,妹子你掃我吧索烹,我給你發(fā)紅包轉(zhuǎn)錢。
而你覺得弱睦,這個男生長得又高又帥百姓,我不喜歡你這一款的,我才不加你呢况木。
但你總得拿回那10塊錢來啊垒拢。
這時你點開你很熟悉的加好友時要點的那個“+”號,就發(fā)現(xiàn)了跟“添加好友”焦读、“掃一掃”放在一起的這個功能子库。
你以前只跟微信里的好友用紅包和轉(zhuǎn)賬往來,都沒留意有這么個功能存在矗晃。
于是你頓時感謝微信做了個這么好的設(shè)計仑嗅。
而網(wǎng)騙大V陳鎧楠對這個設(shè)計深感痛恨。
來源:知乎
作者:陳鎧楠
鏈接:https://www.zhihu.com/question/39453014
作者保留權(quán)利