Introduction to UX Tools

Introduction to UX Tools


Credit Fall 2021
08/23/2021 - 12/12/2021

Course Information

Section 003
Distance Learning
W 18:00 - 18:50
David Correa

Section 003
W 18:50 - 20:40
David Correa

Office Hours

  • M T
    12:30 - 2:00
    Located in the Viscom Office Suite
  • W
    4:00pm - 6:00pm
    This online office meeting will take place in Bb Collaborate Course Room. See you class Bb site.

Course Requirements

Course Description: Instruction in the use of tools for visual design, prototyping and collaboration. Design principles, and design systems will also be explored.
Credit Hours: 3
Course Transfer: All courses offered in the Visual Communication department are workforce courses, and may have some transfer restrictions to other colleges. Students interested in transferring courses to another college should speak with our department advisors: Kim Aland or Jen Jones, or their Area of study advisor.
Course Rationale: Students will establish a foundation of essential skills needed to succeed in higher level courses offered in the UX Degree program. These skills include developing visual assets, identifying visual design and UI standards, learning about universal design principles, and reviewing best practices for effective team collaboration.
Course Prerequisites: There are no prerequisites.
Required: High speed internet access.
Distance Education: All course instruction is online. 
Communication: Emails will be sent to students from inside Blackboard which uses the ACC student gmail. It is critical that you check your ACC gmail – you can forward it to another email – because this is the only email your instructor will use throughout the semester. 



- Reading materials used in this course are FREE
- Books and Articles of interest are listed in Bb.

Course Subjects

Competency 1: Manipulate tools used for User Experience Design
Competency 2: Discover UI Design through Wireframing
Competency 3: Explore UI Guidelines, Design Systems and Design Patterns
Competency 4: Manipulate Responsive Layouts
Competency 5: Create Effective Prototypes


Student Learning Outcomes/Learning Objectives

What you’ll learn to do by the end of this course:
Course Level Outcomes:
- Discover tools used for creating visual assets, for prototyping, and for collaboration.
- Design for Web & Mobile
- Intro to UI Design Patterns
- Intro to Design Systems
- Wireframe for Design Success
- Design and Prototype
What you’ll learn to do by the end of the program:
Program Level Outcomes:
- Demonstrate effective Ideation for creative problem solving and idea generation.
- Describe the benefits of team collaboration.
- Use Human Centered Design and Design Thinking for design challenges.
- Apply a User Centered Design process to design websites and software applications.
- Explain the effectiveness of information gathered through UX research methods.
- Produce prototypes for software applications using industry standard methods, tools, and techniques.
- Design and develop responsive layouts for multi-device applications.
- Demonstrate professionalism and proficiency, in the presentation, design, and delivery of a UX portfolio.


Introduction to UX Tools: 16 WEEK FALL CALENDAR
Ongoing - Minor activities & quizzes, group discussion, participation
Wk 1 - 4
Competency 1: Manipulate tools used for User Experience Design
Group Activities
Selected Readings
Slides and Videos
Project 1: Working with Figma - Shapes, Vectors, Prototypes, etc.
Project 2: Design principles - The essentials with Figma
Wk 5 - 7
Competency 2: Discover UI Design through Wireframing
Group Activities
Selected Readings
Slides and Videos
Project 3: UI Design and Wireframing with Figma
Wk 8 - 10
Competency 3: Explore UI Guidelines, Design Systems and Design Patterns
Group Activities
Selected Readings
Slides and Videos
Project 4: UI Kit manipulation and intro to Design Systems
Wk 11 - 13
Competency 4: Manipulate Responsive Layouts
Group Activities
Selected Readings
Slides and Videos
Project 5: Responsive Layouts 
Project 6: Image Design
Wk 14 - 16
Competency 5: Create Effective Prototypes
Group Activities
Selected Readings
Slides and Videos
Project 7: Prototyping - Animations and Transitions with Figma
Activities may include:
inVision Prototyping
MIRO - Present and give feedback.
Google Slides
Ice Breakers



