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

Designing with Content-First

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Andy Parker Andy Parker
November 05, 2014
Design
3
69

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
65
Storytelling with Photography
Avatar for Andy Parker avangelist
0
62

Other Decks in Design

See All in Design
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
610
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
2.8k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
290
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
570
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
790
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
370
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
480
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
960
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
7k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
130

Featured

See All Featured
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
700
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
93
Docker and Python
Avatar for Tania Allard trallard
47
3.7k

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