Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
90
3

Designing with Content-First

Avatar for Andy Parker

Andy Parker

November 05, 2014

More Decks by Andy Parker

See All by Andy Parker
Enhance Enhance
Avatar for Andy Parker avangelist
0
77
Storytelling with Photography
Avatar for Andy Parker avangelist
0
90

Other Decks in Design

See All in Design
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
4
30k
染み出し好きの、 染み出しコントロール論
Avatar for Takeru Mukai mukai_takeru
0
470
デザなに#1「問いのデザイン」の紹介LT
Avatar for @Garyuten garyuten
0
110
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for こぎそ / Shinichi Kogiso kgsi
0
930
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
470
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
100
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
200
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
310
20260422_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
2
130
Kouseki | CREATIVE CLASS成果物
Avatar for Yurika Ishida yuri9911
0
230
The Art of Caring
Avatar for Klemens klemens
0
460
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1.1k

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
340
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
580
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
370
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
500
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
3.9k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
460
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k

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