簡書?重設計

注一:本文本著「寫完一篇文章再砍掉一半」的原則,不必要的解釋和說明都沒有詳細展開。

看不清請點開大圖~


簡書 for iOS 大版本升級后,多了很多新功能的同時更多的是痛點。在 App Store 中介紹自己的定位是「內容分享社區」,但我在使用過程中,感覺它卻并沒有做到一個「內容社區」該有的樣子。

每每翻看時,只感覺到處都是文章,毫無頭緒不知該點哪里。簡書 for iOS 把所有文章都揉在一個紙簍里,然后砸到了我臉上。

作為內容先行的 App,用戶在使用時應該被滿足四點:

  1. 快速找到自己感興趣的內容
  1. 快速進入閱讀
  2. 查看動態
  3. 接收通知

App 已知缺陷:

  1. 邏輯紊亂
  1. 結構冗余
  2. 操作繁瑣
  3. 內容展示低效
1. 邏輯紊亂

打開 App 首頁,可以輕掃屏幕來切換內容分類,但進入其他頁面時,該手勢又用于在一個類 Scroll bar 里切換,在「簡友圈」中也是在類 Scroll bar 中切換。如圖:

手勢沖突

那么,在首頁的類 Scroll bar 中,只能去點擊它們切換,這完全破壞了操作的「一致性」,使我頻繁誤操作。

再者,首頁中「我的關注」這一欄我看了半天才反應過來那是我訂閱的專題的動態:

結構邏輯混亂

難道這些更新的文章不該在「簡友圈」(相當于動態)中嗎?


2. 結構冗余 & 操作繁瑣

把這兩個放在一起,因為它們之間是相互作用的。

第一次點開「消息」,被驚到了:

結構冗余

查看消息首先得停頓一下選一個種類,然后再分別點進去,然后再返回,然后再看下一個種類...

第一次點開「我的」,也被驚到了:

多余的入口

「我的」頁面中,下方自然是自己的動態,并不需要再有一個「動態」。

不知所措

同樣,這些信息不管主次直接全部塞到一個 bar 里面,也和「消息」一樣讓人不知所措,甚至,還有一個「更多」。

入口太多

以及,tab bar 上有五個入口,這實在太多了。


3. 內容展示低效

「主頁」中的文章歸屬專題并不會為讀者帶來更多地有效信息,也無法讓用戶快速進入閱讀。

多余展示

內容展示低效是前面所有已述缺陷帶來的共同后果,結構冗余、邏輯混亂、操作繁瑣必然帶來低效。

同時,簡書為用戶們帶來了共 30 種細分分類,看似扁平的結構其實非常低效,一股腦塞給用戶,讓人無法快速找到自己感興趣的內容,如圖:

扁平卻低效一

同時做了一張思維導圖展示簡書的扁平結構:

扁平卻低效二

我畫了一個總圖去展示以上提到的缺陷(看不清點擊大圖):

缺陷概覽

App 重設計

考慮到簡書作為一個「內容為王」的 App,

重設計的最大目標和目的就是:高效展示內容,一切為內容服務。

1. 精簡結構

首先看一張重設計的結構圖:

精簡結構

改進動作:

  1. 減少入口,減為四個,將「我」提至 Navigation bar。
  1. 「主頁」以 Timeline 的形式展示排名,「今日」、「一周」、「一月」整合。將「搜索」納入主頁。
  1. 「發現」頁面減少種類,將「今日看點」納入「發現」。「發現頁面」專注于「快速獲得感興趣的內容」。
減少入口
Timeline

同時,取消首頁的類 Scroll bar,以 Timeline 的形式展現內容。引導、暗示用戶只需要看文章,不需要分散注意力。

減少分散注意力

「發現」頁面最重要的目的是「快速找到興趣點」,減少專題的注入,如有需要可點擊「更多」;同樣減少「今日看點」分類的注入,如有需要可點擊「分類」:

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

將「簡友圈」更名為「動態」,把原本在「主頁」的「我的關注」納入「動態」;原本混亂的「輕掃」手勢只保留在「動態」頁面,用以在「動作」和「文章」間切換:

改善邏輯
3. 內容高效展示

「消息」結構精簡,使用 hub 的形式展示各種種類的消息,用圖表和排版來區分。

不同種類的信息給出明確不同的展示形式,高效展示高效吸收,讓用戶輕松區分:

不同的展示形式

「我」的頁面也是一樣,「輕掃」來展示更多信息:

高效展示
全貌

至此,重設計結束。考慮到「內容優先」,沒有過多更改已有的風格,保持簡單樸素的風格,將內容更好的呈現出來才是最重要的目的。

注二:本文所有圖文(除了截圖)皆為原創,版權完全歸我本人所有。如有未經允許的「任何部分或全部」的轉載、抄襲、盜用,全部默認為:您已同意并接受給我本人 3 萬元。本文「發布」時間:2015 年 04 月 24 號 19:19。

完。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內容