Why a prototype is a good place to start

A prototype is a powerful design process that delivers an end-to-end user experience and interface design. It showcases the app's functionality to potential users and investors, streamlines the development process by defining the deliverables, and allows for cost-effective adjustments before the development phase.

Why A Prototype is a Good Place to Start

Ideas tend to come easy. But figuring out exactly what features are required to give your app the competitive edge and the best user experience is a whole other ballgame. A prototype is the best way to do this.

Prototyping is a very powerful design process where the end result is an end-to-end user experience (UX) and user interface (UI) design of your app. Starting with a prototype is useful for various reasons. If you intend to get funding for your app, it is a lot more impactful to be able to demonstrate what the app will look like and do and the prototype allows you to do just that. It also shows good faith that you have already invested in your idea. Having a prototype makes the development process a lot more seamless because you can see exactly what needs to be built before we start. It gives you the flexibility to tweak things easily and cheaply. That becomes a lot more difficult and costly at the development phase.

What is the prototype process?

[The “basic” approach is listed below. Sometimes this can be expanded to include qualitative/ quantitative research, focus groups, usability testing etc.].

  1. Your assigned team has an initial call with you to talk through/confirm your requirements. The result of that call will be detailed user stories. This is a description, in natural language, of all the features that will be in your app. We then work through what the best user flows / journeys for your particular use case would be. This is the UX part - initially a simple flow chart and then detailed screen wireframes.
  2. In terms of coming up with the look, feel, style, and vibe (we call this “UI”) your design team will do some desktop research looking at similar apps both internationally and locally to inform a mood board. Perhaps you have a particular style in mind. This provides a good sense of what works and inspires things like colour palettes. As part of the process, we also create personas of the different users that we believe the app should/would appeal to. This is the “exploration/ inspiration phase”. We will provide example designs of one screen (typically the home screen) in different styles for your feedback until we land on something we’re all happy with.
  3. Finally, we apply the UI (design) to the UX (wireframes) to end up with your prototype. There is no real functionality other than tapping on buttons to navigate but it looks like the real deal.

The process is very collaborative. We work on Figma and you have access to the project throughout so you can comment/ ask questions at any time.

Do we have to prototype?

Developers need to know what to build, so designs are needed before dev starts. So not prototyping doesn’t save money - it has to be done at some point. However, the design doesn’t necessarily need to be a big or separate project especially if it’s a simple app or the design is already known.

Occasionally, with particularly complex, innovative or unique apps we recommend starting with a “Proof of Concept” rather than a prototype. This is to confirm that we can build the required solution and the best way to do so before money is invested and potentially wasted on designing or building the easy part of the app.

Sometimes clients want to use their designs/ design team. We’re happy to do this as long as they know mobile app design well. If they don’t then it’s likely the development will be a lot more complicated (building non-standard elements that work across all screen dimensions) and the user experience might also be compromised. 

Laptop showing the work we do
Office
Work With Us

Have a project? Let’s Work Together!

We design, develop and help you to launch apps, websites and bots.

StarStar