微信知多少

微信首頁底部為什么只有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)利

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末张症,一起剝皮案震驚了整個濱河市仓技,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俗他,老刑警劉巖脖捻,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異兆衅,居然都是意外死亡地沮,警方通過查閱死者的電腦和手機嗜浮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來摩疑,“玉大人危融,你說我怎么就攤上這事±状” “怎么了吉殃?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長楷怒。 經(jīng)常有香客問我蛋勺,道長,這世上最難降的妖魔是什么鸠删? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任抱完,我火速辦了婚禮,結(jié)果婚禮上刃泡,老公的妹妹穿的比我還像新娘乾蛤。我一直安慰自己,他們只是感情好捅僵,可當(dāng)我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著眨层,像睡著了一般庙楚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上趴樱,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天馒闷,我揣著相機與錄音,去河邊找鬼叁征。 笑死纳账,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的捺疼。 我是一名探鬼主播疏虫,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼啤呼!你這毒婦竟也來了卧秘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤官扣,失蹤者是張志新(化名)和其女友劉穎翅敌,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惕蹄,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡蚯涮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年治专,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片遭顶。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡张峰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出液肌,到底是詐尸還是另有隱情挟炬,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布嗦哆,位于F島的核電站谤祖,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏老速。R本人自食惡果不足惜粥喜,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望橘券。 院中可真熱鬧额湘,春花似錦、人聲如沸旁舰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽箭窜。三九已至毯焕,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間磺樱,已是汗流浹背纳猫。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留竹捉,地道東北人芜辕。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像块差,于是被迫代替她去往敵國和親侵续。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,689評論 2 354

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,095評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫憾儒、插件询兴、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,098評論 4 62
  • 上一篇說到網(wǎng)站續(xù)不續(xù)費的問題训裆。我發(fā)現(xiàn)眶根,自己在各種網(wǎng)絡(luò)應(yīng)用蜀铲、培訓(xùn)上花的錢也不少了。 微云會員属百,之前買三年送一年時購買...
    OJ6Na4QBNcMe18V閱讀 206評論 0 0
  • 下面是稚雋教育小編為大家整理的一篇關(guān)于BMAT考試練習(xí)題6的文章记劝,供大家參考,下面是詳細內(nèi)容族扰。 BMAT考試練習(xí)題...
    peizhenjy閱讀 133評論 0 0
  • 我從2014年開始系統(tǒng)的家庭式健身渔呵,在這個過程中我對自己的意志力越來越有信心怒竿,于是我想,能不能憑借這份意志力提高自...
    楓若嫣然閱讀 306評論 0 1