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
347
40k
Collaborating on Vision
Avatar for Steve Smith orderedlist
PRO
8
870
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
900

Other Decks in Design

See All in Design
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
430
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
350
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.6k
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
380
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
800
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
340
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
120
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
160
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
580
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
1
1.2k
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
370
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.5k

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
530
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
590

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