Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Designing with Content-First

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

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
60

Other Decks in Design

See All in Design
mount_company_profile
Avatar for mount inc. mount_inc
0
4.1k
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
510
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
610
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
120
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
350
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
330
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
240
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
230
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.5k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
840
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
170
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
130

Featured

See All Featured
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
0
1.3k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
1.9k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
230
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
31
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
170
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
0
370
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k

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