Mobile Devices and Responsive Design Patterns for a Successful Experience

Mobiles and Responsive Design: Patterns for a successful web experience

Responsive web design is no longer a subject for discussion when it comes to any kind of website development because it is a crucial step. As designers and developers, we have got to understand the importance of effective responsive design and …

How to Conduct a Usability Heuristic Evaluation

User experience works best when it’s incorporated into every stage of product development, starting from idea to development and testing. But usually things don’t happen that way and user experience specialists have to face the challenge of optimizing the existing …

Product Design Process & Documentation Essentials (Part 2)

Product Design Process & Documentation Essentials (Part 2)

In Part 1, we looked at sketching, wireframing, mockups, and low-fidelity prototypes as early stage design deliverables. As you progress in design, the visual fidelity may naturally increase as the functionality is finalized. Source: Design Better With Rapid Prototyping While …

Product Design Process & Documentation Essentials (Part 1)

Product Design Process & Documentation Essentials (Part 1)

From the zipper to apps like Dropbox for iOS, every product gets put to paper (or onto the screen) before they come to life. The design stage is a right of passage for all products — they’re either desirable or …

Helpful Tips to Improve Your Checkout Conversions

,

Helpful Tips to Improve Your Checkout Conversions

Believe it or not but the checkout process starts much earlier than when someone is literally making a purchase from their online cart. In order to improve checkout conversions, you need to ensure that the whole shopping experience is wonderful; …

Build a Responsive Grid System in LESS with Recursive Mixins

Responsive Grid System in LESS with Recursive Mixins

Ever wanted to build your own responsive grid system? It’s easier than you think. LESS has a feature known as recursive mixins, which can generate code that we’d otherwise have to type by hand. A recursive mixin acts as a …

Primer on Web-Based Grid Systems

Primer on Web-Based Grid Systems

What’s in a grid? A grid-style framework is the backbone to almost any web design project, providing the structure for your site as well as a way to organize content, elements and images. There are a variety of grid systems …

UX Tools: Implementing Doors Diagram

UX Tools: Implementing Doors Diagram

After “How To Improve Your Website’s UX With Doors Diagram” you learned what Doors Diagram is and how to use it. This is the second part of the topic explaining why to use this design tool, covering this approach in …

Designing Website Text for Readability

Louder

Text can be beautiful, simple, wild, engaging, exciting and a wide number of other things. It can stir emotion and helps users understand your message. Type can be a wide number of things but one thing is common – it …

Hot Data and Content Design Patterns for Mobile

,

Hot Data and Content Design Patterns for Mobile

Proper content and information design are not only important for traditional publishing or user-generated content sites, whether it’s the front-end experience or the underlying systems (ex: content management systems) that keep them operational. As users are able to interact with …