$30 off During Our Annual Pro Sale. View Details »
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
250
和弦作曲
mrwuli
1
470
Logic Pro X 操作畫面初解
mrwuli
0
22k
Other Decks in Design
See All in Design
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
150
What makes a great Director?
_limex_
0
350
Ralph Penel Portfolio
ralphpenel
PRO
0
120
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
190
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
770
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.6k
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
390
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
130
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
790
ドルちゃん
design_dolphins
0
500
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
1
380
Featured
See All Featured
Thoughts on Productivity
jonyablonski
73
5k
Building Adaptive Systems
keathley
44
2.9k
Scaling GitHub
holman
464
140k
A Tale of Four Properties
chriscoyier
162
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Fireside Chat
paigeccino
41
3.7k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Documentation Writing (for coders)
carmenintech
76
5.2k
KATA
mclloyd
PRO
32
15k
A designer walks into a library…
pauljervisheath
210
24k
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