Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
不可不學的 Apple 網站策略樣版
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Mr.Wuli
August 25, 2015
Design
210
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
不可不學的 Apple 網站策略樣版
bazzdesign.com
Mr.Wuli
August 25, 2015
More Decks by Mr.Wuli
See All by Mr.Wuli
數位音樂軟體 - 入門與解析
mrwuli
0
260
和弦作曲
mrwuli
1
480
Logic Pro X 操作畫面初解
mrwuli
0
22k
Other Decks in Design
See All in Design
ISO 9241-171:2025っていうのがあってな
shosira
1
320
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
260
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
accessinnovations
0
180
設計の進め方と 品質特性品質特性
harakeishi
0
1.3k
Look Dev Meetup #50
baku89
1
510
Frontier
rwang05
0
230
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
110
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
180
Of Ordination and Rebellion exploration sketches
rezaline
0
220
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.9k
Jun Wei Portfolio 2026
wjw100788
PRO
1
320
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
680
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
58k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
920
Facilitating Awesome Meetings
lara
57
7.1k
Code Review Best Practice
trishagee
74
20k
Discover your Explorer Soul
emna__ayadi
2
1.3k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
3
4.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.2k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
540
The World Runs on Bad Software
bkeepers
PRO
72
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
540
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