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

Designing with Content-First

Andy Parker
November 05, 2014
Design
3
53

Designing with Content-First

Andy Parker

November 05, 2014
Tweet

More Decks by Andy Parker

See All by Andy Parker
Enhance Enhance
avangelist
0
57
Storytelling with Photography
avangelist
0
50

Other Decks in Design

See All in Design
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
180
ネーミングの極意 - その名は体を現していますか？ -
kakukoki
2
440
Rayout Pattern 01
one0
0
410
Night Shift (beginning sequence)
cpineda57
0
950
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.3k
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
220
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
500
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
310
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
120
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
580
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
240
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.2k

Featured

See All Featured
Done Done
chrislema
182
16k
4 Signs Your Business is Dying
shpigford
182
21k
Producing Creativity
orderedlist
PRO
343
39k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Documentation Writing (for coders)
carmenintech
67
4.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
How GitHub (no longer) Works
holman
312
140k
Optimising Largest Contentful Paint
csswizardry
33
3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
112
50k
Gamification - CAS2011
davidbonilla
80
5.1k
How to train your dragon (web standard)
notwaldorf
88
5.8k
BBQ
matthewcrist
85
9.4k

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