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…
Around a year ago, while working at a digital agency, I was given the objective of streamlining our UX design process. Twelve months later, this article shares my thoughts and experiences on how lean thinking helped to instill efficiencies within our UX design process.
When I arrived at the agency, wireframes were already being created and utilized across a variety of projects. Winning advocates for the production of wireframes was not the issue. All stakeholders (both internally and externally) understood the purpose of wireframes and appreciated their value in shaping and modeling digital experiences.
Read more…
When I was a developer, I often had a hundred questions when building websites from wireframes that I had received. Some of those questions were, “How will this design scale when I shrink the browser window?” and, “What happens when this shape is filled out incorrectly?” and even, “What are the options in this sorting filter, and what do they do?”
These types of questions led me to miss numerous deadlines, and I wasted time and energy in back-and-forth communication. Sadly, this situation could have been avoided if the wireframes had provided enough detail.
Read more…
I realized something the other day: I’ve been designing apps for nine years now! So much has changed since the early days and, it feels like developers and designers have been through a rollercoaster of evolutions and trends.
However, while the actual look and functionality of our apps have changed, along with the tools we use to make them, there are some things that have very much stayed the same, such as the process of designing an app and how we go through the many phases that constitute the creation of an app.
Read more…
