豆瓣App產(chǎn)品體驗(yàn)報(bào)告
第一部分 概覽
體驗(yàn)人:王頂
體驗(yàn)產(chǎn)品:豆瓣 1.4.0
使用機(jī)型:iPhone 4S
系統(tǒng)環(huán)境:iOS 8.1.1
體驗(yàn)時(shí)間:2014年12月7日
第二部分 效果體驗(yàn)
筆者興(xin)高(jing)采(dan)烈(zhan)地拿到這款產(chǎn)品時(shí),圖標(biāo)已經(jīng)由被罵了千百遍的扭曲五角星改成即將被罵千萬遍的綠底白字,與知乎的設(shè)計(jì)風(fēng)格類似(筆者注:此處為高級(jí)黑)。
當(dāng)然,網(wǎng)絡(luò)原本就是這么一個(gè)罵罵咧咧的地方。可作為產(chǎn)品經(jīng)理(的實(shí)習(xí)生)應(yīng)該清醒地知道,設(shè)計(jì)并非只是為了外觀(比如錘子工整到變態(tài)的實(shí)體按鍵),更要考慮到它的功能性(再比如錘子難用到變態(tài)的實(shí)體按鍵),具體到圖標(biāo)設(shè)計(jì)這里就是用戶認(rèn)知成本。單純從這點(diǎn)來看,我認(rèn)為現(xiàn)階段豆瓣圖標(biāo)的設(shè)計(jì)風(fēng)格是適合的,也極度符合這一App在豆瓣系中,或者說,在用戶心中的定位。
與顏色稍重的圖標(biāo)不同,App打開后給人的感覺很清爽,主界面采用當(dāng)下流行的卡片設(shè)計(jì),整體背景為白色,搜索框、時(shí)間條、引號(hào)、分割線等為淺灰色,將內(nèi)容分為不同的層次,看上去很有秩序。底部是四個(gè)標(biāo)簽,“豆瓣”、“發(fā)現(xiàn)”、“討論”、“我的”,不活躍時(shí)為灰色,活躍時(shí)變藍(lán),符合用戶傳統(tǒng)的認(rèn)知習(xí)慣。
由于產(chǎn)品功能層級(jí)較多,之間關(guān)系也比較復(fù)雜,筆者這一部分就不再展開文字?jǐn)⑹?,而選擇將其整理為思維導(dǎo)圖附在作品展示部分,雖然最后圖片尺寸依然搞得很大看起來很不方便……好吧那我就先著重說一下導(dǎo)圖中單獨(dú)列出來的兩個(gè)部分,條目詳情和個(gè)人詳情頁。
條目是豆瓣App從網(wǎng)頁版轉(zhuǎn)移過來重量級(jí)內(nèi)容,也是產(chǎn)品工具屬性的出口和社交屬性的入口,雖然擔(dān)子很重,但在設(shè)計(jì)上卻頗有小而美的味道。上半部分資料區(qū)采用毛玻璃,條目封面放在右上角,條目信息以半透明小卡片的形式均勻排布在其他部分,下側(cè)為評(píng)分和加入心愿單兩大核心功能。前者不用多說,后者則是想看、想讀等想字輩功能在移動(dòng)端的大融合。下半部分評(píng)論區(qū)由得分、短評(píng)、影(樂)評(píng)三部分組成,支持瀏覽和點(diǎn)贊。整個(gè)條目詳情頁基本屬于網(wǎng)頁版的遷移除了右下角那個(gè)像反轉(zhuǎn)過來的短信圖標(biāo)一樣的討論按鈕。
(嚴(yán)肅臉)這可不是一個(gè)普通的按鈕。這是豆瓣社交的入口,是移動(dòng)IM市場的異軍,是陌生人交友的新思路,是人類文明的曙光!所以我就先不說了。(筆者注:此處為坑)
豆瓣這次的設(shè)計(jì)有一個(gè)特點(diǎn),那就是盡量減少學(xué)習(xí)成本。比如你在任意界面下點(diǎn)擊用戶頭像,都會(huì)進(jìn)入對(duì)方的個(gè)人詳情頁。你可以選擇關(guān)注此人,或者直接發(fā)消息私聊,或者先關(guān)注再發(fā)消息或者whatever,不過重要的是這又是一個(gè)工具與社交同時(shí)出現(xiàn)的頁面。這次是按時(shí)間線以瀑布流的形式展示所有個(gè)人的標(biāo)記條目(可進(jìn)入條目頁),也算是對(duì)于陌生人社交的一個(gè)不錯(cuò)的解決方案吧,即以了解對(duì)方興趣愛好為前提,起碼比陌陌好些。
整體來看,豆瓣這次在設(shè)計(jì)層面的表現(xiàn)是相當(dāng)不錯(cuò)的。每一步都很穩(wěn)妥,符合iOS規(guī)范和用戶傳統(tǒng)的認(rèn)知習(xí)慣,沒有任何冒進(jìn)。雖然創(chuàng)新不大但也不乏像討論按鈕那樣優(yōu)秀的設(shè)計(jì),用氣泡暗示交流,數(shù)字代表規(guī)模,這就很容易激發(fā)用戶的點(diǎn)擊欲望。當(dāng)然,具體使用體驗(yàn)如何,還得從任務(wù)著手。
第三步 任務(wù)走查
任務(wù)一:點(diǎn)評(píng)影片
步驟:搜索——點(diǎn)擊條目——點(diǎn)評(píng)(包括打分、評(píng)論、其他平臺(tái)同步)
優(yōu)點(diǎn):當(dāng)熱門搜索包含目標(biāo)條目時(shí)可以減少操作成本、只想看評(píng)分的用戶在搜索結(jié)果頁面就能獲得相應(yīng)信息、評(píng)論可同步
缺點(diǎn):沒有搜索歷史、沒有發(fā)布和回復(fù)影評(píng)功能
評(píng)價(jià):操作便捷,考慮到移動(dòng)端生產(chǎn)力低下,沒有設(shè)置完整的影評(píng)功能或許是件正確的選擇
任務(wù)二:購買書籍
步驟:搜索(或掃碼)——點(diǎn)擊條目——點(diǎn)擊價(jià)格卡片——選擇購買網(wǎng)站——網(wǎng)站跳轉(zhuǎn)
優(yōu)點(diǎn):掃碼效率高、條目頁面的參考價(jià)格與購買頁面不同網(wǎng)站價(jià)格滿足不同需求、比價(jià)方便、質(zhì)量有保證
缺點(diǎn):條目頁面價(jià)格與次級(jí)頁面價(jià)格有出入、購買行為發(fā)生時(shí)需要用外部瀏覽器進(jìn)行網(wǎng)頁跳轉(zhuǎn),割裂用戶體驗(yàn)
評(píng)價(jià):掃碼的實(shí)際體驗(yàn)非常好,不僅免輸入,更重要的是不需要再考慮版本之類亂七八糟的事情;外部瀏覽器的設(shè)置體驗(yàn)很不好,何況購買這一行為對(duì)流暢度的要求尤其高,應(yīng)盡量講購買頁面內(nèi)嵌。
任務(wù)三:群組討論(終于到它了?。?/h3>
步驟:切換討論標(biāo)簽——點(diǎn)擊群組——討論
優(yōu)點(diǎn):無系統(tǒng)通知,不干擾用戶、聊天界面干凈純粹,僅支持文字與表情、長按頭像可@群組成員、點(diǎn)擊用戶頭像即可訪問主頁
缺點(diǎn):優(yōu)質(zhì)內(nèi)容無法沉淀、沒有充分利用影音書的不同特點(diǎn)(如在唱片條目中發(fā)送歌曲等),甚至無法發(fā)送其他條目鏈接、聊天信息數(shù)量無限制,對(duì)用戶造成困擾、新用戶無法很好地融入已有圈子、單純基于興趣的社交關(guān)系無法長久維持活躍度
評(píng)價(jià):豆瓣抓住了移動(dòng)端短、快的特點(diǎn),形成獨(dú)有的興趣社交方式。這個(gè)功能構(gòu)成了一個(gè)全新的使用場景,卻沒有找到一個(gè)合適的出路。我可能會(huì)因?yàn)橐槐緯鸵粋€(gè)人成為朋友,卻不是一群人。但不可否認(rèn),這的確是一次大膽而且有意義的探索。就我個(gè)人而言,更期待它與豆郵能以合理的方式融合。
第四步 競品分析
按理說豆瓣其實(shí)是沒什么競品的,非說有,那也只是部分功能重疊,比如影音與IMDB重疊,但考慮到中英文差異(和網(wǎng)速),這一競爭幾乎可以忽略。
不過,我想豆瓣App更多的競爭可能還是來自整個(gè)豆瓣系。比如影視方面我可以直接使用豆瓣電影,活動(dòng)方面用豆瓣同城,書籍方面用豆瓣購書單和豆瓣筆記等,既然用這些單獨(dú)App的體驗(yàn)反而會(huì)更好,那我為什么還要使用整合起來的豆瓣App。也就是說,豆瓣App的定位究竟是什么?豆瓣官方給出的介紹是“查書和影音評(píng)分”,但這些,真的可以構(gòu)成我安裝它的理由嘛?
第五步 結(jié)論概括
豆瓣App是豆瓣回歸初心的一次探索,專注影音書等核心功能,既保證這些功能與網(wǎng)站的體驗(yàn)一致,如條目資料頁的設(shè)計(jì),又基于移動(dòng)端的特點(diǎn)對(duì)一些功能做了適當(dāng)調(diào)整,如不提供發(fā)表長評(píng)論功能,同時(shí)更重要的是針對(duì)移動(dòng)本身又開發(fā)了一些全新的、極具想象力的功能,如群組討論。雖然或許這些功能還不夠完善,但起碼表明了豆瓣力求改變的態(tài)度。就單憑這一點(diǎn)也值得所有豆瓣用戶期待。
最后的最后,說點(diǎn)我自己關(guān)于產(chǎn)品定位的看法。我想,之所以會(huì)感到困惑,可能還是由于豆瓣App面向的不再是豆瓣某一功能的重度用戶,而是更為廣闊的普羅大眾了吧。就好像現(xiàn)在的知乎,當(dāng)你想抓住一些原本不屬于你的東西的時(shí)候,就一定會(huì)丟失一些原本屬于你的。不過,我也是瞎猜啦。
作者:Foxxoo;via:簡書
文案敘述感覺有點(diǎn)抖機(jī)靈,讀起來感覺很奇怪……
沒圖看著不爽
被小編滿滿當(dāng)當(dāng)?shù)奈淖终麜灹?,有圖更好?。。×?,開頭被小編的口吻驚到了,希望更簡練一些。
步驟:至上而下閱讀(期間找了半天的圖,找不到,第二段的效果體驗(yàn)根本看不下去)
優(yōu)點(diǎn):框架結(jié)構(gòu)搭建的很不錯(cuò),一看就是大廠出來的思路
缺點(diǎn):不夠深度,很容易陷入一家之言,很善于從自己的角度出發(fā)考慮用戶感受。
評(píng)價(jià):沒有用戶分類,沒有切分場景,用戶的需求如何
時(shí)不時(shí)又是括號(hào)( ) 附和說明,看起來有點(diǎn)不太習(xí)慣