Design Thoughts / Design & Prototyping

Prototyping is the process of creating a functional mockup of your product before development. Prototyping helps you make sure your product works as intended and solves your users’ problem, before you write your first line of code. User feedback on your prototype gives you insight needed to improve the idea while it’s still easy to make those changes. High or… Read More ￫

Marvel’s design and prototyping tools are used in some of the most forward-thinking companies in the world, while the exact same tool is also used to run design workshops for school-age children. Schools, design clubs and even museums use Marvel in workshops to teach kids about the design process, and about how to solve problems using creative thinking. As we’ve… Read More ￫

In a world filled with problems that need solving and with SAAS applications making the design more accessible, creating something new to solve these problems is an opportunity open to more people than before. This can make it difficult to stand out and gain attention from investors and consumers alike. Fortunately, this is where creating a prototype can help; prototyping… Read More ￫

Learn the ins and outs of prototyping and bring your bold new product to life with this ultimate guide to prototyping

When you’re working on something new, it’s exciting and unfamiliar, making it tempting to skip over the wireframing stage and dive straight into designing a solution. But, by doing this, you’re missing out on an opportunity to better understand the problem and may end up spending more time revising, editing or even recreating your design. Wireframing can sometimes feel like… Read More ￫

Using Shortcut app on iOS Voice UI was the hot topic last year and will continue to be so in 2018. Something I have wondered is how voice designers prototype conversational interfaces, especially voice UI. What is Shortcut? Shortcut is an application on iOS that lets you automate tasks as simple as calculating a tip to appending a note to a… Read More ￫

Recently I started seeing a trend where fellow designers skip wireframing/low-fidelity-mockups and jump straight into their UI work. While for “some” tasks this might be okay, I believe for majority of your tasks, this will hurt your final design. First, what do I mean by wireframing? When I say wireframing, I am not really talking about fancy wireframes built pixel… Read More ￫

To build prototypes in Marvel, all you need to do is import your designs. Whether they’re low-fi wireframes you drew on paper or hi-fi prototypes you built in Sketch, you can add these as static images to a project and make them interactive by adding hotspots. These hotspots link together your designs to create a flow which in the end… Read More ￫

In the world of digital design, we have a lot of different tools that make the process of prototyping really simple. But still pen and paper remain the most useful tools for UX designers. Paper prototyping can be extremely helpful during the early-stage conceptualizing — when a team needs to explore a variety of different concepts and choose the one… Read More ￫

There are lots of great tools for drawing wireframes today. However, I still prefer my good ol’ paper wireframing kit. In this post I’ll tell you why and explain how paper wireframing will make you a better designer. In 2012 I was planning on taking my wireframing skills to the next level. I had gotten the excellent app Paper by… Read More ￫

It’s hard to imagine a modern product design process without prototyping and testing. By following a technique “Show, don’t tell.” Many product teams use prototypes today to sell or test ideas. At the same time, quite often product teams fall into traps that reduce the effectiveness of their prototyping efforts. Here are six of the most common pitfalls. Prototyping without a purpose… Read More ￫

My last posts in the Dear Developers series so far have been focused on the lessons I’ve learned from various coding classes and the step by step basics of HTML & CSS. This post is a something a little more special as I’m going to share my progress in building my own website from scratch. I’ll be sharing some nuggets… Read More ￫