關(guān)于微信產(chǎn)品設(shè)計(jì)中三點(diǎn)問(wèn)題的分析

1. 關(guān)于微信底部高度后专,像素瀑凝,下部四個(gè)導(dǎo)航菜單的設(shè)定


微信(34*48)歼冰,其中34為文字上下的像素?cái)?shù)季希,具體左側(cè)邊框57px

通訊錄 (34*70)距離左側(cè)邊框239px

發(fā)現(xiàn) (34*46)距離左側(cè)邊框418px

我 ? ?(34*22)距離左側(cè)邊框598px;

查閱資料恨樟,得知APP的導(dǎo)航基本采用底部導(dǎo)航的方式半醉,菜單數(shù)目控制在4-5個(gè)最佳,而微信選用的就是最普遍的標(biāo)簽導(dǎo)航形式劝术。

補(bǔ)充:關(guān)于菜單欄控制在4-5的原因缩多?(不能太少或者)

1.屏幕擁擠——看著難受

從人的視覺(jué)感受來(lái)說(shuō),擁擠的屏幕讓人難以理解养晋,因而難以使用衬吆。實(shí)驗(yàn)結(jié)果顯示屏幕總體蓋度不應(yīng)超過(guò)40%,而分組中屏幕蓋度不應(yīng)超過(guò)62%绳泉。

2. 手指觸摸點(diǎn)擊屏幕尺寸大小——易引發(fā)誤操作

按鈕的大小在幫助用戶(hù)分辨這些元素的過(guò)程中起到了決定性的作用逊抡。不同的平臺(tái)提供了熱區(qū)的最小尺寸的不同設(shè)計(jì)規(guī)范。我們食指的寬帶是在1.5cm-2.0cm這個(gè)范圍內(nèi)容零酪,對(duì)應(yīng)的像素值差不多在45px-60px之間冒嫡。

考慮用戶(hù)手指在屏幕觸摸滑動(dòng)過(guò)程中可能會(huì)出現(xiàn)點(diǎn)位觸摸不準(zhǔn)的問(wèn)題,否則用戶(hù)在快速觸摸過(guò)程中容易帶來(lái)APP上的一些誤操作四苇。所以這就要去APP界面上的按鈕一定要足夠大孝凌,且觸摸響應(yīng)延遲要盡可能減小,防止用戶(hù)多次重復(fù)觸摸帶來(lái)的APP響應(yīng)異常月腋。


2. 搜索功能到底能做到那些蟀架?

微信搜索分為兩種:

1、基礎(chǔ)社交功能——圈內(nèi)信息搜索

包括朋友圈內(nèi)榆骚,群聊記錄片拍,好友記錄,收藏

微信本質(zhì)上是一款社交軟件寨躁。所以穆碎,不管他變得有多么的臃腫,他終究不會(huì)忘記职恳,自己是一款人與人溝通交流的工具。通過(guò)搜索框方面,第一時(shí)間找到你想找到的聯(lián)系人或者群放钦,這屬于基礎(chǔ)功能。

2恭金、類(lèi)似瀏覽器搜索——圈外信息搜索

包括公眾號(hào)操禀、文章

微信公眾號(hào)有數(shù)百萬(wàn)個(gè),每天產(chǎn)生大量的原創(chuàng)或者二次編輯轉(zhuǎn)載的內(nèi)容在公眾平臺(tái)上發(fā)布横腿。微信搜索支持用戶(hù)通過(guò)搜索關(guān)鍵字颓屑,檢索自己感興趣的內(nèi)容斤寂,比如,當(dāng)我在準(zhǔn)備這篇文章的時(shí)候揪惦,通過(guò)搜索“微信搜索”四這個(gè)關(guān)鍵詞遍搞,學(xué)習(xí)了很多別人的觀點(diǎn)。

3. 收付款功能按鈕為什么要放在第四個(gè)器腋?

微信錢(qián)包與用戶(hù)賬戶(hù)綁定后溪猿,微信支付希望擴(kuò)充自己的版圖。為了培養(yǎng)用戶(hù)行為習(xí)慣纫塌,將收付款這一用戶(hù)場(chǎng)景比較少的功能放入+號(hào)中诊县,也就合理了。

