Extra Questions Flashcards
WHICH OF THE FOLLOWING IS A
POOR INCLUSIVE DESIGN CHOICE?
USING A FULL NAME OPTION INSTEAD OF A FIRST NAME AND LAST NAME OPTION
USING IMAGES THAT INCLUDE A DIVERSE GROUP OF USERS
USING ALT-TEXT WITH IMAGES
DEVELOPING EFFECTIVE KEYBOARD NAVIGATION
USING NON PERSON-FIRST LANGUAGE
Using non person first language
WHICH OF THE FOLLOWING STATEMENTS IS FALSE?
A STORYBOARD IS CONSIDERED A LOW FIDELITY PROTOTYPE
FEEDBACK ON HIGH FIDELITY PROTOTYPES IS OFTEN FOCUSED MORE ON THE AESTHETICS OF THE DESIGN OVER THE PROCESS FLOW
A PAPER PROTOTYPING SESSION INCLUDES A HUMAN-COMPUTER ACTOR
AN INCLUSIVE DESIGN WILL CONSIDER BOTH ACCESSIBILITY AND INCLUSIVITY EVEN WHEN DESIGNING A PAPER PROTOTYPE OR WIREFRAME
A PROTOTYPE NEED NOT REPRESENT THE ENTIRE SYSTEM THAT IS BEING DESIGNED
Honestlyidk. Either its the story board one or inclusive design
WHEN DESIGNING A RESPONSIVE WEB INTERFACE THAT ADJUSTS SMOOTHLY BETWEEN DESKTOP & MOBILE DEVICES, WHICH GESTALT PRINCIPLE IS MOST CRUCIAL TO MAINTAIN VISUAL CONTINUITY AND ENSURE THAT USERS PERCEIVE THE WEBSITE AS A UNIFIED WHOLE ACROSS DIFFERENT SCREEN SIZES?
LAW OF SIMPLICITY: EMPHASIZING THE SIMPLEST FORM OR A CLEAR PATH IN DESIGN TO ENHANCE USABILITY ON VARIOUS DEVICES
LAW OF SYMMETRY: ENSURING ELEMENTS ARE SYMMETRICALLY ARRANGED FOR AESTHETIC BALANCE ON DIFFERENT SCREENS
LAW OF PROXIMITY: KEEPING RELATED ELEMENTS TOGETHER TO ENSURE THAT INFORMATION HIERARCHY AND GROUPING REMAIN CONSISTENT ACROSS DEVICES
LAW OF COMMON FATE: DESIGNING ELEMENTS TO MOVE IN THE SAME DIRECTION IN ANIMATIONS AND TRANSITIONS FOR SMOOTHER RESPONSIVE BEHAVIOUR
LAW OF PRAGNANZ: CREATING INTERFACES THAT ARE PERCEIVED IN THE SIMPLEST FORM POSSIBLE, ADJUSTING COMPLEXITY BASED ON DEVICE CAPABILITIES
LAW OF PROXIMITY
first law is not real
2nd and 5th are the same thing so cant be the answer
3rd is the answer.
What are the three main components of Information Architecture?
Content, Context and User
Personas and Scenarios help us understand:_______
The user and their behaviours
Law of Proximity is part of what group of terms?
Gestalt principles
Personas should be created through:
Evidence, not assumptions or stereotypes
With Typography, you should aim for three key goals
Avoid complicated language
Ensure legibility
Choose an ideal font for legibility
Visual feedback tells the user that the app:
Has received their request for action and is doing something
Recognizing Icons for what they do over remembering is called: ___________ ___ _______
Recognition over Recall
What are the three types of grid systems?
Column, Modular and Hierarchical
SVGs are better to use over JPEGS or PNGs, especially across several platforms because:
They can scale in size without loss of resolution/clarity of the image
Responsive design is an approach that:
Adapts to the device
Heuristic Evaluation, A/B Testing and Card Sorting are all what?
Types of Usability Testing Methods
What is an affordance?
An action a user believes is possible when interacting with an interface (could be doable or impossible to do, still counts as an affordance).
What is a signifier?
Cues that indicate that a user can perform an affordance.
What are some end results of prototyping?
Validate our UI Desgin
See if design fits user’s mental models
communicate effectively
Inspire “ownership”
Why should we be kind to designers of the past?
(a) Designers of the past did not have access to the internet, thus limiting their abilities to understand other
cultures.
(b) Designers of the past weren’t as creative or intelligent as designers of today.
(c) Designers of the past may not have had access to the same resources or technology that we have today.
(d) Since trends tend to be cyclical, the aesthetic choices made by designers of the past will come back into
fashion.
(e) Even though their designs might be out of style, they still look aesthetically pleasing.
A - Did not have access to the internet, limiting their abilities
A prototype is a model of something that allows us to test out ____________ and improve __________
Assumptions, our design/design of an interface
Does a prototype need to be a physical thing?
NO
It can be as simple as a use case
True or False?
A prototype covers all of the use cases and details of a possible application or interface
False
A PROTOTYPE DOES NOT NECESSARILY HAVE TO
DESCRIBE THE ENTIRE THING YOU ARE DESIGNING
YOU COULD DESIGN, FOR EXAMPLE,
ONE USE CASE AT A TIME
A PROTOTYPE SHOULD
USE THE ________________ OF THE USER
ALLOW FOR ____________ REFINEMENT
HELP THE DESIGN TEAM ________________________
Vocabulary
Iterative
Better communicate with a user/client
What are some benefits/downsides of low fi prototypes?
CHEAP & QUICK
EASY TO CHANGE
INVITES USERS/CLIENT TO BE CO-DESIGNERS
ABOUT THE PROCESS, NOT THE “PRETTY”
FEATURE CREEP IS HIGH
What are some benefits/downsides of high fi prototypes?
NOT AS CHEAP & NOT AS QUICK
NOT AS EASY TO CHANGE/UPDATE
CAN ALSO INVITE USERS/CLIENT TO BE CO-DESIGNERS*
ABOUT THE PROCESS BUT ALSO THE “PRETTY”
FEATURE CREEP IS LOW
IS a story board a hi-fi prototype?
No it is a low fidelity prototype.
What does a story board help us understand better?
The process + flow of the application
True or False
Accessibility Design is the same thing as Inclusive Design, just broader in scope
False
Accessibility is the ___________, inclusive design is ____ ___ ______ ____
destination, how we get there
Why is designing for mobile devices special?
Limited screen space
Different screen space across several different devices
Different way of navigation (touch screen vs mouse/tabbing)
What does content prioritization mean when it comes to mobile devices?
Using information architecture to determine what can be used to inform what makes it on the screen and what doesn’t
Also see using hierarchical grid system/layout to better determine what should be displayed on the limited screen space
What are some best practices when it comes to designing for mobile devices?
ASSUME A MOBILE-FIRST MENTALITY
USE SCALABLE VECTOR GRAPHICS
DESIGN FOR 3+ DEVICES
PRIORITIZE & HIDE CONTENT TO SUIT USERS’ CONTEXT
AIM FOR MINIMALISM
USE DESIGN PATTERNS
AIM FOR ACCESSIBILITY
If all of the content can’t be displayed on a smaller display, what should happen to that content?
PRIORITIZE AND HIDE CONTENT
SHOW THE USER WHAT THEY NEED, AND HIDE THE REST.
USE THE INFORMATION ARCHITECTURE TO SUPPORT THIS.
When designing for multiple devices, what does the term “breakpoint” mean?
A BOUNDARY WHERE DESIGN WILL NECESSARILY CHANGE TO ACCOMMODATE A DIFFERENT DEVICE/SCREEN SIZE. DESIGNERS TYPICALLY CONSIDER AT LEAST 3 DIFFERENT SIZES (MOBILE, TABLET, LAPTOP/DESKTOP)
List three main considerations of responsive design
Fluid grid system
fluid images
Media queries & breakpoints
What is a fluid grid system?
The principle of a grid is simple: every element occupies the same percentage of space, however large or small the screen becomes, which means that the components can be scaled up and down as the user switches devices.
What is a fluid image in responsive design?
In responsive design, fluid images are images that scale to fit their container, meaning that when the browser reaches a breakpoint, the image will scale up or down to the current window size.
In order to achieve fluid images, what image type would be the best to achieve this?
A) PNG
B) JPEG
C) WEBD
D) SVG
E) AI
D - SVG
What are media queries when it comes to responsive design?
Media queries are filters that detect the browsing device’s dimensions and make your design appear appropriate regardless of the screen size
T/F
Media queries work best with a “mobile first” mentality over a “desktop first” mentality
TRUE
Media queries work best with a “mobile first” approach where you define what you want on mobile and then scale up from there.
INCLUSIVE DESIGN - ALSO INCLUDES CONSIDERATIONS SUCH AS ________________, ____________, AND ACCESS TO ___________________
Socioeconomics, Education and Access to Technology
Avoiding images that contain text, Keyboard navigation
and Simplified language are all what?
Approaches to inclusive design
List some benefits of participatory design
ENHANCED USER SATISFACTION
INCREASED USABILITY AND ACCESSIBILITY
IMPROVED INNOVATION
OWNERSHIP & ACCEPTANCE
IMPROVED INCLUSIVITY
List some challenges of participatory design
MANAGING DIVERSE OPINIONS/EXPERIENCES
POTENTIAL FOR CONFLICT
FACILITATION SKILLS ARE REQUIRED
TIME & RESOURCES TO ENGAGE
When should you avoid paper prototyping over wireframes/other hi-fi prototypes?
Whenever you are revisiting a solution - if you’ve created a similar design/app several times before you should avoid paper prototyping (don’t reinvent the wheel)
