The team behind Adobe’s new prototyping tool Experience Design (Adobe XD) uses prototyping as a method to test new features before they make it into the program. In this article, Demian Borba will share some insights into how the team uses prototyping to build and improve Adobe XD, and make prototyping more efficient for designers. A prototype is an extremely powerful tool to help teams “see” more, experience more, “fail” more, learn more and, in the end, pivot faster to where the secret for success is.
Read more…
Whether you’re working on digital products or chocolates, prototyping plays an important role in any successful project, and if you work in user experience or software development, chances are you will have encountered Axure RP at some point. In this article, Pierre Croft will help you gain a good understanding of the new features available with Axure 8, and how they could improve elements of your daily workflow. There are definitely some really useful new additions.
Read more…
“What tool should I use?” has become one of the most frequent questions in online forums, design meetups and blogs. It’s turned into quite a passionate debate — and designers tend to quickly argue for a certain tool or application. In this article, Fabricio Teixeira will explore five steps to decide on the right prototyping tool for your project. The objective is to guide designers who are making that decision for the first time or who are faced with a project with unique requirements and constraints.
Read more…
Systems build on systems, and those simple systems can provide a key to designing for more complex spaces. In the space of digital design, if you ensure that your simplest dynamic systems of content, structure and meaning-making work as intended at a foundational level, then you can lay the groundwork for larger, more complex systems that also work as intended. In this article, Andy Fitzgerald will show you how to use a simple set of open-source tools to introduce real, dynamic content into your prototyping process from day one. This approach allows you to focus on how users understand your content from the very start of a project and to subsequently build structural, visual and technical elements atop that foundation of understanding.
Read more…
In recent years, new prototyping tools have emerged, many for mobile design. The landscape is constantly changing, with some tools losing favor with UX designers (or UXers) and others taking their place. While this article will not serve as a complete paint-by-numbers manual for selecting a prototyping tool, Svetlin Denkov will discuss important factors that influence the selection process. Near the end of the article, the “Resources” section will point you in the direction of more specific comparisons to give you additional context for decision-making.
Read more…
By focusing almost exclusively on the user insights that each test is designed to yield, prototype testing can be an impressively efficient method for product teams to run experiments. Regardless of which prototype tools you use or whether you test wireframes, clickable mockups or coded prototypes, what’s most important to focus on is what you want to test and what you want to learn from it. In this article, Michelle Chu gives six tips for designers to consider when creating prototypes specifically to generate user testing insight.
Read more…
Prototyping makes a project better suited to users, elevates user experience, increases the quality of your final code, and keeps clients happy. The problem is that developers often see prototyping as a waste of time. In this article, Daniel Pataki will show you that by using WordPress, highly interactive prototypes with great visuals are not at all that difficult to make. While all this seems complex, beginners should be able to follow along easily, including the “create your own server” section, which is a cinch!
Read more…
Although it’s definitely still a work in progress, Sketch continues to be Ashley Bennent’s go-to web design program. Its tools and interface prioritize design for the web. Things like the premade artboard templates, symbols and simple exporting functionality have drastically sped up my workflow and made the design process a little easier. Sketch has also improved my entire workflow, from moodboards to the early stages of development, making it an optimal tool for responsive design. Plenty of other programs out there have similar features, and until the most recent update (Sketch 3.2), users were battling a lot of bugs in the app. So, why Sketch? Bugs or no bugs, it has become the best tool for UI design, including responsive web design.
Read more…
A quick query of “mobile navigation” returns thousands of opinions on navigation patterns, including the “hamburger” menu, front-end plugins, frameworks and plenty of other tools. Despite this changing landscape of tools and design trends, a successful navigation system sends users on the path to the exact content they need at the right time. In this article, Patrick Marsceill will explore the beginnings of the design process, as well as techniques specific to mobile ideation, and a unique idea for building a prototype navigation system in Keynote.
Read more…
Edge Reflow is one in an avalanche of tools that have come out that make it possible to visually design a responsive website. What you do with that design is up to you (and the capabilities of the tool). Edge Reflow was created to address how responsive design has changed our web workflows. In this article, Brian Wood gives you a quick-ish tour of the features in Edge Reflow CC.
Read more…
