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.
While jump links have caused problems in the past, they can successfully be used to move users down long pages and directly to content, on any screen size.
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.
Different approaches to implementing mobile websites have each their advantages and disadvantages. All should follow the same mobile user-experience principles.
Decide whether and where to display thumbnails for list items based on the images’ importance relative to associated text, on whether images will be displayed for all list items, and on whether the small images are recognizably different from each other.
Extra care is required when designing mobile page layouts that include advertisements, due to the limited screen real estate available. Ads must be displayed where they will not create false floors nor block users from reaching relevant content.
Native and hybrid apps are installed in an app store, whereas web apps are mobile-optimized webpages that look like an app. Both hybrid and web apps render HTML web pages, but hybrid apps use app-embedded browsers to do that.