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

Creating Realistic Designs That Work and Won't ...

Avatar for Garth Braithwaite Garth Braithwaite
October 08, 2014
Design
1
140

Creating Realistic Designs That Work and Won't Frustrate Your Developer

Avatar for Garth Braithwaite

Garth Braithwaite

October 08, 2014
Tweet

More Decks by Garth Braithwaite

See All by Garth Braithwaite
Sometimes You Suck
Avatar for Garth Braithwaite garthdb
0
600
PhoneGap Needs Design
Avatar for Garth Braithwaite garthdb
0
150
Open Source Needs Design
Avatar for Garth Braithwaite garthdb
0
960
Working with Design in Development
Avatar for Garth Braithwaite garthdb
1
87
How to Design
Avatar for Garth Braithwaite garthdb
1
680
Designers Can Open Source
Avatar for Garth Braithwaite garthdb
1
1.1k
Resolution Independence
Avatar for Garth Braithwaite garthdb
0
94
Retina Ready
Avatar for Garth Braithwaite garthdb
3
6k
Rapid HTML Prototypes
Avatar for Garth Braithwaite garthdb
9
10k

Other Decks in Design

See All in Design
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
280
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
3.7k
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
130
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
240
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.3k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for SmartBank smartbank
1
350
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
420
UXデザインはなぜ定着しないのか？
Avatar for Inside Design Studio designstudiopartners
0
1k
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.9k
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
390
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
150

Featured

See All Featured
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
185
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k

Transcript

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

  11. • Make your boss happy • Make the client happy

    • Create portfolio pieces • Make something that looks beautiful • Push the limits of the web

  12. • Make your boss happy • Make the client happy

    • Create portfolio pieces • Make something that looks beautiful • Push the limits of the web • Help the user accomplish their tasks
  13. None

  14. • Make your boss happy • Make the client happy

    • Create portfolio pieces • Make something that looks beautiful • Learn new coding techniques • Write code efficiently • Push the limits of the web • Help the user accomplish their tasks
  15. None
  16. None

  17. The struggle.

  18. Not that kind of developer.

  19. None

  20. Performance.

  21. None
  22. None
  23. None
  24. None

  25. Fragmentation.

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None

  32. Fragmentation.

  33. None
  34. None

  35. Dynamically impossible.

  36. Dynamically difficult.

  37. None
  38. None
  39. None
  40. None

  41. Motion, touch, and scroll.

  42. When the user clicks the link the page should slide

    out with an ease-out *woosh* when the new one pushes in from the other side…
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None

  50. Rich interactive experiences.

  51. Photoshop is a Liar. Photoshop is a liar.

  52. source: cssbeauty.com

  53. source: blogs.adobe.com/jnack

  54. Photoshop is a Liar. Webkit Illustrator

  55. Illustrator Webkit

  56. Fragmentation.

  57. None

  58. Photoshop is a Liar. Layout.

  59. None
  60. None
  61. None
  62. None