Successfully reported this slideshow.
Your SlideShare is downloading. ×

5 Steps to Effective Planning for Your No-Code Website or App

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 28 Ad

5 Steps to Effective Planning for Your No-Code Website or App

Download to read offline

Worksheets for this talk: https://jen4web.notion.site/jen4web/Planning-Successful-No-Code-Websites-Apps-efd3651dfd124bdd9a4b04ca0c93ed7b

How often do you get distracted by the latest no-code tool? Do you start with technology first, solving problems later? Or do you start with a problem but give up quickly, because you just can't figure out the "perfect" solution with so many choices out there?

Based on my Harvard course and book, I’ll walk you through how to define goals, audience, features and functionality, data flow, and brand to create an executable outline of work for your next project, complete with a clear outline and worksheets. With this plan in place, you’ll gain more confidence than ever in launching your next project and you’ll feel empowered to build more effectively!

Worksheets for this talk: https://jen4web.notion.site/jen4web/Planning-Successful-No-Code-Websites-Apps-efd3651dfd124bdd9a4b04ca0c93ed7b

How often do you get distracted by the latest no-code tool? Do you start with technology first, solving problems later? Or do you start with a problem but give up quickly, because you just can't figure out the "perfect" solution with so many choices out there?

Based on my Harvard course and book, I’ll walk you through how to define goals, audience, features and functionality, data flow, and brand to create an executable outline of work for your next project, complete with a clear outline and worksheets. With this plan in place, you’ll gain more confidence than ever in launching your next project and you’ll feel empowered to build more effectively!

Advertisement
Advertisement

More Related Content

Slideshows for you (20)

Similar to 5 Steps to Effective Planning for Your No-Code Website or App (20)

Advertisement

More from Jen Kramer (20)

Advertisement

5 Steps to Effective Planning for Your No-Code Website or App

  1. 1. Jen Kramer HTML, CSS, and No-Code Training for All @jen4web 5 steps to effective planning for your no-code website or app
  2. 2. “I need to build a website. Should I use Webflow, Squarespace, or Carrd?” “I need to build an app. Should I use Adalo, Glide, or Bubble?”
  3. 3. Photo by Andrea Piacquadio from Pexels
  4. 4. What’s a new person to do with no clear place to start?
  5. 5. Start with requirements, not with technology Photo by Anastasia Shuraeva from Pexels
  6. 6. ThisisKevin. He works in construction and apartment maintenance.
  7. 7. These are some of Kevin’s screwdrivers.
  8. 8. The 11-in-1 is the go-to screwdriver 70% of the time.
  9. 9. The Leatherman is good for convenience. It’s always on his belt.
  10. 10. There are specialized screwdrivers for specific situations.
  11. 11. Which screwdriver is best? It depends. • Is he carrying his toolbox or not? • How many screws are there? • How big are they? • Where are the screws located? • Philips head or straight? • Security bit or not?
  12. 12. Software is like this. • Start with requirements, not with technology. • Some technologies offer advantages over others. • But you won’t know what you need until you list your requirements!
  13. 13. bit.ly/ nocodeconf2021
  14. 14. Photo by Ketut Subiyanto from Pexels
  15. 15. Worksheet #1: It’s a Shower Moment! Record that bright idea in 20 minutes or less • Think about the problem you’re trying to solve and describe it as best you can • What do YOU want to get out of this process? • How is your idea different and/or new? • Write down or draw any ideas for features or functionality. • Don’t analyze! Just scribble!
  16. 16. Pencils down! Time to analyze.
  17. 17. Worksheet #2: Goals & Audience What are you trying to solve? For whom are you solving it? • What exactly is the problem you’re trying to solve? • Why is a website/app the way to solve it? • Who will use this product?
  18. 18. Tara Reed’s formula [app/website name] makes it easy for [target customer] to [thing that product does] so that [benefit of the product].
  19. 19. Worksheet #3: Create Your Brand It’s more than logos and colors • Consider your values and how you want them reflected in this product • Choose a tone and voice for your communications • Customers often like companies that align with their own values, so think about your target audience as you do this
  20. 20. Example: Webflow’s core behaviors • Earn customer trust • Get it done, do it right • Practice candor with care • Dream big, ship often
  21. 21. Sample Voice & Tone Guide Your voice is… (personality trait or attribute) Write like this… Not like this… Why? (write an accurate example of how this attribute will be used to create your content) (write a counter-example of content that should not be used) (explain why this attribute is important to your brand and identity)
  22. 22. Worksheet #4: Draw some screens Think about data flow and interface design • Use pencil and paper, unless you know a drawing program well and can move quickly • Think about how the data moves through your system Where does the user start? What do they do next? What happens if they make a mistake? • Don’t worry about making it pretty • Don’t worry about the details of how this will be built • You’ll flip back and forth between worksheets #4 and #5 a few times.
  23. 23. Worksheet #5: Features & Functionality Competitive review • Review your drawings and create requirements. • What is your level of expertise with no-code? • What do your users need at a minimum? • Identify 2-3 software products that may help you address your problem. • Flip back and forth between worksheets #4 and #5.
  24. 24. Three types of requirements • Dealbreakers • Nice-to-have • In a perfect world…
  25. 25. Worksheets done! Now what?
  26. 26. Celebrate! • You have a great start to a great product. • Share your plan with your friends and study partners to get feedback • No plan ever survives implementation – expect changes! • You’re ready to start building a minimum product to test for viability. Photo by Ante from Pexels
  27. 27. Thank you! Jen Kramer Twitter: @jen4web Worksheets: bit.ly/nocodeconf2021

×