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

Designing with Content-First

Avatar for Andy Parker Andy Parker
November 05, 2014
Design
3
57

Designing with Content-First

Avatar for Andy Parker

Andy Parker

November 05, 2014
Tweet

More Decks by Andy Parker

See All by Andy Parker
Enhance Enhance
Avatar for Andy Parker avangelist
0
64
Storytelling with Photography
Avatar for Andy Parker avangelist
0
57

Other Decks in Design

See All in Design
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
160
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for Arai ataxi1003
0
550
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
510
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
250
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
220
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
730
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
280
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
3.3k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
280
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
370
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
150

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
KATA
Avatar for Megan Lloyd mclloyd
32
14k

Transcript

  1. Designing Content-first

  2. Clearle

  3. None
  4. None
  5. None
  6. None

  7. Layering web technologies so that the content is always accessible,

    regardless of access method, connectivity, software, or hardware being used. Progressive Enhancement

  8. Projects fail before they start

  9. RFP Pitch Deck (about us) Photoshop Comps of homepage Win

    project Slowly unravels and we pray for the end Radically different design Unhappy customer Bad Experience

  10. Don’t make decisions on this alone

  11. None

  12. User Experience Design

  13. Web Design = HTML, CSS (javascript..maybe)

  14. We need to work together

  15. Not Just Visual Design

  16. Why why why why why why why why why why

    why

  17. Put things into context

  18. Stakeholder interview findings

  19. Frequently Asked Questions = Your site content.

  20. User Centred Design = All Users

  21. None
  22. None
  23. None
  24. None

  25. Information Architecture Bottom-up

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None

  33. Information Architecture Bubbling Up

  34. Hub and spoke: richard rutter

  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None

  44. It’s not just this that makes bad experiences

  45. None
  46. None

  47. We are no longer looking at just another website

  48. Layering web technologies so that the content is always accessible,

    regardless of access method, connectivity, software, or hardware being used. Layering web technologies so that the content is always accessible, regardless of access method, connectivity, software, or hardware being used.

  49. Come play XboxOne: AvangelistXMB Twitter: theavangelist clearleft.com