Hackathon Prototyping Talk

A few do's and don'ts for hackathon hackers!

Here's a link to the presentation deck if you want to see the gifs in action https://docs.google.com/presentation/d/195gGyPIJ5y7Pkm7_qbpA0kKwyYhG4XWOdX1f6r08yKQ/edit?usp=sharing

Transcript

1. Rapid Prototyping by Chris Nyaga, Señor Developer Engineer & Team Lead
2. The Philosophy (ie fundamental concepts) • You want to create an MLP Minimum Lovable Project • The readiness to capture and evaluate new ideas at pace, is a prerequisite for innovation; having all those great ideas means nothing if you don’t have the proper framework to quickly build and expose them to the right audience and get feedback. 2 Ideation What do you want to create? (in one sentence) Prototyping What will you build? (in one (or more) sentences :) ) Specification How does it do work? (in one sentence)
3. Time To Code? (unless you do java/scala, then it’s build ) 3
4. (about the login ) 4
5. Resources • Standardized code libraries, components, UI elements, data models, APIs • Use dashboard templates, frontend libraries, • https://bit.ly/2vFyz2Z • The How Engineering Approach • What should it do? ◦ A clear definition of your solutions technically • How should it do it? ◦ Minimum technical requirements to get the job done • How should it be used? ◦ Easy and simple user experience 5
7. The How not Building things you don’t need • Login password validation • User roles • Finding the right colors Spending too much time on it • You’re left with no time to build your solution You have nothing to present • You end up demoing a ton of features that aren’t related to your problem 7 → →
9. Chris to the rescue (unless you do java/scala, then it’s gradle ) 9
10. Do a mini design sprint maybe the most important part of this talk Brainstorming • You need to have done research before this • All ideas are possible gamechangers, put them down Map the user journey • Understand the problem • Create the shortest seamless path to success Create wireframes/sketches • Dummy sketches of how it should look like ◦ https://moqups. com/ ◦ https://www.fig ma.com/ ◦ balsamiq 10
11. Clearly define what you need to build and stick to it. That’s it. 11 So what was all that about?