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
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
160
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
AIで加速するアクセシビリティのこれから
magi1125
4
670
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
660
佐藤千晶|ポートフォリオ
chimi_chia
0
120
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
270
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
290
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
250
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
370
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
120
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
340
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Docker and Python
trallard
45
3.6k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Building Adaptive Systems
keathley
43
2.7k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
A better future with KSS
kneath
239
17k
For a Future-Friendly Web
brad_frost
180
9.9k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
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