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
580
PhoneGap Needs Design
Avatar for Garth Braithwaite garthdb
0
150
Open Source Needs Design
Avatar for Garth Braithwaite garthdb
0
940
Working with Design in Development
Avatar for Garth Braithwaite garthdb
1
81
How to Design
Avatar for Garth Braithwaite garthdb
1
670
Designers Can Open Source
Avatar for Garth Braithwaite garthdb
1
1.1k
Resolution Independence
Avatar for Garth Braithwaite garthdb
0
90
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
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
120
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
Avatar for Shota Ikeyatsu ikeyatsu
2
1.8k
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
810
デザイナーとPMの両ロール_３つのポイント
Avatar for toy toy1618
1
320
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.7k
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
130
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
400
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
600
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
Avatar for Yu Morita securecat
1
230
「デザイン」を信じるには
Avatar for なつ iflection
0
250
マズロー安達の弟子2期生、成功事例集（17人中17人が3ヶ月平均140万受注）
Avatar for マズロー安達 maslow_akkun
0
5.3k
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for mtsukada licux
7
1k

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.4k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k

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