Inclusive Design for User and Cultural Differences

Unit 4
INTRODUCTION
The world in which you are born is just one model of reality. — Wade Davis,
Award-Winning Anthropologist
While it is not possible to design a user experience that addresses the needs of every possible individual user, it is
important to make the user interface design as inclusive as possible and address the needs of the broadest range of likely
users. In this unit, you will explore strategies for inclusive design that will enhance the user experience for all users, and
serve the needs of those users who are differently abled as well. Accessibility to systems by a wide range of users is not
only important, but a legal requirement as well in many cases. In addition, you will explore key principles of cross-cultural
design that further extends access and enhances the user experience for those from other cultures.
Also in this unit, you will tie together all of the design strategies you have identified to address human factors in Units 1
through 4, and use these strategies to produce a prototype for the restaurant ordering system. Using the wireframe and
task flow you developed in Unit 3, you will add a color scheme, fonts, text, navigation controls, and additional content to
your layouts to create a medium-fidelity prototype for the customer who wants to select a meal, order it, and pay for it. You
will be using a prototyping tool that makes creating these screens easier, and allows you to link them to simulate the user
flow.
Reference
Davis, W. (2009). The wayfinders: Why ancient wisdom matters in the modern world. Toronto, Canada: House of Anansi
Press
Inclusive Design for User and Cultural Differences
[u04s1] Unit 04 Study 1
Studies
Readings
Use the Internet to read or review the following:
InVision. (n.d.). Retrieved from http://www.invisionapp.com
You will use this application to develop your prototype for the unit assignment.
InVision. (n.d.). Interactive prototypes. Retrieved from https://projects.invisionapp.com/d/main#/learn/interactiveprototypes
InVision. (n.d.). Project basics. Retrieved from https://projects.invisionapp.com/d/login?
redir=%2Fd%2Fmain%23%2Flearn%2Fproject-basics
Idler, S. (2013, April 16). How to design for a cross-cultural user experience (Part 1/2) [Blog post]. Retrieved from
http://blog.usabilla.com/designing-for-a-cross-cultural-user-experience-part1/
Idler, S. (2013, April 23). How to design for a cross-cultural user experience (Part 2/2) [Blog post]. Retrieved from
http://blog.usabilla.com/designing-for-a-cross-cultural-user-experience-part2/
You will discuss ideas in the Idler’s blog posts in the first discussion in this unit.
Hausler, J. (2015). 7 things every designer needs to know about accessibility. Retrieved from
https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility64f105f0881b#.9d0p7xxw1
Tutorials Support Log Out CJ Shaw 2
Oracle. (2012). How to prototype the user interface [PDF]. Retrieved from
http://www.oracle.com/webfolder/ux/applications/uxd/assets/faq/how-to-prototype-the-user-interface.pdf
The above two articles will be helpful in developing the unit assignment.
Media
Click User Interface Design Principles to view the presentation.
Optional Readings
To dig deeper in this unit’s topics, we recommend that you read or review the following:
Xie, A., Rau, P. P. L., Tseng, Y., Su, H., & Zhao, C. (2009). Cross-cultural influence on communication effectiveness
and user interface design. International Journal of Intercultural Relations, 33(1), 11–20.
Jagne, J. & Smith-Atakan, A. S. G. (2006). Cross-cultural interface design strategy. Universal Access in the
Information Society, 5(3), 299–305.
Smith, M. J., & Salvendy, G. (Eds.). (2001). Cross-cultural user-interface design [PDF]. Retrieved from
http://users.jyu.fi/~japawlow/05_marcus2001.pdf
W3C. (n.d.). Designing for inclusion. Retrieved from https://www.w3.org/WAI/users/
Zhu, C. (2015). Re-examining cross-cultural user interface design indicators: An empirical study [PDF]. Retrieved
from http://essay.utwente.nl/68170/1/Zhu%20Canhua%20-s%201520121%20scriptie.pdf
Optional Videos
Nordin, D. (2015). UX foundations: Accessibility [Video]. Skillsoft Ireland.
Learning Components
This activity will help you achieve the following learning components:
Evaluate how well a given design principle suits the client it is being designed for.
Identify design strategies that suit a range of human abilities and constraints.
Understand how persons with differing abilities may interact with a given interface.
User Interface Design Principles
 Transcript
