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.3k

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
346
40k
Collaborating on Vision
Avatar for Steve Smith orderedlist
PRO
8
860
Designing with GitHub
Avatar for Steve Smith orderedlist
PRO
57
4.1k
Designing with the Web
Avatar for Steve Smith orderedlist
PRO
28
1.3k
Designing Windowed Web Applications
Avatar for Steve Smith orderedlist
PRO
13
1.4k
Introduction to Speakerdeck
Avatar for Steve Smith orderedlist
PRO
9
310k
Real World Data Modeling with Mongo
Avatar for Steve Smith orderedlist
PRO
8
890

Other Decks in Design

See All in Design
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1k
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
Avatar for NCDC ncdc
2
430
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.7k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.4k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
480
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
660
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
270
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
190
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
180
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
Avatar for Gaku Oyanagi gakuoya
1
690
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
Avatar for マズロー安達 maslow_akkun
0
140
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
260

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
146
16k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
980
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Done Done
Avatar for chrislema chrislema
184
16k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M

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