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
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
440
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.5k
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
320
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
1
170
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
190
Liquid Iron
Avatar for Brynn McDucky P. mcduckyart
1
110
Cyber Heart Online Book
Avatar for Hannah hjnasby
0
130
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
370
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
130
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
270
株式会社デイトラ様│コーポレートサイト│コンセプトシート
Avatar for Haruka_CAPEO haruka_capeo
0
2.2k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.7k

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.7k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k

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