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

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

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

不可不學的 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
240
和弦作曲
Avatar for Mr.Wuli mrwuli
1
460
Logic Pro X 操作畫面初解
Avatar for Mr.Wuli mrwuli
0
22k

Other Decks in Design

See All in Design
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
370
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
520
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
560
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
270
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
720
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.3k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
580
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
320
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
PRO
1
24k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
160
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
1
870
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
120

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.7k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
35
6.1k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
5
420
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.7k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k

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