Upgrade to Pro — share decks privately, control downloads, hide ads and more …

不可不學的 Apple 網站策略樣版

Avatar for Mr.Wuli Mr.Wuli
August 25, 2015
Design
1
190

不可不學的 Apple 網站策略樣版

bazzdesign.com

Avatar for Mr.Wuli

Mr.Wuli

August 25, 2015
Tweet

More Decks by Mr.Wuli

See All by Mr.Wuli
數位音樂軟體 - 入門與解析
Avatar for Mr.Wuli mrwuli
0
250
和弦作曲
Avatar for Mr.Wuli mrwuli
1
470
Logic Pro X 操作畫面初解
Avatar for Mr.Wuli mrwuli
0
22k

Other Decks in Design

See All in Design
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
180
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
0
140
DMMデザイナーの “AI活用の現在と未来”
Avatar for TakumaS takumasaito
1
240
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
200
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
150
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
530
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
240
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
360
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
840
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.2k
Liquid GlassとApp Intents
Avatar for touyou touyou
0
590
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k

Featured

See All Featured
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
210
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
3
35k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
0
4.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
19k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.5k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
0
320
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
92
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
70

Transcript

  1. - BazzDesugn - 設計網站 （從企劃開始）

  2. 網頁資訊多元

  3. 反而找不到需要的內容...

  4. 需求有哪些？

  5. B Ａ 不同類型的消費者，需求也不同

  6. B A B Ａ 錯誤的商品資訊無法滿⾜足需求

  7. 針對需求提供 商品產品資訊

  8. Ａ Ｂ B Ａ 根據需求提供商品，拉近與顧客的關係

  9. 規劃瀏覽方式

  10. A Ｂ Slider 越是複雜的資訊，越需要規劃

  11. 分流瀏覽 (導入正確的資訊頁面)

  12. 需求B 需求A A Ｂ Slider 如何讓顧客快速找到想要的資訊,
 是網站需要具備的基本功能!

  13. 消費者用什麼裝置？

  14. 不同的裝置,
 也代表著不同的瀏覽⽅方式..

  15. 網站是否提供
 舒適體驗？

  16. 傳統的網站設計,
 在⼿手機、 平板上容易造成 “瀏覽上的不便”..

  17. 針對行動裝置 設計網頁內容

  18. 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 根據不同的裝置,
 網站需要更多的規劃與設計!

  19. 簡化訊息 圖 > 表 > 文

  20. ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 ⽂文⽂文⽂文⽂文⽂文 簡化訊息能幫助顧客快速獲得需要的資訊!

  21. 流程規劃 1 個畫面 = 1個主題

  22. A A 商品 > 優勢 > 成果 > ⾏行動

  23. None