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

Design Everything

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
910
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
950

Other Decks in Design

See All in Design
hicard_credential_202601
Avatar for hicard hicard
0
200
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3k
次世代のクリエイティブ体験！Photoshopの最新機能で新しい未来を切り開こう
Avatar for コネクリ connecre
0
120
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.4k
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
450
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
120
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
160
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
170
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
600
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
6
5.1k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
680
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
310

Featured

See All Featured
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.5k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
800
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
130
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
640
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
230
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.5k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
310

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