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

Design Everything

Avatar for Steve Smith Steve Smith PRO
April 28, 2012
Design
1.4k
25

Design Everything

Workflow, Tools, and Your Business

Avatar for Steve Smith

Steve Smith PRO

April 28, 2012

More Decks by Steve Smith

See All by Steve Smith
Git Better
Avatar for Steve Smith orderedlist
PRO
22
1.3k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Collaborating on Vision
Avatar for Steve Smith orderedlist
PRO
8
950
Designing with GitHub
Avatar for Steve Smith orderedlist
PRO
57
4.2k
Designing with the Web
Avatar for Steve Smith orderedlist
PRO
28
1.4k
Designing Windowed Web Applications
Avatar for Steve Smith orderedlist
PRO
13
1.5k
Introduction to Speakerdeck
Avatar for Steve Smith orderedlist
PRO
9
310k
Real World Data Modeling with Mongo
Avatar for Steve Smith orderedlist
PRO
8
1k

Other Decks in Design

See All in Design
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
260
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
250
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
0
300
凡庸を落とすハーネス
Avatar for Hiromi Maeo hiromimaeo
1
750
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
240
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
Avatar for yomogi_sakura yamasaku
0
150
Signull 団体説明資料
Avatar for Signull signull
0
740
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
1.4k
エンジニアがAI活用してスライドデザインできる世界が来たよ！
Avatar for 甲斐 甲 kaikou
1
350
Jun Wei Portfolio 2026
Avatar for Wong Jun Wei wjw100788
PRO
1
110
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
230
PAMPHLET.pdf
Avatar for M-HAND,Inc. mhand01
0
1.2k

Featured

See All Featured
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
470
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
39k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
52k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
660
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
360
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.3k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k

Transcript

  1. DESIGN EVERYTHING WORKFLOW, TOOLS, AND YOUR BUSINESS

  2. DESIGN? WHAT IS

  3. DESIGN IS DELIBERATELY MAKING SOMETHING EXCELLENT

  4. FAR TOO NARROW OUR DESIGN FOCUS IS DESIGN

  5. DESIGNING FEATURES WE SPEND TOO MUCH TIME HOME PAGES WIDGETS

    LOGOS NAVIGATION HEADERS

  6. DESIGNING EVERYTHING WE SHOULD BE

  7. WE SHOULD DESIGN DEBUGGING COMMUNICATION ANALYTICS COMMUNITY DEPLOYMENT ENGAGEMENT SUPPORT

    FEATURES EFFICIENCY ONBOARDING AVAILABILITY TEAM BUILDING API INTERFACES INTERACTION WORKFLOWS

  8. TEAM WORKFLOW THE IDEA DISCUSSION VISUALS & DEVELOPMENT DEPLOYMENT MONITOR

    ITERATE

  9. EXAMPLE? NEED AN

  10. HUMMING BIRD FEEDERS GITHUB OFFICE

  11. TEAM WORKFLOW THE IDEA

  12. TEAM WORKFLOW DISCUSSION

  13. TEAM WORKFLOW VISUALS

  14. TEAM WORKFLOW DEPLOYMENT

  15. TEAM WORKFLOW MONITORING

  16. TEAM WORKFLOW ITERATION

  17. DESIGN EVERY STEP YOUR TEAM NEEDS TO

  18. THOUGHT EVERY STEP NEEDS

  19. VISUAL DESIGN EVERY STEP NEEDS

  20. SIMPLICITY EVERY STEP NEEDS

  21. DOCUMENTED EVERY STEP NEEDS TO BE

  22. GITHUB WORKFLOW SOME EXAMPLES FROM THE

  23. IDEAS & DISCUSSION TOOLS FOR

  24. None

  25. TEAM APP

  26. TEAM IDEAS

  27. TEAM DISCUSSION

  28. CAMPFIRE

  29. TALKS

  30. VISUALS & DEVELOPMENT TOOLS FOR

  31. GITHUB.COM

  32. SCRIPT/BOOTSTRAP

  33. BRANCHES YOUR CODE (MASTER) A BRANCH CODE/DESIGN CHANGES OTHER CHANGES

    BRANCH CHANGES MERGED INTO MASTER

  34. PULL REQUESTS

  35. PULL REQUESTS

  36. CAMPFIRE

  37. PLAY APP

  38. DEPLOYMENT TOOLS FOR

  39. None

  40. HUBOT

  41. hubot deploy github to production IN CAMPFIRE hubot deploy github/branch-name

    to production # locks deploy to branch-name, no other deploys

  42. AUTOMATICALLY DEPLOYED AFTER COMMITS TO MASTER, CODE IS

  43. PULL REQUESTS

  44. MONITORING TOOLS FOR

  45. ERRORS

  46. GRAPHS

  47. GRAPHS

  48. GRAPHS

  49. MONITORS

  50. MUST DESIGN THINGS WE

  51. MOBILE DEVICES DESIGN FOR

  52. CUSTOMER SUPPORT DESIGN FOR

  53. FIRST TIME USER DESIGN FOR THE

  54. NOTIFICATIONS DESIGN EXTERNAL

  55. APIs DESIGN

  56. SPEED DESIGN FOR

  57. DESIGN EVERYTHING WE SHOULD

  58. QUESTIONS?

  59. DESIGN EVERYTHING WORKFLOW, TOOLS, AND YOUR BUSINESS