Please enable JavaScript.

Coggle requires JavaScript to display documents.

UI/UX Design - Coggle Diagram

- - - - using a grid
        
        column
        
        modular
        
        uses columns and rows
        
        hierarchical
        
        uses columns, rows and modules, that expand in size
    - - global
        
        left-allignment side bar
        
        noticeable design
        
        need to avoid duplication horizontal menu
        
        move less important menu links to the sidebar's bottom
        
        avoid hidin navigation behing the icons
      - local
        
        user's current position
        
        what is closest to navigate
      - components
        
        breadcrumb links
        
        filters
        
        related links
    - - provide
        
        search
        
        navigation
        
        utility navigation
      - on the top of web site, mobile app
      - sticky
        
        remain at the same place while scroll down
- - - - headlines
      - web page headers
      - story lines, narratives
    - - web pages
      - mobile content
- - - - Increasing the amount of black to a hue will decrease the brightness or value
    - - objects current color
    - - is higher and better with fewer shades of gray, it will be lower with more shades of gray
      - purity of