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
25
1.4k

Design Everything

Workflow, Tools, and Your Business

Avatar for Steve Smith

Steve Smith PRO

April 28, 2012
Tweet

More Decks by Steve Smith

See All by Steve Smith
Git Better
Avatar for Steve Smith orderedlist
PRO
22
1.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Collaborating on Vision
Avatar for Steve Smith orderedlist
PRO
8
900
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
940

Other Decks in Design

See All in Design
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
220
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
260
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
500
mount_company_profile
Avatar for mount inc. mount_inc
0
4.9k
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
180
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
300
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
570
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
280
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1.1k

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
Between Models and Reality
Avatar for mayunak mayunak
1
180
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k

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