阿孫看有物報告

33
阿孫看 : 有物報告 ZH,Sun

Upload: zhsun

Post on 26-Jun-2015

708 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: 阿孫看有物報告

阿孫看 : 有物報告

ZH,Sun

Page 2: 阿孫看有物報告

http://semanticstudios.com/publications/semantics/000029.php

簡單的看 User Experience 的幾個設計觀點… .

這邊可以找到簡單的定義 .

Page 3: 阿孫看有物報告

簡單的說… 會做這樣的分享… 只是希望大家都可以有更好的設計與討論

Page 4: 阿孫看有物報告

而我分享的感受… 則是定義在一個35歲、兩個小孩、近視、長時間用眼的使用者… 的範疇…

Page 5: 阿孫看有物報告

有物報告 , 是一個專業的 content 型的網站 .目前在網站上並無明顯與商業經營相關的功能 .

在開始之前…簡單介紹…

Page 6: 阿孫看有物報告

請注意 !!! 一個專業的 content 型的網站 .Content 就是王道 !! 尤其沒相關商業經營的頁面與流程 , UX 對這網站的比較應該不會太高 .

以金礦 ( 好 content) 與金條 ( 好 content + 好 UX)來比喻消費者觀看網站的感受…應該像這樣…

Page 7: 阿孫看有物報告

基本上… 我不在乎我拿到的是金礦…

Page 8: 阿孫看有物報告

還是金條…

Page 9: 阿孫看有物報告

還是金條…

… 您說是吧 ~

Page 10: 阿孫看有物報告

嗯 , 大家就在這樣的認知下 , 繼續看下去吧 ~

Page 11: 阿孫看有物報告

這是…有物報告的首頁…

小提醒 :寬螢幕的時候 ,

定位跑掉了 .

Page 12: 阿孫看有物報告

第一屏 ( 大陸用語 ) 有幾個任務… 在我的概念中

Findable

Accessible

Valuable

我可以快速地掌握到這網站中的各樣內容

這個網站的獨特價值性在哪 ?會帶一點行銷意涵在其中

我可以有很方便 / 快速的方法找到我想看的文章

Page 13: 阿孫看有物報告

今天只分享這個部分…

Accessible我可以快速地掌握到這網站中的各樣內容

對 ! 我還是從這邊開始 .

Page 14: 阿孫看有物報告

我可以快速地掌握到這網站中的各樣內容

從 Accessible 來看…

我們先來假設一個情境…除了看放在首頁上的最新文章…讀者要怎麼進行其他文章的瀏覽 ?

Menu1 Search2

More3 對 ! 你看不到 more, 因為首頁是用最新文章作呈現 . 所以

不會有經過意義上分類的more.

Page 15: 阿孫看有物報告

我可以快速地掌握到這網站中的各樣內容

從 Accessible 的 Path 來看…

首頁

搜尋

Menu

最新文章

首頁

搜尋

Menu

最新文章

Sub-Menu

熱門文章

作者專欄主打Issue

一般 content 型的首頁

分類文章

Page 16: 阿孫看有物報告

我可以快速地掌握到這網站中的各樣內容

從 Accessible 的 Path 來看…

首頁

搜尋

Menu

最新文章

Sub-Menu

熱門文章

作者專欄主打Issue

一般 content 型的首頁

分類文章

所點出的問題…

內容分類架構僅一階層 . 讀者對網站架構掌握度不高

Fb 推薦 > 自行在網站上瀏覽

品味網站內容的途徑單一

行銷 content 的概念少

Page 17: 阿孫看有物報告

讀者 : 我不在乎我拿到的是金礦…還是金條

… 我知道 ~

Page 18: 阿孫看有物報告

我可以快速地掌握到這網站中的各樣內容

從 Accessible 的 Path 來看…

所點出的問題…

內容分類架構僅一階層 . 讀者對網站架構掌握度不高

Fb 推薦 > 自行在網站上瀏覽

品味網站內容的途徑單一

行銷 content 的概念少

所造成的問題 (猜的 )

站內行銷效果不佳(就是自行瀏覽的情況不高 )

Page 19: 阿孫看有物報告

我可以快速地掌握到這網站中的各樣內容

從 Accessible 的 Path 來看…

所點出的問題…

內容分類架構僅一階層 . 讀者對網站架構掌握度不高

Fb 推薦 > 自行在網站上瀏覽

品味網站內容的途徑單一

行銷 content 的概念少

All You need to do is

Output: new menu

http://nform.com/tradingcards/card-sort

Page 20: 阿孫看有物報告

良好的 Menu 就是對網站內文章分類架構的良好掌握 .(ps:良好是指兩層Menu)

很自然的 , 在這良好的掌握下 ,首頁可以有哪些資訊區塊就很容易規劃了 .

熱門文章

作者專欄主打Issue

分類文章

Page 21: 阿孫看有物報告

Card sort & 改首頁茲事體大…有沒有簡單一點的方法呢

?

Page 22: 阿孫看有物報告

Card sort & 改首頁茲事體大…有沒有簡單一點的方法呢 ?

有 !!但不是在首頁處理

Page 23: 阿孫看有物報告

但線索在首頁…

Page 24: 阿孫看有物報告

但線索在首頁…

有物報告資訊串接的潛在架構是

關鍵字 .但我不確定他們內部稱作什麼 ~ keyword or?

但 ! 不是單篇文章中的 TAGS

Page 25: 阿孫看有物報告

如何使用關鍵字 ?

Page 26: 阿孫看有物報告

首頁

Menu

清單

在清單頁面…

Page 27: 阿孫看有物報告

首頁

Menu

清單

在清單頁面加上 關鍵字的篩選功能…( 代替過大的 Menu 分類 )

文化 書評 領袖 創業

Click 進行篩選 , 增加使用者的掌控性 , 易於瀏覽

關鍵字過多時 , 抓 top15 或有縮合的進階查詢 .

Page 28: 阿孫看有物報告

如何使用關鍵字 ?

Refine Search的變形 .

Page 29: 阿孫看有物報告

Others…

對 TAG 沒什麼意見…

這邊的相關文章可以改成熱

門文章之類的 ...

因為文章下方已經有相關文章了 . Ps:

有小圖顯是更好

Page 30: 阿孫看有物報告

Others…會說「對 TAG 沒什麼意見…」其實是因為知道站長對於內容有心經營,

所以很期待更多「系列化 / 主題化」的精華區,像是印象中 36kr 就有以某間公司為主題的相關文章集

合 .

Page 31: 阿孫看有物報告

Others…

只用 Facebook留言 . 也可以用 word press內建的留言 , 才會收到通知 , 才方便互動

留言 .

Page 32: 阿孫看有物報告

Others…Menu 中有些是文章分類 , 有些是靜態資訊整理 , 可以在順序上有所區別 , 不要都

放在一起 .

作者群都很有代表性 . 可獨立在首

頁某個區塊 .

Page 33: 阿孫看有物報告

嗯嗯… 快逃 !!!

The End.