微信讀書交互重設(shè)計(jì)

前言:正如微信讀書的官宣——讓閱讀不再孤單拆宛。微信讀書延續(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)框架圖:

微信讀書結(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é)目。

FM42|3

3涩澡、讀書界面按鈕太多顽耳,顯得很雜亂。如圖妙同,當(dāng)電臺(tái)在播放時(shí)射富,可以看到z軸懸浮3個(gè)按鈕,同時(shí)頁(yè)眉與頁(yè)腳分別有4個(gè)按鈕粥帚,且一些按鈕展開后還有更多功能胰耗。面對(duì)這么多的按鈕,有一些按鈕還難以區(qū)分芒涡,用戶使用起來(lái)成本較高柴灯,這時(shí)需要更清晰的邏輯。

讀書界面

首先將讀書頁(yè)面的所有功能整理如下:

讀書界面結(jié)構(gòu)框架

改進(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)想法

將“相關(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à)貌嫡。

書評(píng)

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ù)顯得臃腫多余溪北。

書評(píng)

但進(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)框架如圖所示:

讀書界面結(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)航壮锻。

手勢(shì)操作

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)。

隱私設(shè)置

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ǔ)充蕊玷!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末心赶,一起剝皮案震驚了整個(gè)濱河市扣讼,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌缨叫,老刑警劉巖椭符,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異耻姥,居然都是意外死亡销钝,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門琐簇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蒸健,“玉大人,你說我怎么就攤上這事婉商∷朴牵” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵丈秩,是天一觀的道長(zhǎng)盯捌。 經(jīng)常有香客問我,道長(zhǎng)蘑秽,這世上最難降的妖魔是什么饺著? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮肠牲,結(jié)果婚禮上幼衰,老公的妹妹穿的比我還像新娘。我一直安慰自己埂材,他們只是感情好塑顺,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般严拒。 火紅的嫁衣襯著肌膚如雪扬绪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天裤唠,我揣著相機(jī)與錄音挤牛,去河邊找鬼。 笑死种蘸,一個(gè)胖子當(dāng)著我的面吹牛墓赴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播航瞭,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼诫硕,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了刊侯?” 一聲冷哼從身側(cè)響起章办,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎滨彻,沒想到半個(gè)月后藕届,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡亭饵,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年休偶,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辜羊。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡踏兜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出只冻,到底是詐尸還是另有隱情庇麦,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布喜德,位于F島的核電站,受9級(jí)特大地震影響垮媒,放射性物質(zhì)發(fā)生泄漏舍悯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一睡雇、第九天 我趴在偏房一處隱蔽的房頂上張望萌衬。 院中可真熱鬧,春花似錦它抱、人聲如沸秕豫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)混移。三九已至祠墅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間歌径,已是汗流浹背毁嗦。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留回铛,地道東北人狗准。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像茵肃,于是被迫代替她去往敵國(guó)和親腔长。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

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