前言:正如微信讀書的官宣——讓閱讀不再孤單拆宛。微信讀書延續(xù)了微信一貫的社交性 ,弱化了電商屬性的書城键袱,更多聚焦于認(rèn)真讀書燎窘、發(fā)現(xiàn)好書以及讀書交流方面。在眾多讀書APP中蹄咖,像一股清流褐健,沒有太濃的商業(yè)氣息。界面簡(jiǎn)約清爽澜汤,操作簡(jiǎn)單蚜迅。當(dāng)然也存在書籍太少等問題,該問題不在本次設(shè)計(jì)范圍內(nèi)俊抵。本文將從一些交互細(xì)節(jié)對(duì)微信讀書進(jìn)行重設(shè)計(jì)谁不。
軟件版本:微信讀書2.2.0
使用設(shè)備:iphone7
操作系統(tǒng):ios11.1.1
體驗(yàn)時(shí)間:2017-11-22
以下為微信讀書的結(jié)構(gòu)框架圖:
1、操作按鈕位置混亂徽诲。最下面的操作欄順序不是很合理刹帕,建議將刪除調(diào)至最左邊,私密閱讀在中間馏段,移動(dòng)在最右邊轩拨,比較符合直覺的操作習(xí)慣。
用戶可以對(duì)在架書籍進(jìn)行自定義分組院喜,其中“歸檔”是默認(rèn)的分組亡蓉,可以往分組里添加書籍。如圖喷舀,當(dāng)分組內(nèi)沒有書籍時(shí)砍濒,右上角是“修改分組”,里面的操作包括“修改分組名”和“刪除分組”硫麻。當(dāng)分組內(nèi)有書籍時(shí)爸邢,右上角是“編輯”,點(diǎn)擊以后變成左上角“修改分組”拿愧、右上角“取消”杠河。但從書架頁(yè)面(第一張圖)可以看到,點(diǎn)擊編輯后浇辜,左上角變?yōu)槿∠?即按鈕的位置是不規(guī)律的券敌,不符合尼爾森有用性原則中的一致性原則。
建議將分組的“修改分組”與“取消”交換位置柳洋,就會(huì)與之前的操作位置相一致待诅,避免用戶產(chǎn)生困惑和誤操作。
除此之外熊镣,想要分組書籍卑雁,只能通過“書架-編輯-移動(dòng)”募书,建議可以在分組內(nèi)直接添加書籍,點(diǎn)擊添加测蹲,打開書架內(nèi)未分組的圖書莹捡,通過勾選加入此分組。
修改后如下圖所示:
2弛房、發(fā)現(xiàn)頁(yè)右上角的FM42|3入口不是很明顯道盏,看上去像是個(gè)標(biāo)簽或者logo而柑,并且文捶,大部分用戶不知道FM42|3的含義(包括本人)。建議修改為一個(gè)icon媒咳,讓人明白是可點(diǎn)擊的粹排,然后里面的內(nèi)容是一些電臺(tái)節(jié)目。
3涩澡、讀書界面按鈕太多顽耳,顯得很雜亂。如圖妙同,當(dāng)電臺(tái)在播放時(shí)射富,可以看到z軸懸浮3個(gè)按鈕,同時(shí)頁(yè)眉與頁(yè)腳分別有4個(gè)按鈕粥帚,且一些按鈕展開后還有更多功能胰耗。面對(duì)這么多的按鈕,有一些按鈕還難以區(qū)分芒涡,用戶使用起來(lái)成本較高柴灯,這時(shí)需要更清晰的邏輯。
首先將讀書頁(yè)面的所有功能整理如下:
改進(jìn)意見:
a费尽、“語(yǔ)音朗讀 ”和“聽書 ”這兩個(gè)功能會(huì)使人困惑赠群。筆者一開始誤以為是同一個(gè)功能,后來(lái)發(fā)現(xiàn)語(yǔ)音朗讀只是對(duì)文章的朗讀旱幼,而聽書是語(yǔ)音書評(píng)查描。這兩個(gè)按鈕在同一頁(yè)面放開很容易混淆,合并在一起性質(zhì)又不一樣柏卤。對(duì)此冬三,筆者認(rèn)為可以將聽書功能與文字書評(píng)合并,都是書評(píng)闷旧,只不過形式有所差異(一個(gè)文字长豁、一個(gè)語(yǔ)音)。從而使“語(yǔ)音朗讀”和“聽書”不在同一個(gè)層級(jí)呈現(xiàn)忙灼,避免誤解匠襟。
文字書評(píng)是通過“相關(guān)想法”功能實(shí)現(xiàn)的钝侠,“相關(guān)想法”入口較深,被收在讀書界面右上角的“更多”里酸舍∷停“相關(guān)想法”包括精彩想法和好友想法,其中精彩想法是按章節(jié)順序呈現(xiàn)的啃勉,如圖忽舟。
將“相關(guān)想法”功能與“聽書”功能結(jié)合,筆者對(duì)頁(yè)面進(jìn)行重設(shè)計(jì)如下圖所示淮阐。新功能命名為“書評(píng)”叮阅,點(diǎn)擊進(jìn)入有三大模塊“聽書”、“精彩想法”和“點(diǎn)評(píng)書籍”泣特,聽書頁(yè)面與原頁(yè)面相似浩姥;精彩想法包括好友想法和網(wǎng)友想法。相比現(xiàn)有內(nèi)容以瀑布流為呈現(xiàn)方式状您,筆者將內(nèi)容進(jìn)行了歸類:好友想法在頁(yè)面最上方勒叠,出現(xiàn)一條,剩余的可以點(diǎn)擊展開箭頭查看更多膏孟;網(wǎng)友想法按照文章章節(jié)劃分眯分,每一章呈現(xiàn)5~10條想法,同樣可以查看更多 柒桑”拙觯“點(diǎn)評(píng)書籍”是對(duì)全書的點(diǎn)評(píng),并可以給書籍打分幕垦,按鈕在頁(yè)面右上角丢氢。未點(diǎn)評(píng)狀態(tài)時(shí)為黃色,點(diǎn)擊進(jìn)入評(píng)價(jià)先改;如果已點(diǎn)評(píng)疚察,按鈕將變灰,可點(diǎn)擊仇奶,點(diǎn)擊后顯示“我”的評(píng)價(jià)貌嫡。
b、“今天一起閱讀本書的人 ”功能其實(shí)類似bilibili的當(dāng)前共同觀看人數(shù)该溯。但bilibili僅僅是提供了人數(shù)岛抄,沒有細(xì)致到個(gè)人信息,而微信讀書則是有更濃的社交意味狈茉。頁(yè)面內(nèi)包括“書友”的個(gè)人信息夫椭、閱讀時(shí)長(zhǎng)、筆記氯庆、讀書進(jìn)度以及關(guān)于本書的想法蹭秋。設(shè)想微信讀書是希望能通過共同閱讀來(lái)促進(jìn)交友扰付,再?gòu)纳缃恢写龠M(jìn)讀書。
可以看到仁讨,該功能與“相關(guān)想法”功能有些重復(fù)羽莺,微信讀書的做法是把“相關(guān)想法 ”收在“更多”里。而經(jīng)過a中的改造洞豁,“相關(guān)想法”也就是“書評(píng)”的功能點(diǎn)增加了盐固,不適合再被收起。此時(shí)將作為一個(gè)獨(dú)立的按鈕與“今天一起閱讀本書的人 ”共同出現(xiàn)在一級(jí)頁(yè)面丈挟。所以功能重復(fù)的問題就要用其他方式解決刁卜。
兩者重復(fù)的地方主要在“想法”上,“今天一起閱讀本書的人 ”有關(guān)于本書的想法礁哄,“相關(guān)想法”則更是想法的聚集地长酗,這樣重復(fù)顯得臃腫多余溪北。
但進(jìn)一步分析可知桐绒,“今天一起閱讀本書的人 ”和“書評(píng)”功能側(cè)重點(diǎn)不同,“今天一起閱讀本書的人 ”側(cè)重于人之拨,“書評(píng)”側(cè)重于評(píng)論茉继。所以可以通過弱化“今天一起閱讀本書的人 ”中關(guān)于想法的部分。具體實(shí)現(xiàn)方法是在“今天一起閱讀本書的人 ”頁(yè)面隱藏“關(guān)于本書的想法”蚀乔,然后用戶可以通過點(diǎn)擊名片進(jìn)入個(gè)人主頁(yè)查看他人相關(guān)想法烁竭。
c、當(dāng)前頁(yè)腳有4個(gè)按鈕吉挣,分別是抽屜式導(dǎo)航入口派撕、進(jìn)度條、亮度模式睬魂、字體终吼。亮度模式和字體都是對(duì)閱讀體驗(yàn)的調(diào)整,可以整合到一起氯哮。這樣可以騰出位置放置“書評(píng)”功能际跪。進(jìn)度條使用頻率相對(duì)較高,可以直接顯示出來(lái)喉钢。最終頁(yè)腳改進(jìn)如下:左下角為目錄姆打、書簽、劃線等功能的抽屜式導(dǎo)航入口肠虽,調(diào)整亮度幔戏、顏色、字體税课、字號(hào)統(tǒng)一放在一個(gè)按鈕內(nèi)闲延,“書評(píng)”功能放置在右下角豹缀,進(jìn)度條直接顯示于三個(gè)按鈕上方。
結(jié)合以上修改意見慨代,讀書界面的最終結(jié)構(gòu)框架如圖所示:
(更多中的功能除了“相關(guān)想法”被挪出以外邢笙,其他功能仍保留,這是為了防止例如“點(diǎn)評(píng)書籍”侍匙、“書籍詳情”一類功能入口太深氮惯,降低可用性而做的保險(xiǎn)措施。)
4想暗、微信讀書支持純劃線摘錄妇汗,或者劃線摘錄并寫想法。劃線可以在抽屜式導(dǎo)航中找到说莫,如圖(左)杨箭,但是沒有列出相應(yīng)劃線的想法。這點(diǎn)掌閱做的比較好储狭,把劃線和想法都羅列出來(lái)互婿,讓用戶可以輕松看到自己對(duì)該書的所有想法,用戶體驗(yàn)更好辽狈,如圖(右)慈参。
5、微信讀書可以豐富一些手勢(shì)操作刮萌。如圖為多看閱讀的多種手勢(shì)操作驮配,下拉:添加書簽;上拉:關(guān)閉圖書着茸;雙指左/右滑動(dòng):打開/關(guān)閉抽屜式導(dǎo)航壮锻。
6、語(yǔ)音朗讀時(shí)不能通過點(diǎn)擊任意某句話開始播放涮阔,只能拖動(dòng)進(jìn)度條猜绣,而進(jìn)度條不夠準(zhǔn)確∨煊铮可以參考音樂播放器中點(diǎn)擊相應(yīng)歌詞直接從該句歌詞開始播放的形式途事,長(zhǎng)按某段文字直接從該段文字開始朗讀。
7擅羞、掌閱寫想法可以“所有人可見”尸变,也可以“僅自己可見”。而微信閱讀個(gè)人想法不能選擇“僅自己可見”(私密閱讀的想法是私密的减俏,但公開閱讀的想法無(wú)法進(jìn)行隱私設(shè)置)召烂,需要改進(jìn)。
8娃承、筆者發(fā)現(xiàn)奏夫,閱讀時(shí)選中一段小于14字的文字會(huì)跳出如圖左所示功能條怕篷,包括復(fù)制、劃線酗昼、寫想法廊谓、查詞典、分享和糾錯(cuò)麻削。而當(dāng)選中一段大于等于14字的文字時(shí)會(huì)出現(xiàn)如圖右所示功能條蒸痹,包括復(fù)制、劃線呛哟、寫想法叠荠、錄音、分享和糾錯(cuò)扫责。也就是說字少時(shí)是查詞典榛鼎、字多時(shí)是錄音。這種設(shè)計(jì)應(yīng)該是考慮到查字典時(shí)通常是查字詞鳖孤,所以字?jǐn)?shù)較少者娱。而錄音通常需要錄比較長(zhǎng)的句子。但是這樣的智能切換在實(shí)際操作中容易出現(xiàn)問題淌铐,比如一段話剛好只有13個(gè)字肺然,那就不能錄音了?所以建議按鈕上都呈現(xiàn)出來(lái)腿准,即選中文字后跳出功能條,包括復(fù)制拾碌、劃線吐葱、寫想法、查詞典校翔、錄音弟跑、分享和糾錯(cuò)7個(gè)按鈕。
9防症、掌閱自定義設(shè)置較多孟辑,比如可以設(shè)置行間距、翻頁(yè)方式蔫敲、護(hù)眼模式等饲嗽,但這些屬于比較次要的功能,微信讀書可以在滿足產(chǎn)品大方向的前提下逐漸完善奈嘿。
10貌虾、從產(chǎn)品角度看,?微信讀書定位于讀書社交裙犹,但目前做的遠(yuǎn)遠(yuǎn)不夠尽狠。僅僅是分享想法和好友關(guān)注衔憨,還沒有涉及到讀書群的概念。比如可以開設(shè)作者專欄袄膏,建立一個(gè)由作者為導(dǎo)向的興趣社群践图,書迷們可以在社群內(nèi)互動(dòng)锤悄,交流讀書心得拨拓,甚至可以逐步發(fā)展線下活動(dòng)扫沼。當(dāng)然瓦胎,這也是要看微信讀書的產(chǎn)品定位的阶捆,暫時(shí)是筆者一個(gè)不成熟的設(shè)想酗失。
歡迎批評(píng)指正启具,歡迎補(bǔ)充蕊玷!