Upcoming SlideShare
-
Full NameComment goes here.Delete Reply Block
-
katekoxxHey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxxReply -
Nancy2222Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.comReply
-
johnmayer664Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFvReply
The fuzzy line between design + development
- 1. Hello! I’m Amanda @amandadorrell
- 2. I’m Amanda Product design & front-end development
- 3. Timely • 25 team members • 8 Techbots • Work remote
- 4. #timelylife
- 5. #timelylife
- 6. #timelylife
- 7. #efficientlife
- 8. Lean mean dev team
- 9. Lean mean dev team + designer
- 10. Lean mean dev team + designer ?
- 11. “There’s this massive chasm between design and development” - Brad Frost
- 12. Design Development
- 13. Static psds with measurements
- 14. but now• Responsive • State changes • Interactions • Animations • Web-based products
- 15. Disconnect
- 16. Us vs them
- 17. However…
- 18. We’re on the same team
- 19. We’re on the same team With the same goals
- 20. To make a quality product Goal:
- 21. How do we get there? http://natlib.govt.nz/records/30665403
- 22. Collaboration
- 23. Design Development
- 24. Design Development
- 25. Get involved ASAP
- 26. Get involved ASAP Decisions without a dev?
- 27. Decisions Browser support
- 28. caniuse.com
- 29. caniuse.com
- 30. Wire-framing
- 31. 0 100 text text text text text bacon ipsum because I want to and I can bacon ipsum because I want to and I can
- 32. Frameworks
- 33. Frameworks (Or lack of)
- 34. Anything that moves
- 35. Anything that moves • Drop-downs • Hovers • Interactions • Animations
- 36. Styleguides
- 37. github.com/styleguide
- 38. github.com/styleguide
- 39. yelp.com/styleguide
- 40. revert.io
- 41. Styleguide
- 42. MVP Styleguide
- 43. Speed up development useful for future additions constant iteration easy to test consistent design non-bloated CSS Showing to stakeholders Revert styleguide:
- 44. Visual inventory
- 45. Be Proactive
- 46. Research & Share http://natlib.govt.nz/records/23223018
- 47. Performance http://natlib.govt.nz/records/30665403
- 48. Performance • Videos • Animations • Large images • Fonts • JS & CSS http://natlib.govt.nz/records/30665403
- 49. The Checklist
- 50. The Checklist Interactive items
- 51. The Checklist Interactive items State changes
- 52. The Checklist Interactive items State changes Really long text
- 53. The Checklist Interactive items State changes Really long text Empty data
- 54. The Checklist Interactive items State changes Really long text Empty data Different users
- 55. The Checklist Interactive items State changes Really long text Empty data Different users Performance
- 56. Transparency
- 57. http://xkcd.com/1425/
- 58. Surely it’s just an if statement“ ”
- 59. Communication http://natlib.govt.nz/records/30665403
- 60. Intentions Behind decisions
- 61. Do Not Compromise on intentions
- 62. Remember your goal
- 63. OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
- 64. OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
- 65. OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
- 66. OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
- 67. OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
- 68. OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
- 69. Thank you!@amandadorrell