Eyetracking research shows people read Web content in the F-pattern. The results highlight the importance of following guidelines for writing for the Web.
To transition images from mobile to desktop, consider relative screen space and information density. Pay attention to cropping, scaling, and proportions.
When using large-screen images on smaller screens, remove images that don’t add information. Then, pay close attention to cropping, scaling and placement.
Though aesthetically appealing, flat designs often force users to guess which elements are interactive, leading to increased user errors and frustration.
Wireflows are a combination of wireframes and flowcharts. They can document workflow and screen designs when there are few pages that change dynamically.
Users are 37% faster at finding items within a list when visual indicators vary both in color and icon compared to text alone. If choosing between using color or an icon, icons with strong information scent perform better than color alone.
To support scanning and product comparison, item descriptions on listing pages should have a visual design and layout that preserve content priorities.
18-to-25-year olds gave slightly higher ratings of flat designs than older adults did. That increased aesthetic appeal may not be worth the cost of flat design.
Measure people's attitudes toward a user interface by a controlled vocabulary test: give users the list of product reaction words and asks them to select those that best describe the design.
Users can think they see the entire web page, although additional content exists off-screen. Designers must help users discover all relevant information.
