Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
不可不學的 Apple 網站策略樣版
Search
Mr.Wuli
August 25, 2015
Design
1
180
不可不學的 Apple 網站策略樣版
bazzdesign.com
Mr.Wuli
August 25, 2015
Tweet
Share
More Decks by Mr.Wuli
See All by Mr.Wuli
數位音樂軟體 - 入門與解析
mrwuli
0
240
和弦作曲
mrwuli
1
460
Logic Pro X 操作畫面初解
mrwuli
0
22k
Other Decks in Design
See All in Design
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
260
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
450
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
100
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
760
PF_濵村ひろみ_202503
maru_design78
0
180
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
Liquid Iron
mcduckyart
1
110
freee + Product Design FY25Q4
freee
4
14k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
CIRCULAR ECONOMY + SERVICES
jmanooch
0
120
#Dubois Challenge 2025: Economics
ajstarks
0
130
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
110
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Visualization
eitanlees
146
16k
Rails Girls Zürich Keynote
gr2m
95
14k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Code Review Best Practice
trishagee
69
18k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Transcript
- BazzDesugn - 設計網站 (從企劃開始)
網頁資訊多元
反而找不到需要的內容...
需求有哪些?
B A 不同類型的消費者,需求也不同
B A B A 錯誤的商品資訊無法滿⾜足需求
針對需求提供 商品產品資訊
A B B A 根據需求提供商品,拉近與顧客的關係
規劃瀏覽方式
A B Slider 越是複雜的資訊,越需要規劃
分流瀏覽 (導入正確的資訊頁面)
需求B 需求A A B Slider 如何讓顧客快速找到想要的資訊, 是網站需要具備的基本功能!
消費者用什麼裝置?
不同的裝置, 也代表著不同的瀏覽⽅方式..
網站是否提供 舒適體驗?
傳統的網站設計, 在⼿手機、 平板上容易造成 “瀏覽上的不便”..
針對行動裝置 設計網頁內容
iPhone 6 - 375 x 667 iPhone 6 Plus -
414 x 736 iPad - 1024 x 768 Mac & PC - 1024 x 768 Mac & PC - 1920 x 1200 iPad mini - 1024 x 768 根據不同的裝置, 網站需要更多的規劃與設計!
簡化訊息 圖 > 表 > 文
⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 簡化訊息能幫助顧客快速獲得需要的資訊!
流程規劃 1 個畫面 = 1個主題
A A 商品 > 優勢 > 成果 > ⾏行動
None