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

Design Smarter Not Harder

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Ken Woodworth Ken Woodworth
May 23, 2013
Design
5
980

Design Smarter Not Harder

The web is not the same as it was when you started reading this sentence. Working in a constantly evolving medium demands flexibility. Having a design process that can adapt to the changing way we create websites is key to achieving project goals and creating beautiful designs.

Links from this talk:
https://gist.github.com/kenwoodworth/5845237

Avatar for Ken Woodworth

Ken Woodworth

May 23, 2013
Tweet

More Decks by Ken Woodworth

See All by Ken Woodworth
Beyond User-Centered Design
Avatar for Ken Woodworth kenwoodworth
0
170
Defining Design
Avatar for Ken Woodworth kenwoodworth
2
130
Designed to Change
Avatar for Ken Woodworth kenwoodworth
2
78
Let's Get Uncomfortable - DrupalCon Austin
Avatar for Ken Woodworth kenwoodworth
0
160
Let's Get Uncomfortable - Create Upstate
Avatar for Ken Woodworth kenwoodworth
4
97
Designing & Implementing Beautiful, Flexible Interfaces
Avatar for Ken Woodworth kenwoodworth
13
670
Efficient Workflow for Design and Development Projects
Avatar for Ken Woodworth kenwoodworth
11
390
Modern Web Typography
Avatar for Ken Woodworth kenwoodworth
12
440

Other Decks in Design

See All in Design
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
350
Treasure_Hunting
Avatar for Sol Metts solmetts
0
320
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
280
インハウスデザイン組織で挑む自社ブランディング
Avatar for MIXI DESIGN mixi_design
PRO
0
130
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
270
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
550
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
270
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
120
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
310
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
790
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
300
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
860

Featured

See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
630
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
640
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
260
HDC tutorial
Avatar for Michiel Stock michielstock
1
560
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
250
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.5k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
110

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None

  11. ∞ PAGES DEVICES DESIGNS 5 1 5 × 5 3

    15 × 30 ∞ ×
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None

  18. A long time ago… SKIP INTRO >

  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. WEBSITE

  32. WEBSITE DESIGN PROCESS

  33. WEBSITE DESIGN PROCESS DESIGN PROCESS PROCESS

  34. None
  35. None

  36. IA

  37. IA Design

  38. IA Design WEBSITE!

  39. None

  40. IA

  41. IA Design

  42. IA Design

  43. IA Design

  44. IA Design WEBSITE!

  45. IA Design WEBSITE!

  46. IA Design WEBSITE!

  47. IA Design WEBSITE!

  48. None
  49. None
  50. None

  51. LARGE

  52. LARGE

  53. LARGE SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL

    SMALL SMALL SMALL SMALL SMALL SMALL
  54. None

  55. Information Architect

  56. Information Architect Interaction Designer

  57. Information Architect Interaction Designer User Interface Designer

  58. Information Architect Interaction Designer User Interface Designer Front-End Developer

  59. Information Architect Interaction Designer User Interface Designer Front-End Developer Back-End

    Developer

  60. Information Architect Interaction Designer User Interface Designer Front-End Developer Back-End

    Developer Project Manager

  61. Information Architect Interaction Designer User Interface Designer Front-End Developer Back-End

    Developer The Client Project Manager
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. None

  70. Let’s get

  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. None
  80. None
  81. None
  82. None
  83. None
  84. None

  85. Goals Educate the Client The Client educates YOU!

  86. None
  87. None
  88. None
  89. None

  90. Goals Gather feedback on specific elements Avoid feedback on content

    & hierarchy
  91. None
  92. None

  93. Goals Establish structure & content hierarchy Start thinking about how

    the design responds
  94. None
  95. None

  96. Goals Establish art direction Explore visual hierarchy & relationships

  97. None
  98. None
  99. None
  100. None
  101. None
  102. None
  103. None
  104. None
  105. None
  106. None
  107. None
  108. None

  109. Goals Create a visual toolkit that communicates the art direction

    Enable modular front-end development
  110. None
  111. None
  112. None

  113. Goals Establish content breakpoints Define patterns

  114. None
  115. None