(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/
No comments:
Post a Comment