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
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
310
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
250
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
120
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
160
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
3
1.5k
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
890
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
2
720
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
120
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
780
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
190
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
3.2k

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
140
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
150
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
480
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
110

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