Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 58 views

    Unit 2 Ui Ux

    Uploaded by

    adhivya295

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    Unit 2 Ui Ux

    Uploaded by

    adhivya295
    58 views42 pages

    Original Title

    Unit-2-ui-ux

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    58 views42 pages

    Unit 2 Ui Ux

    Uploaded by

    adhivya295

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 42

    UNIT – II - Foundations of UI Design

    Visual and UI Principles- UI Elements and


    Patterns – Interaction Behaviors and Principles
    –Branding- Style Guides
    Visual Design Principles
    Visual Design Principles
    Visual Design Principles
    Visual Design Principles
    Visual Design Principles
    User interface (UI) design
    • Is the process designers use to build
    interfaces in software or computerized
    devices, focusing on looks or style.

    • Designers aim to create interfaces which


    users find easy to use and pleasurable.

    • UIs should also be enjoyable


    Usability Clarity
    (easy to use)

    Perceptible
    Flexibility
    Information

    Size and Space Feedback

    Error
    Consistency
    Tolerance
    UI ELEMENTS AND PATTRENS

    • UI ELEMENTS
    – UI elements are the building blocks of a user
    interface, the individual parts that users see and
    interact with on websites, apps, and other digital
    products

    • UI PATTERNS
    - User interface (UI) design patterns are
    reusable/recurring components which designers use
    to solve common problems in user interface design
    UI ELEMENTS
    • Input Controls: checkboxes, radio buttons, dropdown lists,
    list boxes, buttons, toggles, text fields, date field
    • Navigational Components:
    Breadcrumb, slider, search field, pagination, slider, tags,
    icons
    • Informational Components:
    Tooltips, icons, progress bar, notifications, message boxes,
    modal windows
    • Containers:
    A graphical element that holds and organizes content within
    a user interface. Containers help group related items
    together and provide a visual hierarchy to the layout of an
    interface
    Containers
    Common UI Patterns

    1) Breadcrumbs
    – Use linked labels to provide secondary
    navigation that shows the path from the front to
    the current site page in the hierarchy.
    Common UI Patterns

    2) Lazy Registration
    – Also known as soft sign-up, allows the users to
    explore the site before asking them to register.
    This way, the user gets to interact with the site,
    the products, and the services it offers. The site
    can store data while the user browses.
    Common UI Patterns

    3) Forgiving format
    – lets users enter data in different formats and
    intelligently interprets it. This pattern is useful
    when it's not clear which format is needed for a
    data field..
    Common UI Patterns

    4) Hover controls
    Reveal additional information or functionality
    when users hover their cursor over a specific
    element. Hide nonessential information.
    Common UI Patterns

    5) Leader board
    A design pattern containing a list of rankings
    representing performance in a particular category
    or overall standings. It helps to show users exactly
    how they are performing in relation to others,
    which can increase competitiveness.
    Common UI Patterns

    6) Dark Pattern
    A dark pattern (also known as a "deceptive
    design pattern") is "a user interface that has been
    carefully crafted to trick users into doing things,

    You might also like