SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 30 day free trial to unlock unlimited reading.
22.
02.網站設計的過程a.前期研究
⼀一⾴頁滾動式加上視差滾動效果
Sony tinke 53
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 型佈局
!
不⽌止因為排版好看,更利⽤用巧妙的佈局,讓使⽤用
者不知不覺瀏覽更多的訊息,增加使⽤用者繼續瀏
覽的意願。︒
!