1. Don't fall behind!  Online classes depend upon regular communication! Sign in to my online office hours if you would like a demonstration of some aspect of the software or assignment that you are having trouble with. If you need clarification about an assignment so that you can proceed, don't hesitate to email me. If you fall behind with assignments, you will receive two email notices from me to your ACC gmail.
2. Turn in assignments on time:  Follow the weekly announcements in Blackboard for specific deadlines. Late work will automatically get a 10% grade reduction. For each week past the due date, another 10% will be deducted. Remember that in the working world, art turned in late would miss the publishing date and you would quite possibly be fired. No project accepted after 2 weeks past the due date.
3. Regularly back up your work to a jump drive, external hard drive or upload to Google Drive: Everyone has lost computer work at one time or another, but it cannot be an excuse for failing to complete a project on time. Keep your work on your computer, but also back up the “big stuff”. 
4. All of your work this semester will be sent to your instructor through links in Blackboard: this includes Figma file links, YouTube tutorial results, misc. exercises and projects. Always name your file starting with the first four letters of your last name, followed by an underscore and descriptive text (unless directed otherwise by your instructor). 
5. Class interaction: Throughout the course of the semester, you will be interacting with me and fellow students through Bb Collaborate, Miro, or the Bb Discussion Board. You will give and receive feedback on your work. I expect everyone to treat one another with understanding, dignity and respect.
5. Contacting the instructor: If you can’t meet with me during my set office hours, let me know and we can set up a time for an online meeting that will work with your schedule. I may be able to meet with you person-to-person at one of ACC campuses if and when they are open.
I respond to emails by 5pm: if I get an email after 5pm, you will hear from me the next morning by noon. However I will not normally answer emails over the weekend from 5:00 Friday to 9:00 am Monday.
Note: I will only answer emails from your official ACC gmail account and that is the email I will use to contact you throughout the semester. 
Instructional Methodology: Topics will be introduced via lectures and demonstrations, as well as through suggested reading and watching assignments. Occasionally quizzes will be used to reinforce project skills and vocabulary. Students can view recorded demonstrations in Blackboard that supplement the written explanations. Class meetings will be recorded.
Grading System: You can keep track of your semester progress by accessing your grades at any time in Blackboard. 
Below is a list of assignments and their grade percentages for this course. If any of these projects or grades change, I will notify you of those changes before we continue with the project. Grades will be computed on a 100 point scale. Projects along with attendance, participation and presentation contribute to your final grade for the class.
10% Ongoing - Minor activities & quizzes, group discussion, participation
20% Competency 1: Manipulate tools used for User Experience Design
Project 1: Working with Figma - Shapes, Vectors, Prototypes, etc.
Project 2: Design principles - The essentials with Figma
15% Competency 2: Discover UI Design through Wireframing
Project 3: UI Design and Wireframing with Figma
15% Competency 3: Explore UI Guidelines, Design Systems and Design Patterns
Project 4: UI Kit manipulation and intro to Design Systems
20% Competency 4: Manipulate Responsive Layouts
Project 5: Responsive Layouts 
Project 6: Image Design
20% Competency 5: Create Effective Prototypes
Project 7: Prototyping - Animations and Transitions with Figma


