As the mobile revolution developed over the last decade, designers and programmers suddenly had to worry about supporting an ever-increasing list of devices and screen sizes. At first, the solution seemed to be to design unique experiences for each, but a leading school of thought has become designing one site to rule them all, or responsive web design. This creates a seamless cross-device user experience and future-proofs designs.
Users always have a need for speed. Think about it. Have you ever thought, “I wish this webpage would load slower?” And it’s not just because technological advances have skewed our expectations in favor of the fast lane. We rely on the internet more now than ever to provide basic information and services. But economic inequality or geography means users are accessing these on devices and networks with a wide spectrum of speeds. To build webpages to perform as identically as possible in all conditions is to show care and consideration for all users. One of the biggest impacts you can make on load speed is optimizing your images.
A key component in your website’s feel, and some might argue the most readily noticeable, is color. We all have a favorite and before we can even read, we’re taught names and cultural associations for each. But choosing a color palette for a website that inspires the right emotions and works well with existing branding or content can be a challenge.
Users’ attention spans are short. They make judgments they may not even consciously realize about websites in seconds. Every element of a website’s design works in coordination to sway those judgments negatively or positively. There’s an overwhelming list of elements to consider for web design, but to be helpful I’ve highlighted the following 8 design areas I think are important to offer a good user experience.
There comes a time in every project when an idea transitions from conceptual to actual. In website and app design that time generally comes during the prototyping process. Prototyping can be done in a range of fidelities, or levels of detail, from low to high. Low-fidelity prototypes can be a great tool for quickly iterating design ideas and starting usability testing early in your design process, but the type of experience they offer is quite removed from a product’s endgame. High-fidelity prototyping is when things start to feel and look real.