至于收付款的放置位置選取原因:

首先按照人體工程學(xué)措左,以用戶(hù)手中使用右手拇指操作為例依痊,在點(diǎn)擊屏幕右上方+號(hào)之后,此時(shí)屏右上方是最容易點(diǎn)擊的區(qū)域怎披,會(huì)留給最重要的任務(wù)(內(nèi)容和操作)抗悍。按照任務(wù)優(yōu)先級(jí)的排序,收付款位置應(yīng)下落钳枕。

其次從用戶(hù)使用頻率來(lái)看:前3項(xiàng)為<發(fā)起群聊>缴渊、<添加朋友>、<掃一掃>,此三項(xiàng)使用頻率更高鱼炒,發(fā)生支付行為的頻率最低衔沼。

針對(duì)支付行為來(lái)說(shuō)。在熟人之間昔瞧,微信聊天對(duì)話(huà)框只需要點(diǎn)開(kāi)對(duì)話(huà)框的+號(hào)按鍵便可以完成發(fā)紅包指蚁、轉(zhuǎn)賬等多種支付行為;與之相比自晰,發(fā)生在陌生用戶(hù)之間凝化,收付款的次數(shù)用的次數(shù)最少,所以收付款項(xiàng)放在最后酬荞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末搓劫,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子混巧,更是在濱河造成了極大的恐慌枪向,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咧党,死亡現(xiàn)場(chǎng)離奇詭異秘蛔,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)深员,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)负蠕,“玉大人,你說(shuō)我怎么就攤上這事倦畅≌谔牵” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵滔迈,是天一觀的道長(zhǎng)止吁。 經(jīng)常有香客問(wèn)我,道長(zhǎng)燎悍,這世上最難降的妖魔是什么敬惦? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮谈山,結(jié)果婚禮上俄删,老公的妹妹穿的比我還像新娘。我一直安慰自己奏路,他們只是感情好畴椰,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著鸽粉,像睡著了一般斜脂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上触机,一...
    開(kāi)封第一講書(shū)人閱讀 49,821評(píng)論 1 290
  • 那天帚戳,我揣著相機(jī)與錄音,去河邊找鬼儡首。 笑死片任,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蔬胯。 我是一名探鬼主播对供,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼氛濒!你這毒婦竟也來(lái)了产场?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤泼橘,失蹤者是張志新(化名)和其女友劉穎涝动,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體炬灭,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了重归。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片米愿。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖鼻吮,靈堂內(nèi)的尸體忽然破棺而出育苟,到底是詐尸還是另有隱情,我是刑警寧澤椎木,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布违柏,位于F島的核電站,受9級(jí)特大地震影響香椎,放射性物質(zhì)發(fā)生泄漏漱竖。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一畜伐、第九天 我趴在偏房一處隱蔽的房頂上張望馍惹。 院中可真熱鬧,春花似錦玛界、人聲如沸万矾。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)良狈。三九已至,卻和暖如春笨枯,著一層夾襖步出監(jiān)牢的瞬間薪丁,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工猎醇, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留窥突,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像唁情,于是被迫代替她去往敵國(guó)和親吟逝。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,777評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)称近、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,065評(píng)論 4 62
  • Book 6, Unit 2, Lesson 5 In this unit, the students will ...
    TimmySHENX閱讀 266評(píng)論 0 0
  • 小區(qū)樓下的底商開(kāi)有多家小超市哮塞,看上去競(jìng)爭(zhēng)還很激烈刨秆,有的店關(guān)關(guān)停停,也有的轉(zhuǎn)型做了別的忆畅。 習(xí)慣了去其中一家買(mǎi)東西衡未,主...
    造夢(mèng)弄人閱讀 641評(píng)論 0 0
  • 前天去圖書(shū)館已經(jīng)臨近閉館了,就匆匆在書(shū)架上選了本上眼的----《安靜的力量》 包裝挺不錯(cuò),里面的風(fēng)景插畫(huà)是水平線(xiàn)原...
    橙醉閱讀 434評(píng)論 0 2