簡(jiǎn)書(shū)?重設(shè)計(jì)

注一:本文本著「寫完一篇文章再砍掉一半」的原則子眶,不必要的解釋和說(shuō)明都沒(méi)有詳細(xì)展開(kāi)。

看不清請(qǐng)點(diǎn)開(kāi)大圖~


簡(jiǎn)書(shū) for iOS 大版本升級(jí)后冗恨,多了很多新功能的同時(shí)更多的是痛點(diǎn)弦赖。在 App Store 中介紹自己的定位是「內(nèi)容分享社區(qū)」戚哎,但我在使用過(guò)程中,感覺(jué)它卻并沒(méi)有做到一個(gè)「內(nèi)容社區(qū)」該有的樣子嫂用。

每每翻看時(shí)型凳,只感覺(jué)到處都是文章,毫無(wú)頭緒不知該點(diǎn)哪里嘱函。簡(jiǎn)書(shū) for iOS 把所有文章都揉在一個(gè)紙簍里啰脚,然后砸到了我臉上。

作為內(nèi)容先行的 App实夹,用戶在使用時(shí)應(yīng)該被滿足四點(diǎn):

  1. 快速找到自己感興趣的內(nèi)容
  1. 快速進(jìn)入閱讀
  2. 查看動(dòng)態(tài)
  3. 接收通知

App 已知缺陷:

  1. 邏輯紊亂
  1. 結(jié)構(gòu)冗余
  2. 操作繁瑣
  3. 內(nèi)容展示低效
1. 邏輯紊亂

打開(kāi) App 首頁(yè)橄浓,可以輕掃屏幕來(lái)切換內(nèi)容分類,但進(jìn)入其他頁(yè)面時(shí)亮航,該手勢(shì)又用于在一個(gè)類 Scroll bar 里切換荸实,在「簡(jiǎn)友圈」中也是在類 Scroll bar 中切換。如圖:

手勢(shì)沖突

那么缴淋,在首頁(yè)的類 Scroll bar 中准给,只能去點(diǎn)擊它們切換,這完全破壞了操作的「一致性」重抖,使我頻繁誤操作露氮。

再者,首頁(yè)中「我的關(guān)注」這一欄我看了半天才反應(yīng)過(guò)來(lái)那是我訂閱的專題的動(dòng)態(tài):

結(jié)構(gòu)邏輯混亂

難道這些更新的文章不該在「簡(jiǎn)友圈」(相當(dāng)于動(dòng)態(tài))中嗎钟沛?


2. 結(jié)構(gòu)冗余 & 操作繁瑣

把這兩個(gè)放在一起畔规,因?yàn)樗鼈冎g是相互作用的。

第一次點(diǎn)開(kāi)「消息」恨统,被驚到了:

結(jié)構(gòu)冗余

查看消息首先得停頓一下選一個(gè)種類叁扫,然后再分別點(diǎn)進(jìn)去,然后再返回畜埋,然后再看下一個(gè)種類...

第一次點(diǎn)開(kāi)「我的」莫绣,也被驚到了:

多余的入口

「我的」頁(yè)面中,下方自然是自己的動(dòng)態(tài)悠鞍,并不需要再有一個(gè)「動(dòng)態(tài)」对室。

不知所措

同樣,這些信息不管主次直接全部塞到一個(gè) bar 里面咖祭,也和「消息」一樣讓人不知所措掩宜,甚至,還有一個(gè)「更多」心肪。

入口太多

以及锭亏,tab bar 上有五個(gè)入口,這實(shí)在太多了硬鞍。


3. 內(nèi)容展示低效

「主頁(yè)」中的文章歸屬專題并不會(huì)為讀者帶來(lái)更多地有效信息慧瘤,也無(wú)法讓用戶快速進(jìn)入閱讀戴已。

多余展示

內(nèi)容展示低效是前面所有已述缺陷帶來(lái)的共同后果,結(jié)構(gòu)冗余锅减、邏輯混亂糖儡、操作繁瑣必然帶來(lái)低效。

同時(shí)怔匣,簡(jiǎn)書(shū)為用戶們帶來(lái)了共 30 種細(xì)分分類握联,看似扁平的結(jié)構(gòu)其實(shí)非常低效,一股腦塞給用戶每瞒,讓人無(wú)法快速找到自己感興趣的內(nèi)容金闽,如圖:

扁平卻低效一

同時(shí)做了一張思維導(dǎo)圖展示簡(jiǎn)書(shū)的扁平結(jié)構(gòu):

扁平卻低效二

我畫(huà)了一個(gè)總圖去展示以上提到的缺陷(看不清點(diǎn)擊大圖):

缺陷概覽

App 重設(shè)計(jì)

考慮到簡(jiǎn)書(shū)作為一個(gè)「內(nèi)容為王」的 App,

重設(shè)計(jì)的最大目標(biāo)和目的就是:高效展示內(nèi)容剿骨,一切為內(nèi)容服務(wù)代芜。

1. 精簡(jiǎn)結(jié)構(gòu)

