20171219

再不看微信的情況下,繪制微信的功能杀捻、交互界面(盡可能的體現(xiàn)其核心功能井厌、交互、內(nèi)容)致讥;提升對微信整體和細(xì)節(jié)上的把握仅仆;希望能夠提升本篇文章的質(zhì)量和自己的思維。

希望通過對微信細(xì)節(jié)上的把握垢袱,能夠細(xì)致的思考何謂優(yōu)秀的體驗(yàn)墓拜,也相信能夠給大家?guī)硇碌膯l(fā)。

先梳理一下微信的發(fā)展歷程:

11年1月请契,微信1.0版咳榜,QQ號導(dǎo)入、即時(shí)通訊功能(文字)爽锥、分享照片涌韩、更換頭像;

1.1氯夷、1.2臣樱、1.3版本,支持了手機(jī)通訊錄的讀取肠槽、多人會(huì)話的功能(群)擎淤、支持發(fā)送表情;

11年5月秸仙,2.0版,增加了語音對話功能桩盲,用戶量明顯增加寂纪;

2.1、 2.2、 2.5版本捞蛋,支持視頻孝冒、查看附件的人,用戶量明顯增長拟杉;

11年10月庄涡,3.0版,搖一搖搬设、漂流瓶穴店、支持繁體中文、港澳臺(tái)美日用戶可綁定手機(jī)號拿穴;

3.1-3.5版泣洞,文字語音切換、聽筒模式默色、二維碼球凰、英文界面,支持100多個(gè)國家腿宰;

12年3月呕诉,用戶破億;

4月吃度,4.0版甩挫,相冊、朋友圈规肴,增強(qiáng)用戶粘性捶闸;

7月,4.2版拖刃,視頻聊天删壮、網(wǎng)頁版、朋友圈回復(fù)兑牡;

9月央碟,4.3版,搖一搖傳圖均函、解綁手機(jī)號QQ號亿虽、語音搜索功能、動(dòng)態(tài)表情下載苞也、掃一掃洛勉;

13年8月,5.0版如迟,新版掃一掃收毫、支付攻走、游戲中心、表情商店此再。

14年9月昔搂,6.0版,增加微信小視屏(進(jìn)入視頻時(shí)代)输拇、微信卡包功能摘符、游戲中心改版,如圖2(借圖)策吠。

寫作角度:結(jié)合手稿逛裤,思考微信在什么地方的什么功能實(shí)現(xiàn)了怎么樣的交互,它為什么這么設(shè)計(jì)(功能&交互)奴曙,并運(yùn)用KANO模型對功能進(jìn)行簡單分類别凹。

正文

圖標(biāo)、歡迎界面:

微信的圖標(biāo)是以連兩個(gè)“信息”圖片依靠在一起所組成的洽糟,且兩個(gè)“信息”圖片上都有兩個(gè)點(diǎn)炉菲,如同營造出兩個(gè)小人相互依靠的感覺。但是坤溃,當(dāng)點(diǎn)擊進(jìn)入微信之后拍霜,其歡迎界面是一個(gè)人孤獨(dú)的站在星球上的場景,顯得非常渺小和孤獨(dú)薪介。

分析:為什么這兩個(gè)圖標(biāo)有這么大的差異呢祠饺?試想一下用戶的使用場景,當(dāng)他無聊時(shí)汁政,希望找一個(gè)人聊天道偷,首先看到的是一個(gè)能夠給以依靠感覺的圖標(biāo),再當(dāng)其點(diǎn)擊進(jìn)入之后發(fā)現(xiàn)自己那種孤獨(dú)感被再次激發(fā)和放大记劈,那么當(dāng)其最終進(jìn)入聊天界面時(shí)勺鸦,就已經(jīng)達(dá)到了聊天的最大渴望值。點(diǎn)擊進(jìn)入之后目木,其顯示的主要為底部的四個(gè)標(biāo)簽式TAB,分別誒:微信换途、通訊錄、發(fā)現(xiàn)刽射、我军拟。

微信:

當(dāng)微信重新開啟之后,顯示的第一頁是微信記錄頁誓禁。分析:因?yàn)槿私?jīng)常聊的人不多懈息,所以進(jìn)入的是記錄頁而不是進(jìn)入通訊錄頁面。如同《人類簡史》所說的人類的內(nèi)心本質(zhì)并不是趨向于大范圍的合作摹恰,而是社會(huì)營造的很多虛擬的東西所促成人類的集體活動(dòng)漓拾,如圖5阁最。