Student standards of conduct – Acceptable standards of conduct include behavior that is civil, courteous, and respectful of all members of the campus community, their property, and the property of the college; promotes mutual respect, equality, and safety of its members and opposes those acts that harass. Intimidate, or haze its members.
ACC’s policy on student student standards and code of conduct can be found here in the current student handbook:
Attendance and participation -- Regular and punctual class and laboratory attendance is expected of all students.  If attendance or compliance with other course policies is unsatisfactory, the instructor may withdraw students from the class. If you receive financial aid, your attendance must be certified in order to maintain your financial aid eligibility.
Withdrawal – It is the responsibility of each student to ensure that his or her name is removed from the roll should he or she decide to withdraw from the class. The instructor does, however, reserve the right to drop a student should he or she feel it is necessary. If a student decides to withdraw, he or she should also verify that the withdrawal is submitted before the Final Withdrawal Date. The student is also strongly encouraged to retain their copy of the withdrawal form for their records.
Students who enroll for the third or subsequent time in a course taken since fall 2002, may be charged a higher tuition rate, for that course. State law permits students to withdraw from no more than six courses during their entire undergraduate career at Texas public colleges or universities. With certain exceptions, all course withdrawals automatically count towards this limit. Details regarding this policy can be found in the ACC college catalog. 
Dropping or withdrawing from a course can have serious consequences that affect your financial aid, veterans’ benefits, international student status. Details regarding this policy and others can be found in the ACC college catalog.
Incomplete – An instructor may award a grade of “I” (Incomplete) if a student was unable to complete all of the objectives for the passing grade in a course. An incomplete grade cannot be carried beyond the established date in the following semester. The completion date is determined by the instructor but may not be later than the final deadline for withdrawal in the subsequent semester.
If you are unable to complete all of the objectives for the passing grade in a course due to extraordinary circumstances — such as illness or death in the family — I may grant an “incomplete.” Generally, to receive a grade of I, you must have completed all examinations and assignments to date, be passing, and have personal circumstances that prevent you from completing the course. Finally, these circumstances must have occurred after the deadline to withdraw with a grade of W.
Scholastic Dishonesty -A student attending ACC assumes responsibility for conduct compatible with the mission of the college as an educational institution. Students have the responsibility to submit coursework that is the result of their own thought, research, or self-expression.Students must follow all instructions given by faculty or designated college representatives when taking examinations, placement assessments, tests, quizzes, and evaluations. Actions constituting scholastic dishonesty include, but are not limited to, plagiarism, cheating, fabrication, collusion, and falsifying documents. Penalties for scholastic dishonesty will depend upon the nature of the violation and may range from lowering a grade on one assignment to an “F” in the course and/or expulsion from the college.See the Student Standards of Conduct and Disciplinary Process and other policies at
Copyright – The software programs used in the labs are licensed to the college, which is the original purchaser. Thus students cannot duplicate the software for their personal use. Do not use college equipment to duplicate software for other students or to produce work-for-profit. 
Do not download, copy or scan copyrighted material for use in your projects unless it meets the Fair use guidelines below and the copyright holder is properly credited.
Fair use is an important element of U.S. copyright law that allows for the use of copyrighted work without asking permission of the copyright holder, especially when the copyrighted work is used for criticism, scholarship, and education. Under the Fair Use guidelines students may:
• Incorporate portions of copyrighted materials when producing a project for a specific course; and
• Perform and display their own projects and use them in their portfolio or use the project for job interviews or as supporting materials for application to other schools.
For more information on Fair Use see
Student Rights and Responsibilities – Students at the college have the rights accorded by the U.S. Constitution to freedom of speech, peaceful assembly, petition, and association. These rights carry with them the responsibility to accord the same rights to others in the college community and not to interfere with or disrupt the educational process. Opportunity for students to examine and question pertinent data and assumptions of a given discipline, guided by the evidence of scholarly research, is appropriate in a learning environment. This concept is accompanied by an equally demanding concept of responsibility on the part of the student. As willing partners in learning, students must comply with college rules and procedures.
Privacy Policy –The Family Educational Rights and Privacy Act protects confidentiality of your educational records. Grades cannot be given over the phone, posted, over non ACC email, or through a fellow student.
Statement on Students with Disabilities – Each ACC campus offers support services for students with documented disabilities. Students with disabilities who need classroom, academic or other accommodations must request them through Student Accessibility Services (SAS). Students are encouraged to request accommodations when they register for courses or at least three weeks before the start of the semester, otherwise the provision of accommodations may be delayed. 
Students who have received approval for accommodations from SAS for this course must provide the instructor with the ‘Notice of Approved Accommodations’ from SAS before accommodations will be provided. Arrangements for academic accommodations can only be made after the instructor receives the ‘Notice of Approved Accommodations’ from the student. Students with approved accommodations are encouraged to submit the ‘Notice of Approved Accommodations’ to the instructor at the beginning of the semester because a reasonable amount of time may be needed to prepare and arrange for the accommodations. 
Additional information about Student Accessibility Services is available at:
Safety Statement – Austin Community College is committed to providing a safe and healthy environment for study and work. You are expected to learn and comply with ACC environmental, health and safety procedures and agree to follow ACC safety policies. Additional information on these can be found at
Because some health and safety circumstances are beyond our control, we ask that you become familiar with the Emergency Procedures poster and Campus Safety Plan map in each classroom. Additional information about emergency procedures and how to sign up for ACC Emergency Alerts to be notified in the event of a serious emergency can be found at
Please note, you are expected to conduct yourself professionally with respect and courtesy to all. Anyone who thoughtlessly or intentionally jeopardizes the health or safety of another individual will be dismissed from the day’s activity, may be withdrawn from the class, and/or barred from attending future activities.
Concealed Handguns Policy
The Austin Community College District concealed handgun policy ensures compliance with Section 411.2031 of the Texas Government Code (also known as the Campus Carry Law), while maintaining ACC’s commitment to provide a safe environment for its students, faculty, staff, and visitors. Beginning August 1, 2017, individuals who are licensed to carry (LTC) may do so on campus premises except in locations and at activities prohibited by state or federal law, or the college’s concealed handgun policy. It is the responsibility of license holders to conceal their handguns at all times. Persons who see a handgun on campus are asked to contact the ACC Police Department by dialing 222 from a campus phone or 512-223-7999.
Official Communications - The college uses ACCmail as the preferred means of communicating with students for most circumstances. You are assigned a personal ACCmail account that can be accessed through any web-based browser. It is your responsibility to receive and read email communications. Communications are considered properly delivered when they are sent through ACCmail. The college periodically mails items to the physical address listed on your student record. It is your responsibility to keep the address updated to ensure proper delivery. Instructions for activating an ACC email account can be found at
Cell phone policy – Please silence your phone during scheduled class times. Please do not check your phone or text during class time; you may check messages during your break. Online sessions - please join the meeting from a quiet space if at all possible. Free from background movement and noise.
Student and Instructional Services
ACC strives to provide exemplary support to its students and offers a broad variety of opportunities and services. Information on these services and support systems is available at:    
Links to many student services and other information can be found at:
ACC Learning Labs provide free tutoring services to all students currently enrolled in the course to be tutored. See the tutor schedule for each Learning Lab at:
For help setting up your ACCeID, ACC Gmail, or ACC Blackboard, see a Learning Lab Technician at any ACC Learning Lab.


