23. 02.網站設計的過程a.前期研究
a. 前期研究
1. 網站設計趨勢( Web Design Trends )
!
2. 使⽤用者經驗研究( User Experience )
!
3. 釐清思緒
!
24. 02.網站設計的過程a.前期研究
使⽤用者經驗研究影響設計
From Yahoo!’s Eye tracking studies:
!
• People scan the main sections of a page to determine what it’s about and whether they
want to stay longer.
!
• They make decisions about the page in as little as three seconds.
!
• If they decide to stay, they pay the most attention to the content in the top part of the
screen.
(資料參考:Understanding the Split Layout in Web Design)
25. 02.網站設計的過程a.前期研究
Z - Layout : Z 型佈局
(資料參考:Understanding the Split Layout in Web Design)
使⽤用者經驗研究影響設計
轉化成
26. ( iPad mini page ) ( Microsoft )
02.網站設計的過程a.前期研究
使⽤用者經驗研究影響設計
Z - Layout : Z 型佈局
!
不⽌止因為排版好看,更利⽤用巧妙的佈局,讓使⽤用
者不知不覺瀏覽更多的訊息,增加使⽤用者繼續瀏
覽的意願。︒
!