再不看微信的情況下,繪制微信的功能杀捻、交互界面(盡可能的體現(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è)入口