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
我做了一個詐騙網站...嗎？
crboy
1
140
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.6k
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
230
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
440
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン｜TOKYO CREATIVE COLLECTION
madue
1
1.2k
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
250
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
250
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
50
32k
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
13
5.8k
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
300
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
1
1.1k
なぜデフォルトが青色！？ Tint Colorの理由に迫る
akidon0000
0
440

Featured

See All Featured
Being A Developer After 40
akosma
86
590k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
790
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
The Power of CSS Pseudo Elements
geoffreycrofte
72
5.3k
Ruby is Unlike a Banana
tanoku
96
11k
Music & Morning Musume
bryan
46
6.1k
Speed Design
sergeychernyshev
24
570
Adopting Sorbet at Scale
ufuk
73
9k

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