{"id":21041,"date":"2021-02-23T12:17:50","date_gmt":"2021-02-23T12:17:50","guid":{"rendered":"https:\/\/shopjessicabuckley.com\/blog\/?p=21041"},"modified":"2021-02-23T12:20:45","modified_gmt":"2021-02-23T12:20:45","slug":"prototyping-basics-with-marvel","status":"publish","type":"post","link":"https:\/\/shopjessicabuckley.com\/blog\/prototyping-basics-with-marvel\/","title":{"rendered":"Prototyping basics with Marvel"},"content":{"rendered":"

Prototyping<\/a> is one of the earliest steps in the process of creating a product. With prototyping, a team can establish what a product should look like, how its end-users should interact with it and then validate these ideas before moving forward with development. <\/p>\n

Without needing to commit to development resources, you and your team can test out ideas for websites and apps, and understand your users' needs and behaviours which can then be iterated to properly suit your end users. On top of that, it's great for demonstrating your ideas to stakeholders - including teammates, potential customers and even investors.<\/p>\n

In this first of a three part series covering the basics of Marvel, we\u2019ll be taking you through all things prototyping. With Marvel, you'll be able to create a feature-packed prototype which demonstrates exactly how your finished product should look and behave to your stakeholders!<\/p>\n

Now, let's dive straight in!<\/p>\n

Creating a prototype project<\/strong><\/p>\n

When you\u2019re getting started, the "what", "who", "why" and "how" needs to be clearly defined. <\/p>\n

What's the product going to be, who's it for and why would someone need to use it? As we're working with a prototype, we need to think about the steps that the end-user would take when they actually interact with the finished product - also called the user story.<\/p>\n

Take an online retail app as an example. You\u2019ll need to think about what the user will see and interact with on the home screen, what items will be available to buy, how will they go on to view and purchase the products? Once you've thought about the steps that a user should take while accessing your product, you can then start to actualise this by designing a prototype.<\/p>\n

Within Marvel, you can create a prototype project<\/a> for anything that will be viewed on a screen; an app, website, marketing assets and much more. There\u2019s multiple device types available with the correct resolution including iPhone, iPad, Apple Watch, Android and Pixel ensuring that your prototype as realistic as possible.<\/p>\n

Still stuck for inspiration? Many customers, from different industries, company sizes and needs, have all used Marvel! With our platform, our customers have demonstrated ideas for early stage start-ups (and got investors and new employees onboard), transformed existing products that had unfriendly UX, tested the look and feel of their product on devices currently on the market, worked with our easy-to-use platform to teach design in workshops and hackathons, created snappy presentations along with so much more!<\/p>\n

Once you\u2019re ready to create a project on Desktop, here are the steps you can follow:<\/p>\n

    \n
  1. Go to your Dashboard<\/a><\/li>\n
  2. Click the Create project<\/a><\/li>\n
  3. Select Prototype<\/a> and enter your project name and select a device<\/li>\n
  4. Select Create project<\/strong><\/li>\n
  5. Choose to add designs in the Design Tool<\/li>\n<\/ol>\n