19 Matching Annotations
  1. Apr 2020
    1. Vertical navigation needs to scroll and “stick” to the screen so that users don’t lose it. Often vertical navigation works well on a single page design
    2. With wider screens, the scroll is higher and some navigation elements might get “lost.”
    3. One thing is certain when it comes to navigation trends, users and designers seem to be fed up with completely hidden styles and demand options that work in similar formats on desktops and mobile devices. This might be one of the reasons a vertical pattern is trending.
    4. Responsive design almost forced designers to think about alternative navigation patterns to make getting around on small screens easier. And the hamburger menu icon was born.
    5. The common theme is that many hamburger icons open into vertical sliding navigation.
    6. One more word of advice when thinking about vertical navigation: Don’t be tempted to cram it too full of elements just to fill up the depth of a standard-resolution screen. White space is totally acceptable – and even highly recommended – as a design tool in this format.
    7. Non-traditional navigation styles can be a fun way to break up some of the same old design patterns.

      See the really creative/fun example image above.

    1. A top navigation conserves more vertical page space than a left navigation. With a left navigation, the navigation links occupy the left column of your page. This shrinks and narrows the content area of your page, which means you will have less space for your content. A top navigation, however, uses minimal vertical space, which allows you to occupy the content area of your page with content only.
    2. Because users read items from left to right, the priority direction for reading items is stronger horizontally than vertically.
    3. Items in a top navigation do not have equal weight. The leftmost items carry more visual weight than other items because of its placement in the primary optical area (top left). Items in the top left area get more exposure and are often seen as more important than other items.
    4. you will have certain items with higher priority than others. Because the user’s topic of interest is more limited in this context, placing items in a top navigation allows users to find what they want faster and easier.
  2. Mar 2020
    1. Layouts uses the Bootstrap framework, so everything you build with it is responsive. Sites that you build with Layouts display great on desktops, tablets and phones. The Bootstrap grid will shift and adjust automatically according to the screen size. Layouts gives you additional control over the exact appearance in every width. You can manually select how the grid will appear, to get perfect positioning on every device. You can even completely hide parts of the page if you don’t want them to appear on narrow screens.

      Good illustration

  3. Dec 2019
  4. Nov 2019
    1. Science sorely needs best practices in visual communication as well as in information design, a mature field with quantitative methods.

      Visual communication has scientifically proven grounds; it is not just some obscur magic from an artistic genius

  5. Oct 2019
  6. Aug 2019