CCT360H5 Study Guide - Fall 2018, Comprehensive Midterm Notes - Vector Graphics, Html, Cascading Style Sheets
CCT360H5
MIDTERM EXAM
STUDY GUIDE
Fall 2018
CCT360 Intermediate Web Design
Week 1
Some General Terms
• Code
• Markup
• Design
• Content
• HTML
• CSS
• JavaScript, PHP, MySQL
• Server
• Client
• Browser
• Mobile responsive
• Apps
• Accessibility
Applications and Case Studies
• User experience in physical and digital spaces
o Ex. phones, microwaves, remotes, car dashboards, ATMs, airplanes, surgical/medical
equipment
o Ma osues etu poduts eause the a’t figue out ho to use these
gadgets
▪ Believing product does not work or perform as expected, despite products
almost never having hardware/software defects
• Areas:
o Design
o Industrial engineering, systems engineering, mechanical engineering
o Organizational psychology, cognitive psychology, clinical psychology, sports
performance, educational psychology
o Kinesiology
o Safety critical
o Medicine and neuroscience
Website and Mobile Case Studies
• Interfaces and usability
o Displays are different – design with differences in mind
o Think about screen size, resolutions, orientation, where users would use different
interfaces, how they interact with different screens
▪ Ex. browser window on phone, tablet, and laptop
o Single source complex data: feeds different interfaces
find more resources at oneclass.com
find more resources at oneclass.com
Diversity is the future of design
• Think about differences in languages, length of ods, ight to left tl o ie esa, page
encodings, and visual hierarchy
o We sa otet o the e efoe e ead
▪ Grids are therefore useful in helping users scan content with more ease
• Colour: choices and contrast
o For accessibility and more generally for usability
• Typography
o Too many fonts and poor type hierarchy is a common UX problem
o Serif vs. sans serif
• Personas: who is the website for?
o It’s ot fo ou!
o Oigi of pesoas
▪ Ala Coope, 1999, The Iates ae Ruig the Aslu
• Book based on emerging user-centric method of designing software
• a pesoa is a fititious, speifi, ad oete epesetatio of taget
uses
o A good persona:
▪ Reflect patterns observed in research
• Consider demographics, goals, objections, watering holes,
quotes/testimonials
▪ Focus on current state, not the future
▪ Realistic, not idealized
• Making good assumptions based on research – how do we know our
audience/personas
o Why it matters?
▪ The Information Architect (IA)
• Primary focus of IA is the structure itself and
secondarily the user interface representing the
structure on screen
o Make site maps and flow charts
• IA has a good understanding of how people
want to relate to the content and functionality
contained in the structure
o Do your research
• IA has good understanding of the range of
content and functionality to be supports by the
structure
o Inventory the content
▪ Help ou udestad uses’
• Context
• Behaviours
• Attitudes
find more resources at oneclass.com
find more resources at oneclass.com