A Comprehensive Guide To Web Design — Smashing Magazine

(This is a sponsored post). Web design is tricky. Designers and developers have to take a lot of things into account when designing a website, from visual appearance (how the website looks) to functional design (how the website works). To simplify the task, we’ve prepared this little guide. In this article, I’ll focus on the main principles, heuristics, and approaches that will help you to create a great user experience for your website. I’ll start with global things like the user journey (how to define the “skeleton” of the website) and work down to the individual page (what should be considered during web page design). We’ll also cover other essential aspects of design, such as mobile considerations and testing. Table of Contents Designing The User Journey Information Architecture Global Navigation Links and Navigation Options “Back” Button in Browser Breadcrumbs Search Designing Individual Pages Content Strategy Page Structure Visual Hierarchy Scrolling Behavior Content Loading Buttons Imagery Video Call-to-Action Buttons Web Forms Animation Mobile Considerations Practice Responsive Web Design Going From Clickable to Tappable Accessibility Users With Poor Eyesight Color Blind Users Blind Users Keyboard-Friendly Experience Testing Iterative Testing Test Page-Loading Time A/B Testing Developer Handoff Conclusion Designing The User Journey Information Architecture People often use the term “information architecture” (IA) to mean the menus on a website. But that’s not correct. While menus are a part of IA, they are only one aspect of it. IA is all about the organization of information in a clear and logical way. Such organization follows a clear purpose: helping users to navigate a complex set of information. Good IA creates a hierarchy that aligns with user’s expectations. But good hierarchy and intuitive navigation don’t happen by chance. They are a result of proper user research and testing. There are a number of ways to…

Continue Reading

source https://andlocal.org/a-comprehensive-guide-to-web-design-smashing-magazine/
Source: http://andlocal.blogspot.com/2017/11/a-comprehensive-guide-to-web-design.html

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s