UX design

Cards (58)

  • A/B testing is two versions of a web page are shown to users with one variable changed
  • Accessibility is a design process that enables people with disabilities to interact with a product
  • Adaptive
    different design layouts specifically designed for different devices. device type is detected and specific version of a website is shown
  • Affordance
    clues that hint the users what to do with an element. ex: handle is an affordance that the door can be opened. ex: buttons
  • Agile
    incremental approach to design - breaks down process to two week cycles called “iterations”
  • Analytics
    measure human behavior on site - help better understand patterns of usage
  • API
    application programming interface - software that helps different applications communicate with each other
  • Front-end development
    code that builds what users see - interface
  • Back-end development
    powers the front end - databases and servers
  • Backlog
    Prioritized list of tasks to be completed
  • Beacon
    Small bluetooth transmitters that communicate with smartphones
  • persona
    A representation of the target audience so that you are designing for a specific audience instead of a generic one'
  • User centered design
    The design and development process that aims to produce a deign that aligns with the wants and needs of the user
  • Experience Architecture
    A map that lays the outline of the path that a user will take from the start to the intended goal
  • Information Architecture
    Chalking out and deigning an information model
  • User Interface Elements
    Virtual items on a website's interface that allow users to engage with the design
  • Interaction Design
    Developing a structure and pattern of actions or behaviors for a design and its users
  • Experience Design
    Working out how a design will function across multiple platforms
  • breadcrumbs
    Secondary navigation aids that tell users where they are on a website
  • Pain points
    The problems users face that create friction in certain user flows
  • user flow
    A visual representation of a specific route that a user might take though your website or app in order to achieve a goal
  • screen reader
    Which web accessibility feature for web browsing BEST helps users with low vision
  • gorilla arm
    One of the design principles you should keep in mind for touch-based systems is______
  • it requires more space
    what is a disadvantage of vertical navigation
  • search list
    which is a type of html list
  • margin on the div.column-3
    the space between the columns and at the edges of the page is set using what
  • parody
    _____ refers to a new creative work which uses or imitates an existing work for humor or mockery
  • use infographics sparingly
    which of these is a best practice to improve text readability for optimal user experience
  • websites, tools, and technologies are designed and developed so that people with disabilities can use them

    what is meant by web accessibility
  • bypass blocks
    an e-commerce website includes a long list of filters prior to the search results listing. a link above the list enables users to skip the filters and get to the product results quickly. this is an example of what
  • ☰

    an entity that looks like a hamburger is
  • label
    if a page includes more than one navigation landmark each should have a unique ____
  • Attribution-NonCommerical-NoDerivs
    which is the most restrictive cc license
  • value
    lightness or darkness of a color relative to others around it is called _____
  • aesthetic-usability effect
    users think attractive software is more functional and productive. this design principle is called _______
  • news
    which of these works would not be available under a creative commons license
  • use of wikis
    which is an example of iterative design on the web
  • <div role="nav"></dir>

    the appropriate semantically correct place to put the primary navigation for the site is in the _____ tag
  • width: 46%

    if the image plus the space around the image is to be 50% and the margin-left is 2%, what should the image width be?
  • cognitive friction high
    showing the user too much info can make ____