A diagnostic can be done during design and development to ensure that the mobile website or app adheres to best practices and guidelines. It also serves as a great starting point for a redesign to identify particular opportunities for improvement. In this article, Lyndon Cerejo will describe a process you can follow to evaluate a mobile UX, be it for an app or a website accessed on a mobile device. Alongside the explanation of each step, you’ll illustrate the step using the United States Postal Service as an unwitting real-world example.
Read more…
An abandonment means that a customer has visited a website, browsed around, added one or more products to their cart and then left without completing their purchase. Reducing the number of abandoned carts would lead to higher store revenue. The question then becomes how can we, as designers and developers, help convert “warm leads” into paying customers for our clients? Designers and developers are in a powerful position to help their clients increase their revenue, and being armed with tactics such as the ones outlined in this article will hopefully enable them to offer a wider range of services.
Read more…
If you browse your favorite website and close your eyes slightly so that your vision is a bit clouded by your eyelashes. Can you still see and use the website? Are you able to read the labels, fields, buttons, navigation and small footer text? Can you imagine how someone who sees differently would read and use it?
In this article, Cathy O’ Connor shares one aspect of design accessibility: making sure that the look and feel (the visual design of the content) are sufficiently inclusive of differently sighted users.
Read more…
In this article, Patrick Rudolph provides many hints, code snippets and lessons learned on how to build great hybrid mobile apps. He’ll briefly introduce hybrid mobile app development, including its benefits and drawbacks. Then, Patrick will share lessons he has learned from over two years of developing Hojoki and CatchApp, both of which run natively on major mobile platforms and were built with HTML, CSS and JavaScript. Finally, you’ll review the most prominent tools to wrap code in a native app.
Read more…
When planning your IA, involve users of your website in the process as soon as you can. Card sorting is a great way to become familiar with information architecture and user-centred design. It’s cheap, reliable and easy to set up. It’s a great way to become familiar with concepts such as information architecture and user-centred design. In this article, Pierre Croft will discuss card sorting, a tried and true technique for doing just that. You’ll go through some practical tips for running a card-sorting session, and also cover some examples.
Read more…
To help balance the craving for visual simplicity with the need to keep websites easy to navigate, you can borrow some concepts from the world of wayfinding. In this article, Dennis Kardys will show you how you can apply these concepts to the mobile web. Keep in mind that every person who browses an application is making their way through a space — often an unfamiliar one. As the user embarks on their journey, what types of wayfinding assistance are you providing to guide them?
Read more…
Design blueprints could mean the difference between a correctly implemented design that improves the user experience and satisfies customers and a confusing and inconsistent design that corrupts the user experience and displeases customers. For those of you who create digital products, design specs could mean the difference between efficient collaboration and a wasteful back-and-forth process with costly implementation mistakes and delivery delays. Specs can help you to build the right product more quickly and more efficiently. Effective collaboration requires effective communication. Investing in the development of workflows and tooling around to make this communication easier will pay off big with the effectiveness with which products are built.
Read more…
When sliders are not done well, they can cause a lot of frustration (not to mention lost sales) by standing between your customers and what they want. And getting them wrong is surprisingly easy.
In this article, Greg Nudelman and Daria Kempka will present a solution, including the design and code, for a new type of Android slider to address common problems, along with a downloadable Android mini-app for you to try out. It’s a deep dive into sliders based on a chapter in Android Design Patterns. Working with sliders is no great mystery, and there’s nothing to stop you from trying!
Read more…
Low-fidelity prototypes are rough representations of concepts that help us to validate those concepts early on in the design process. Throughout this article, Laura Busche will look at some of the features that make low-fidelity prototyping a unique tool to radically improve your work and to build an environment in which users’ needs can be truly realized. This article focuses on the practice and general principles behind integrating low-fidelity prototypes in design in general, covering applications that range from graphic, web and user experience design to business and service design.
Read more…
At Typeform, David Okuniev was inspired to simplify online forms by a movie that’s decidedly a blast from the past: the 1983 film WarGames, which centers around a student who remotely logs into a research computer and, through its terminal interface, nearly sparks a nuclear war. Stripping forms down to their basics and building them back up into something better took four years of work, but that core idea guided the team all along: questions are better than lists. In this article you will find David Okuniev’s story of how he turned that idea into a product that’s helped companies of all sizes get a 55% completion rate on their forms.
Read more…
