淺析微信朋友圈交互設(shè)計(jì)

1、淺析微信交互設(shè)計(jì),搜狐無線交互組,1. 朋友圈的印象2. 設(shè)計(jì)上的體現(xiàn)3. 淺析設(shè)計(jì)背后原因4.不足點(diǎn)分析5.我們向微信學(xué)習(xí)什么,快、流暢、干凈、簡(jiǎn)單、操作直接、輕量； 私密（層級(jí)較深）；, 朋友圈的印象, 設(shè)計(jì)上的體現(xiàn),快 1. 最少的操作入口 ； 2. 最少的視覺修飾 ，按鈕元素隱藏； 3. 圖片timeline帶來大量留白，使得加載等顯得更輕更快； 干凈 留白，內(nèi)容樣式統(tǒng)一；,簡(jiǎn)單 1. 只展示必不可少的內(nèi)容，其他則隱藏； 2. 產(chǎn)品功能很多，但卻感覺不到負(fù)重感； 直接 1. 直覺操作（點(diǎn)擊評(píng)論直接回復(fù)）； 2. Timeline展示內(nèi)容完畢； 3. 不同的頁(yè)面操作具有明確的分配, 設(shè)計(jì)

2、上的體現(xiàn), 淺析設(shè)計(jì)背后原因,一定要輕 在整個(gè)產(chǎn)品中不是核心功能，微信是個(gè)語(yǔ)音IM工具，從入口就夠顯出點(diǎn)；, 淺析設(shè)計(jì)背后原因,產(chǎn)品定位 設(shè)計(jì)風(fēng)格基于產(chǎn)品定位：純凈的SNS，記錄生活碎片，重圖片，輕文字； 1. 只有好友的狀態(tài)，沒有公共賬號(hào)； 2. 發(fā)純文本狀態(tài)的隱藏設(shè)計(jì)，(長(zhǎng)按拍照按鈕), 淺析設(shè)計(jì)背后原因,設(shè)計(jì)思路統(tǒng)一 與整個(gè)產(chǎn)品的設(shè)計(jì)思路統(tǒng)一，表層頁(yè)面的內(nèi)容呈現(xiàn)，可以隱藏的功能設(shè)計(jì)方法一致；, 淺析設(shè)計(jì)背后原因,設(shè)計(jì)大膽 不拘泥于設(shè)計(jì)細(xì)節(jié)以及常規(guī)設(shè)計(jì)原則，保證核心功能體驗(yàn)最優(yōu)，其他功能可用即可；, 淺析設(shè)計(jì)背后原因,設(shè)計(jì)大膽 不拘泥于設(shè)計(jì)細(xì)節(jié)以及常規(guī)設(shè)計(jì)原則，保證核心功能體驗(yàn)最優(yōu)，其他功

3、能可用即可；,圖片元素簡(jiǎn)單極致； 去除不必要的各種鏈接； 設(shè)計(jì)去引導(dǎo)用戶，為產(chǎn)品核心價(jià)值服務(wù)； 頁(yè)面內(nèi)容各元素區(qū)域呈塊狀，點(diǎn)擊區(qū)域則更明確且容易操作； 內(nèi)容閱讀具有流暢性； 理性設(shè)計(jì)；（例：照片下的非好友評(píng)論看不到） , 不足點(diǎn)分析,1. 朋友圈中附在照片上的文字只有在公共信息timeline刷出來時(shí)才能完整的顯示出來。如果進(jìn)入到好友的個(gè)人主頁(yè)的timeline，圖片中附的文字超過一定字?jǐn)?shù)就不再顯示；, 不足點(diǎn)分析,2. 在選擇發(fā)9張圖片后，就無法選擇顯示所在城市和分享到QQ空間。上拉列表后無法固定，只能顯示到提醒誰(shuí)看, 不足點(diǎn)分析,3. 消息模塊入口太深 我的相冊(cè)右上角消息列表, 不足點(diǎn)分析,4. 某些細(xì)節(jié)交互方式不一樣 公共信息timeline頁(yè)面，查看大圖，長(zhǎng)按可保存圖片 個(gè)人信息timeline頁(yè)面，查看大圖，點(diǎn)擊右上角才能出來保存操作功能, 我們可以向微信學(xué)習(xí)什么,1. 明確產(chǎn)品核心功能，突出核心，非核心則輕量化，簡(jiǎn)約設(shè)計(jì)思想； 2. 設(shè)計(jì)去引導(dǎo)用戶，必要時(shí)可強(qiáng)制