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

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

Garth Braithwaite
October 08, 2014
Design
1
140

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

Garth Braithwaite

October 08, 2014
Tweet

More Decks by Garth Braithwaite

See All by Garth Braithwaite
Sometimes You Suck
garthdb
0
550
PhoneGap Needs Design
garthdb
0
150
Open Source Needs Design
garthdb
0
890
Working with Design in Development
garthdb
1
77
How to Design
garthdb
1
650
Designers Can Open Source
garthdb
1
1k
Resolution Independence
garthdb
0
86
Retina Ready
garthdb
3
6k
Rapid HTML Prototypes
garthdb
9
10k

Other Decks in Design

See All in Design
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.8k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1k
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
640
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
200
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
LayerX DesignersDeck
layerx
PRO
0
4.7k
Tableau曲線表現講座(2024.11.21)
cielo1985
0
290
(第１回) アーキテクト・テックリード育成講座
masakaya
0
180
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
310
The Golden Whitney
ohtristanart
PRO
0
160
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
130
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
ncdc
1
150

Featured

See All Featured
Done Done
chrislema
182
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
A Philosophy of Restraint
colly
203
16k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Thoughts on Productivity
jonyablonski
69
4.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
50
2.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
470
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Designing for Performance
lara
605
69k
Adopting Sorbet at Scale
ufuk
75
9.3k
KATA
mclloyd
29
14k

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