進(jìn)入之后戒祠,中心內(nèi)容剛好為9個(gè)list(記錄列表)骇两,且不顯示搜索欄(而通訊錄是顯示搜索欄的),因?yàn)樽顬楹诵牡膬?nèi)容是聊天的內(nèi)容和主要聊天的人姜盈。

向下查看多個(gè)List之后低千,只需要點(diǎn)擊頂部“微信”標(biāo)題的上部(顯示信號、運(yùn)營商馏颂、時(shí)間示血、電量),就可以直接到最頂端救拉,且會(huì)顯示搜索欄难审,連最頂部也設(shè)計(jì)了相應(yīng)的觸發(fā),提高用戶的體驗(yàn)亿絮,如圖6告喊。

想要?jiǎng)h除某條記錄時(shí),當(dāng)用戶向左滑動(dòng)時(shí)派昧,右邊的紅色刪除按鈕會(huì)部分顯示出來黔姜,進(jìn)行刪除的提醒。當(dāng)左移記錄時(shí)蒂萎,如果移動(dòng)的距離沒有超過“刪除”紅色框的范圍秆吵,將重新縮回,目的是為了防止用戶的誤操作以及提示五慈。

然后是對其內(nèi)容的設(shè)計(jì)纳寂,在微信的列表記錄里所顯示的內(nèi)容有:頭像名稱泻拦、最新的內(nèi)容毙芜、時(shí)間、免打擾設(shè)置聪轿,群里會(huì)顯示未讀取的信息條數(shù)爷肝,為什么個(gè)人、群和公眾號的顯示列表的信息都是這樣的呢陆错?頭像和名稱是個(gè)人基本信息的顯示灯抛,然后需要有最后的聊天內(nèi)容和最后的時(shí)間,都是非常必要的音瓷,所以除了顯示免打擾信息之外对嚼,其他都是必要的核心信息,所以微信顯得即干凈又實(shí)用绳慎。

當(dāng)點(diǎn)擊進(jìn)入聊天時(shí)纵竖,其輸入框默認(rèn)為文字輸入漠烧,而語音輸入需要點(diǎn)擊后切換。語音輸入時(shí)靡砌,只需要將原本按住的手指上滑之后已脓,就能夠取消發(fā)送,這個(gè)交互非常適用通殃。語音按鈕能夠有1s的誤差判斷度液,只有輸入超過1s后才會(huì)發(fā)送,且能夠讀取到1s前所說的語音画舌,防止誤操作堕担。一條語音的最長時(shí)間為60s,在其臨近于1分鐘時(shí)曲聂,會(huì)進(jìn)行倒計(jì)時(shí)10s的提示霹购。在2分鐘內(nèi),可對發(fā)出去的信息撤回朋腋。語音按鈕的文字“按住 說話”齐疙、“松開 結(jié)束”,中間有空格乍丈,對文案的編排剂碴,在每個(gè)細(xì)節(jié)上都進(jìn)行精心設(shè)計(jì),如圖8轻专。

播放語音時(shí)忆矛,會(huì)有兩種模式,聽筒模式和揚(yáng)聲器模式请垛,通過軟硬件識別相應(yīng)的場景催训,使語音播放更加適宜,為用戶在不同的使用場景中提供最佳體驗(yàn)宗收。接著是對內(nèi)容的設(shè)計(jì)漫拭,在人的生活習(xí)慣中,常會(huì)涉及到回憶混稽、查詢自己在什么時(shí)候說了什么話采驻,所以在聊天的過程中需要顯示相應(yīng)的時(shí)間。但是如果每條信息之后都有時(shí)間就會(huì)把界面變得繁雜匈勋,且不利于聚焦聊天的核心內(nèi)容礼旅。微信設(shè)定在相隔5分鐘之內(nèi)的消息不會(huì)再次顯示時(shí)間,且顯示時(shí)間的格式為小時(shí)+分鐘洽洁、昨天+小時(shí)+分鐘痘系、星期幾+小時(shí)+分鐘、XX年X月X日+小時(shí)+分鐘饿自,如圖9汰翠。

點(diǎn)擊“微信”的添加項(xiàng)(“+”)龄坪,有發(fā)起群聊、添加朋友复唤、掃一掃健田、收付款功能項(xiàng)。發(fā)起群聊可以選擇以前已經(jīng)建立的群苟穆,也可以新建群聊天抄课。添加朋友,具有各種方式的添加方式雳旅,其中還設(shè)置了“我的微信號、二維碼“间聊,設(shè)想一下應(yīng)用場景攒盈,當(dāng)你添加完別人之后,可能存在著別人來加你的情況哎榴,更加方便的提供一個(gè)入口型豁,如圖10。

