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
150
1

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

Avatar for Garth Braithwaite

Garth Braithwaite

October 08, 2014

More Decks by Garth Braithwaite

See All by Garth Braithwaite
Sometimes You Suck
Avatar for Garth Braithwaite garthdb
0
670
PhoneGap Needs Design
Avatar for Garth Braithwaite garthdb
0
160
Open Source Needs Design
Avatar for Garth Braithwaite garthdb
0
1.1k
Working with Design in Development
Avatar for Garth Braithwaite garthdb
1
99
How to Design
Avatar for Garth Braithwaite garthdb
1
740
Designers Can Open Source
Avatar for Garth Braithwaite garthdb
1
1.2k
Resolution Independence
Avatar for Garth Braithwaite garthdb
0
110
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
TOPOSTOPOS
Avatar for Shohei Yoshida shoheyey
0
170
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
420
Where Imagination Ends AI Begins
Avatar for R-524 r5ni4
0
370
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
550
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
Avatar for Sho Nagata nagata03
0
650
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
930
Starfall (2025)
Avatar for Rachel Poon rezaline
0
120
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ～継承と挑戦を両立するデザイン手法～
Avatar for Cygames, Inc. cygames
PRO
3
5.1k
富山デザイン勉強会_ブラッシュアップデザイン.pdf
Avatar for keita keita_yoshikawa
0
120
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
440
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.9k
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
1
1.2k

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
1
10k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
250
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
680
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
14k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
580
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
400
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
540

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