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
エンジニアがAI活用してスライドデザインできる世界が来たよ！
Avatar for 甲斐 甲 kaikou
1
400
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.8k
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
Avatar for Ayumi Suzuki ayumidesign
0
190
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
230
Warner Bros. Discovery 2025 Box Office Booklet
Avatar for Sam Bird samb1rd
0
110
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
170
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
330
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
430
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.6k
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
1
930
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
1.7k
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
480

Featured

See All Featured
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
490
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
690
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
480
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
280
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.5k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
530
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
800
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.2k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
440

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