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
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
Echoes Boomerang
artcloudyu
PRO
0
250
マンガで分かるサービスデザインガイドライン
senryakuka
1
900
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
520
AIで加速するアクセシビリティのこれから
magi1125
3
560
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
290
DC Style Redesign
mcduckyart
0
130
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
760
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
100
sachi_y_portfolio
sachi337
0
290
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
RailsConf 2023
tenderlove
30
1.1k
Done Done
chrislema
184
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
Fireside Chat
paigeccino
37
3.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
We Have a Design System, Now What?
morganepeng
53
7.7k
A Tale of Four Properties
chriscoyier
160
23k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Unsuck your backbone
ammeep
671
58k
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