In this article, Harris Schneiderman walks you through the process of analyzing a wireframe and making coding decisions to optimize for accessibility.
Read more…
In this article, we will take a deeper look at one of the most simple yet quite often underrated activities in web development: the design of wireframes.
Read more…
Over the summer, Adobe XD released two great prototyping features: fixed elements and overlays. When you work with prototypes and want them to be more interactive, functions like these will be very helpful.
Read more…
(This article is kindly sponsored by Adobe.) Working with wireframes allows you to get creative without worrying too much about the style or the design of your project. This tutorial will teach you how to create a landing page for an online course website, and offers a mobile wireframe you can use to practice and follow along.
Read more…
Techniques such as wireframing and prototyping have transformed how user experience designers work nowadays. Let’s take a closer look at the benefits and the process.
Read more…
Why write requirements? Well, let’s imagine you want to produce a mobile app, but you don’t have the programming skills. So, you find a developer who can build the app for you, and you describe the idea to him. Surprisingly, when he showcases the app for the first time, you see that it is not exactly what you want. Why? Because you didn’t provide enough detail when describing the idea.
Read more…
Creating that singular piece of graphic design that users will first interact with each time they encounter your product can be intimidating. A beautiful, identifiable and memorable app icon can have a huge impact on the popularity and success of the app. But how exactly does one make a “good” app icon? What does that even mean?
Fear not, I’ve put together some tips and advice to help answer these questions and to guide you on your way to designing great app icons. I’ve been designing, making resources and giving talks about icon design for the past couple of years. In this article, and in the video at the end, I’ll sum up what I’ve learned about this amazing craft.
Read more…
In this article, Kyle Cassidy shares his thoughts and experiences on how lean thinking helped to instill efficiencies within his UX design process. For clients undertaking multiple projects, the lack of consistent wireframe deliverables was confusing and disorientating, with the client having to remember multiple URLs and logins while also learning how to navigate the various outputs. Many routine tasks were unnecessarily repeated across multiple projects. It was clear that they needed to establish some rules and guidelines to create a more cohesive approach. They needed to set a new direction, and now was the time to start.
Read more…
In order to improve your workflow, in this article Edric Lapniramai provides a checklist to refer throughout the UX designer’s wireframing process. Divided in three sections — decisions to consider before wireframing, detailing the design elements, and annotations —, this guideline can help you perfect your wireframes and be practical with your time.
Read more…
How do you go about designing an app? Michael Flarup brings you an article about just that. A top level, somewhat simplified, and very honest overview of the steps involved in designing an app. This is an account of how most of the apps I work on are born, complete with shameless links to the tools he uses. Now when people think of ‘designing’ something, their thoughts often circle around the visual aspects of a product. Pixel pushing in Photoshop or laying grids in Sketch, but that’s a common misconception. Design, in the context of this article, covers the entire process. It is every deliberate action meant to produce something. The truth is that from the moment you get an idea, you are designing.
Read more…