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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
290
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
190
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
250
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
520
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
2.9k
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
210
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
2
740
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
260
次世代のクリエイティブ体験！Photoshopの最新機能で新しい未来を切り開こう
Avatar for コネクリ connecre
0
120
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.1k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
190
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON Design vivion
6
14k

Featured

See All Featured
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
97
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
560
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
43k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
160
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
360
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
310
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

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