首先看一張重設(shè)計(jì)的結(jié)構(gòu)圖:

精簡(jiǎn)結(jié)構(gòu)

改進(jìn)動(dòng)作:

  1. 減少入口,減為四個(gè)浓利,將「我」提至 Navigation bar挤庇。
  1. 「主頁(yè)」以 Timeline 的形式展示排名,「今日」贷掖、「一周」嫡秕、「一月」整合。將「搜索」納入主頁(yè)苹威。
  1. 「發(fā)現(xiàn)」頁(yè)面減少種類昆咽,將「今日看點(diǎn)」納入「發(fā)現(xiàn)」⊥郎「發(fā)現(xiàn)頁(yè)面」專注于「快速獲得感興趣的內(nèi)容」潮改。
減少入口
Timeline

同時(shí),取消首頁(yè)的類 Scroll bar腹暖,以 Timeline 的形式展現(xiàn)內(nèi)容。引導(dǎo)翰萨、暗示用戶只需要看文章脏答,不需要分散注意力。

減少分散注意力

「發(fā)現(xiàn)」頁(yè)面最重要的目的是「快速找到興趣點(diǎn)」亩鬼,減少專題的注入殖告,如有需要可點(diǎn)擊「更多」;同樣減少「今日看點(diǎn)」分類的注入雳锋,如有需要可點(diǎn)擊「分類」:

專注「興趣」
2. 改善邏輯

將「簡(jiǎn)友圈」更名為「動(dòng)態(tài)」黄绩,把原本在「主頁(yè)」的「我的關(guān)注」納入「動(dòng)態(tài)」;原本混亂的「輕掃」手勢(shì)只保留在「動(dòng)態(tài)」頁(yè)面玷过,用以在「動(dòng)作」和「文章」間切換:

改善邏輯
3. 內(nèi)容高效展示

「消息」結(jié)構(gòu)精簡(jiǎn)爽丹,使用 hub 的形式展示各種種類的消息筑煮,用圖表和排版來(lái)區(qū)分。

不同種類的信息給出明確不同的展示形式粤蝎,高效展示高效吸收真仲,讓用戶輕松區(qū)分:

不同的展示形式

「我」的頁(yè)面也是一樣,「輕掃」來(lái)展示更多信息:

高效展示
全貌

至此初澎,重設(shè)計(jì)結(jié)束秸应。考慮到「內(nèi)容優(yōu)先」碑宴,沒(méi)有過(guò)多更改已有的風(fēng)格软啼,保持簡(jiǎn)單樸素的風(fēng)格,將內(nèi)容更好的呈現(xiàn)出來(lái)才是最重要的目的延柠。

注二:本文所有圖文(除了截圖)皆為原創(chuàng)祸挪,版權(quán)完全歸我本人所有。如有未經(jīng)允許的「任何部分或全部」的轉(zhuǎn)載捕仔、抄襲匕积、盜用,全部默認(rèn)為:您已同意并接受給我本人 3 萬(wàn)元榜跌。本文「發(fā)布」時(shí)間:2015 年 04 月 24 號(hào) 19:19闪唆。

完。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末钓葫,一起剝皮案震驚了整個(gè)濱河市悄蕾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌础浮,老刑警劉巖帆调,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異豆同,居然都是意外死亡番刊,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門影锈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)芹务,“玉大人,你說(shuō)我怎么就攤上這事鸭廷≡姹В” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵辆床,是天一觀的道長(zhǎng)佳晶。 經(jīng)常有香客問(wèn)我米愿,道長(zhǎng)絮重,這世上最難降的妖魔是什么晌梨? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任宦焦,我火速辦了婚禮,結(jié)果婚禮上淤刃,老公的妹妹穿的比我還像新娘晒他。我一直安慰自己,他們只是感情好逸贾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布陨仅。 她就那樣靜靜地躺著,像睡著了一般铝侵。 火紅的嫁衣襯著肌膚如雪灼伤。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,155評(píng)論 1 299
  • 那天咪鲜,我揣著相機(jī)與錄音狐赡,去河邊找鬼。 笑死疟丙,一個(gè)胖子當(dāng)著我的面吹牛颖侄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播享郊,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼览祖,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了炊琉?” 一聲冷哼從身側(cè)響起展蒂,我...
    開(kāi)封第一講書(shū)人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎苔咪,沒(méi)想到半個(gè)月后锰悼,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡团赏,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年箕般,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片舔清。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡隘世,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鸠踪,到底是詐尸還是另有隱情,我是刑警寧澤复斥,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布营密,位于F島的核電站,受9級(jí)特大地震影響目锭,放射性物質(zhì)發(fā)生泄漏评汰。R本人自食惡果不足惜纷捞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望被去。 院中可真熱鬧主儡,春花似錦、人聲如沸惨缆。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)坯墨。三九已至寂汇,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間捣染,已是汗流浹背骄瓣。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留耍攘,地道東北人榕栏。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蕾各,于是被迫代替她去往敵國(guó)和親扒磁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

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