掃一掃中尚蝌,有掃碼迎变、封面、街景和翻譯飘言。掃碼衣形,可直接將二維碼放置到掃描區(qū)識別,這是一個(gè)實(shí)體的掃描姿鸿,同時(shí)在右上角有一個(gè)相冊谆吴,點(diǎn)擊進(jìn)入相冊之后,能選擇一張二維碼圖片苛预,自動(dòng)掃描句狼,這是數(shù)字化的掃描。封面掃描热某,是對書腻菇、CD、電影海報(bào)的信息顯示昔馋,是對物聯(lián)網(wǎng)的體現(xiàn)筹吐,如圖11。

收付款功能中绒极,分為向商家付款骏令、二維碼收款、贊賞碼垄提、群收款榔袋、面對面紅包周拐、轉(zhuǎn)賬到銀行卡6項(xiàng)。向商家付款凰兑,既有付款碼數(shù)字(點(diǎn)擊可以查看妥粟,而且貼心的顯示為橫屏),下方為金額的來源吏够,如零錢等勾给。

搜索框,當(dāng)移動(dòng)微信的記錄內(nèi)容時(shí)锅知,當(dāng)移動(dòng)搜索框超過其底部線的時(shí)候會(huì)自動(dòng)適配上播急,顯示6個(gè)list。其中售睹,分為文字搜索和語音搜索桩警,文字搜索可以搜聯(lián)系人、群昌妹、記錄捶枢、朋友圈、公眾號飞崖、小說烂叔、音樂、表情固歪。而語音搜索蒜鸡,只搜索聯(lián)系人、公眾號(已訂閱)昼牛,如圖12术瓮。下方會(huì)顯示你最近使用過的小程序。為小程序的另一個(gè)入口

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末贰健,一起剝皮案震驚了整個(gè)濱河市胞四,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌伶椿,老刑警劉巖辜伟,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異脊另,居然都是意外死亡导狡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進(jìn)店門偎痛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來旱捧,“玉大人,你說我怎么就攤上這事∶渡模” “怎么了氓癌?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長贫橙。 經(jīng)常有香客問我贪婉,道長,這世上最難降的妖魔是什么卢肃? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任疲迂,我火速辦了婚禮,結(jié)果婚禮上莫湘,老公的妹妹穿的比我還像新娘尤蒿。我一直安慰自己,他們只是感情好逊脯,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布优质。 她就那樣靜靜地躺著,像睡著了一般军洼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上演怎,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天匕争,我揣著相機(jī)與錄音,去河邊找鬼爷耀。 笑死甘桑,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的歹叮。 我是一名探鬼主播跑杭,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼咆耿!你這毒婦竟也來了德谅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤萨螺,失蹤者是張志新(化名)和其女友劉穎窄做,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體慰技,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡椭盏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吻商。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掏颊。...
    茶點(diǎn)故事閱讀 40,030評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖艾帐,靈堂內(nèi)的尸體忽然破棺而出乌叶,到底是詐尸還是另有隱情盆偿,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布枉昏,位于F島的核電站陈肛,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏兄裂。R本人自食惡果不足惜句旱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望晰奖。 院中可真熱鬧谈撒,春花似錦、人聲如沸匾南。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蛆楞。三九已至溯乒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間豹爹,已是汗流浹背裆悄。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留臂聋,地道東北人光稼。 一個(gè)月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像孩等,于是被迫代替她去往敵國和親艾君。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評論 2 355

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,161評論 25 707
  • 上個(gè)月休年假,我去了上海一趟看望我的閨蜜W姑娘扒秸,我在虹橋火車站地鐵口等著她來接我播演,我心里算了一下,我們大概有一年多...
    達(dá)達(dá)令閱讀 810評論 3 8
  • 很累 不知道為什么伴奥,為自己設(shè)定了很多改變的場景写烤。但是都沒有出現(xiàn)。我怎么了拾徙?不能這樣了知道嗎洲炊? 苦難,不是人生的必需...
    Dorias一只流浪的貓閱讀 230評論 4 4
  • 《等》 小時(shí)候,院子里 櫻桃樹長的好看暂衡,五月初 掛果搖曳询微,露出成熟之美 我紅著臉問娘,可以先給我吃幾顆嗎狂巢? 她說撑毛,...
    劉亞寧閱讀 219評論 0 3
  • 這是一封寫給爸媽的信……心里有太多的話想對他們說藻雌,卻不知道怎么開口。思來想去斩个,還是寫信比較合適胯杭。 你們總說我是個(gè)不...
    LJYYY怡閱讀 275評論 0 3