What you’ll learn that will help in the workforce:
Secretary's Commission on Achieving Necessary Skills (SCANS): In 1989, the U.S. Department of Labor education jointly surveyed U.S. employers to find out the most important skills and competencies needed by workers. The results of that survey identified SCANS (Secretaries Commission on Achieving Necessary Skills). These are skills that employers need the most from their workers. SCANS skills are the predictors of success in workplace. The following is a list of SCAN competencies identified in this course. For expanded definitions of the listed SCANS, please go to:
1.1    Manages Times
2.3     Serves Clients/Customers
2.5     Negotiates
2.6     Works with Cultural Diversity
3.1    Acquires and Evaluates Information
3.2    Organizes and Maintains Information
3.3    Uses Computers to Process Information
4.1    Understands Systems
4.2    Monitors and Corrects Performance
4.3    Improves and Designs Systems
5.1    Selects Technology
5.2    Applies Technology to Task
5.3    Maintains and Troubleshoots Technology
Basic Skills
6.1     Reading
6.2     Writing
6.3     Arithmetic
6.4     Mathematics
6.5     Listening
6.6     Speaking
Thinking Skills
7.1    Creative Thinking
7.2    Decision Making
7.3    Problem Solving
7.4    Mental Visualization
7.5    Knowing How to Learn
7.6    Reasoning
Personal Qualities
8.1    Responsibility
8.2    Self-Esteem
8.3    Sociability
8.4    Self-Management
8.5    Integrity/Honesty
For expanded definitions of the listed SCANS, please go to: