CCT360H5 Study Guide - Fall 2018, Comprehensive Midterm Notes - Vector Graphics, Html, Cascading Style Sheets

179 views12 pages
CCT360H5
MIDTERM EXAM
STUDY GUIDE
Fall 2018
Unlock document

This preview shows pages 1-3 of the document.
Unlock all 12 pages and 3 million more documents.

Already have an account? Log in
Unlock document

This preview shows pages 1-3 of the document.
Unlock all 12 pages and 3 million more documents.

Already have an account? Log in
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 osues etu poduts eause the a’t figue 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
Unlock document

This preview shows pages 1-3 of the document.
Unlock all 12 pages and 3 million more documents.

Already have an account? Log in
Diversity is the future of design
Think about differences in languages, length of ods, ight to left tl o ie esa, page
encodings, and visual hierarchy
o We sa otet o the e efoe 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 Oigi of pesoas
Ala Coope, 1999, The Iates ae Ruig the Aslu
Book based on emerging user-centric method of designing software
a pesoa is a fititious, speifi, ad oete epesetatio of taget
uses
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 udestad uses’
Context
Behaviours
Attitudes
find more resources at oneclass.com
find more resources at oneclass.com
Unlock document

This preview shows pages 1-3 of the document.
Unlock all 12 pages and 3 million more documents.

Already have an account? Log in

Get access

Grade+20% off
$8 USD/m$10 USD/m
Billed $96 USD annually
Grade+
Homework Help
Study Guides
Textbook Solutions
Class Notes
Textbook Notes
Booster Class
40 Verified Answers