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 →
Turning your app idea into a real product isnât as far from reality as you might think. It can so often just come down to getting startedâ and to do so, âall you need is paper, pens, scissors and your imaginationâ (Shawn Medero, Alistapart). âAll you need is paper, pens, scissors, and your imagination.â For example, when Jack Dorsey had… Read More →
There are many ârightâ ways to design an application, so I want to be clear that this is my workflow (and the one I recommend), but itâs not mandatory. I know other designers who just jump right into Photoshop (or code) and produce great work. But if you find yourself having trouble visualizing a design or workflow in your head,… Read More →
Letâs cut to the chase. Powerpoint has gotten itself a bad reputation. Dubbed the âcornerstone of the modern corporate worldâ by Bryan Dove, Skyscanner, and can you blame it? Since the dawn of Microsoft Office, people of all ages across the globe have been encouraged to use it to present to their peers and colleagues. Powerpoint has made building presentations… Read More →