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

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

Mr.Wuli
August 25, 2015
Design
1
160

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

bazzdesign.com

Mr.Wuli

August 25, 2015
Tweet

More Decks by Mr.Wuli

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

Other Decks in Design

See All in Design
Ah, tu peux faire ça en CSS maintenant ? (version listing)
goetter
2
1.8k
サービスピボット時におけるデザイナーの役割
vivion
0
900
Grub
rottentwinkies
1
360
「Social Food‐Drive」福祉的な食料支援のしくみづくり中間レポート
koshiba_noriaki
1
170
Kurashiru Brand Guideline
delyinc
0
3k
Storyboard1
zadoraba
1
130
Maroon Storyboards
sarahvanderark
0
110
モンストの組織とUIデザイナー業務の紹介
mixil
0
510
Designship2022 デザインエンジニアが語る、隣接領域を学ぶということ
unotovive
2
1.5k
ARコンテンツの考え方 - クリエイターでなくても「おもしろい」ARコンテンツを制作したい！
1901drama
0
340
Odyssey Design
rkendrick25
0
140
Mimi
kignato1
0
520

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
12
1.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
38
3.6k
GraphQLとの向き合い方2022年版
quramy
20
9.9k
How to train your dragon (web standard)
notwaldorf
66
4.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
2
400
The Invisible Side of Design
smashingmag
292
48k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Into the Great Unknown - MozCon
thekraken
2
290
Git: the NoSQL Database
bkeepers
PRO
419
60k
Designing the Hi-DPI Web
ddemaree
273
32k
Agile that works and the tools we love
rasmusluckow
320
20k
The Web Native Designer (August 2011)
paulrobertlloyd
76
2.2k

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