[u04a1] Unit 04 Assignment 1 
Constructing a Prototype
Note: Complete the first discussion in this unit before you begin this assignment.
Assignment Overview
Tutorials Support Log Out CJ Shaw 2
In this assignment, you will use the work you completed thus far in Units 1 through 4 to create a medium-fidelity
prototype with mock-ups of what the pages will look like, and connections between them to illustrate user task flow.
You will not be doing any coding.
Assignment Preparation
Gather the wireframe you created for the Unit 3 assignment as well the feedback for the assignment, and your
journal containing your design strategy notes.
Complete the initial post for the first discussion in this unit.
Consider and select colors and fonts, as well as other images or graphic resources you may need for your
prototype.
Assignment Instructions
Once you have completed your preparation, you will create your prototype and design justification per the instructions
below.
Part A: Prototype
Build a prototype that suits the goals and expectations of its users. This should be an adaptation of the wireframe that
you submitted in Unit 3. Your prototype should provide the look and feel of your user experience, with all of the
following demonstrated:
Adhere to best design principles for layout and style.
Build navigation and controls that users would find intuitive.
Incorporate accessibility factors into the design of your interface.
Develop a flow that allows users to achieve their goals efficiently.
Your prototype should provide the look and feel of your user experience, with all of the following illustrated: color, font
styles and sizes, user controls, use of text and/or instructions, navigation controls, and the actual design layout of each
page.
Choosing a Tool to Create Web pages
You may use any tool available to you to build the prototype Web pages as long as it will allow you to create one Web
page per file in one of the following formats: .sketch, .psd, .pdf, .png, .jpg, .gif, or .png. Note that this means you could
also draw your screen or page by hand, and take a clear photo of it to generate a .jpg file. However, it will be difficult
for you to add color, fonts, images, et cetera, if you use this approach. Possible tools include Paint, PowerPoint,
Word, Adobe Illustrator, Visual Studio, Visio, et cetera. You may also use other prototyping tools that are available as
open source or via free trial downloads. The only requirement is that you should be able to save the page in one of the
formats identified above (one screen per page per file).
After you have completed all of your screens or pages and saved them as individual files, plan the user flow between
screens or pages for the customer to:
Select from the menu.
Pay for the meal.
Submit the order.
Using InVision to Build Your Prototype
You are required to use InVision to build your prototype in this assignment. InVision offers a free account that will allow
you to upload your screen or page files and link them together to mimic user task. Visit the InVision Web site (link given
in the resources) and sign up for a free account.
Please note: InVision will ask for an e-mail address and a phone number. Promotional e-mails from InVision
representatives are likely to arrive in the e-mail account you provide. You may wish to choose carefully what you share
with InVision, if you would like to avoid being contacted by their representatives.
Tutorials Support Log Out CJ Shaw 2
An initial Getting Started video will walk you through uploading your files and then linking them together by creating
hotspots (ideally over buttons) so that you can establish the flow through the screens that the user will experience when
using your restaurant ordering system. Complete creating the hotspots as well as the links between screens. Then test
your prototype by beginning with the start screen and going through the user tasks involved in selecting a meal, paying
for it, and submitting the order.
After you have completed your prototype and reviewed it carefully, from the Prototype view in InVision, click the green
Share icon and then click Public Share Link that appears in the gray bar at the bottom of the dialog box that opens.
Copy and paste the URL to your prototype in a document that will contain your design justification (see Part B).
Part B: Design Justification
Your design justification should explain the prototype design strategies and decisions that you made to address the
human factors most likely to be impacted by use of the food ordering system. Specifically, describe your choices and
justify the following items, and explain how they address important human factors:
Structure of each screen or page (organization of elements on the page).
Navigation controls.
Colors.
Font styles and sizes.
User controls (interactive components—buttons, textboxes, et cetera).
Use of text or instructions, as applicable.
When you have completed the prototype and the design justification document with the InVision public share link to
your prototype, add all files to a zip file and submit it to the assignment area. Also, create a post in the second
discussion in this unit that contains your InVision public share link, your e-mail address, and a brief description of the
restaurant for your user interface design.
Refer to the Constructing a Prototype Scoring Guide to ensure that you meet the grading criteria for this assignment.
Submission Requirements
Your assignment should meet the following requirements:
Written communication: Communicate effectively. While content is the most important aspect of your
assignment submission, organization, readability, grammar, and spelling are also important.
APA format: Resources and citations must follow current APA guidelines.
Document type: Submit the assignment as a zip file.
Resources
Constructing a Prototype Scoring Guide.
Interactive Prototypes.
Project Basics.
InVision.
APA Style and Format.
[u04d1] Unit 04 Discussion 1 
Cross-Cultural User Experience
Parts 1 and 2 of Idler’s blog post, “How to Design for a Cross-Cultural User Experience,” review Hofstede’s cultural
dimensions theory, and describe how these dimensions may impact the user experience. For each dimension, the article
depicts an image that shows where different countries are located on Hofstede’s cultural dimension scale, which should
Tutorials Support Log Out CJ Shaw 2
influence how the user experience might best be designed for users in that country. For each of the cultural dimensions
listed below, two countries are identified that are on opposite ends of the scale for that dimension.
Power distance: Australia and Russia.
Individualism versus collectivism: Mexico and Norway.
Masculinity versus femininity: Philippines and Sweden.
Uncertainty avoidance: Poland and Greenland.
Long-term versus short-term orientation: Argentina and France.
In your initial post, select a cultural dimension and describe the likely differences between users in the two countries
listed above based on the cultural dimension you selected. What design strategies would you need to include in your
food ordering system user interface if you were planning to implement a version of the application in each country?
Response Guidelines
Respond to the post of at least one other learner. Read his or her analysis and indicate whether you agree with the
evaluation and design strategies. Offer your suggestions to better engage and serve the needs of users, based on the
selected cultural dimensions.
Learning Components
This activity will help you achieve the following learning components:
Identify human factors that may affect users’ experience with an interface.
Understand best practices for building an interface prototype.
Resources
Discussion Participation Scoring Guide.
How to Design for a Cross-Cultural User Experience (Part 1/2).
How to Design for a Cross-Cultural User Experience (Part 2/2).
[u04d2] Unit 04 Discussion 2 
Sharing Your Prototype
Note: This is not a standard discussion. You are only required to post the link to your InVision prototype. No response
posts are required.
Important: Please complete the following no later than the end of this week. This discussion is designed to share your
InVision public share link to your prototype.
Include the following in your post:
Your Capella e-mail address (so that anyone who has reviewed your prototype can send you their review).
The InVision public share link to your completed prototype.
A brief description of the restaurant you selected for the course project.
Your fellow learners will need to have access to your prototype in time to complete Part B of Unit 5 assignment.
Learning Components
This activity will help you achieve the following learning components:
Understand best practices for building an interface prototype.
Understand how to provide a useful and respectful review of a colleague’s product.
Tutorials Support Log Out CJ Shaw 2
Resources
Discussion Participation Scoring Guide.
Updates and Handouts 
Periodically, information will be posted in this space for the good of the class.
Ask Your Instructor 
This forum was created to provide a convenient space for you to ask questions—questions about particular assignment
and discussion activities, questions about the course in general, questions about expectations. If there is something that
you feel you could use help with, please post your question here. Most likely, some of your classmates will have the
same concern, so your post may help several learners. If you feel your question is private, please use the Messages tool
found under Notifications.
Tutorials Support Log Out CJ Shaw 2