Links & Resources
suggested links and resources for COMP 341/441
This list contains a variety of information, suggestions, and generally interesting material.
This section will be updated on a weekly basis during the semester.
We are not responsible for the content of external websites, and whilst we try to check the currency of each link, some may no longer work.
If you have any suggestions for additions to this section of the site, please feel free to contact me.
Course links will be updated during the semester.
Articles & Papers
- Colour
- Colour Inspiration
- Getting Started With VR Interface Design
- How Functional Animation Helps Improve User Experience
- Keystroke-level model for advanced mobile phone interaction
- Microsoft’s Metro Design
- Shigeru Miyamoto - Wikipedia
- Underestimated Power of Colour in Mobile App Design
Frameworks & Libraries - CSS, JS… (a few examples)
NB: there are many other options available, simply search online for css frameworks and choose your favourite.
Mockup and Prototype Tools - a few examples
- Adobe Photoshop, Illustrator
- Apple’s Keynote (useful for iOS)
- Figma
- Flinto
- Framer
- Google Drawings
- InVision
- Proto.io
- Sketch3
- XCode Interface Builder
Various
Videos
- Adobe Lightroom - Metadata
- Adobe Photoshop - Contextual Menu
- BBC - Design Rules - Colour
- Beginning Graphic Design
- Being left handed in a right-handed world - YouTube
- Chicago Tribune
- Curator’s Corner - The British Museum
- Digital Accessibility - YouTube
- Eye-tracking - Etre Demo
- Eye-tracking - Google Chrome in Japan
- Four Realms fashion featurette
- Gamification - Extra Credits - YouTube
- Genius of Shigeru Miyamoto
- Gestalt Laws - YouTube
- Google Analytics: Introducing Content Experiments
- Google Apps Script Tutorials
- Google’s Material Design
- Google Prototyping Series
- Grey square optical illusion
- How the hyperlink changed everything
- Left-handed in a right-handed world
- Macintosh UI demo
- Mathematics of Visual Illusions
- Microsoft HoloLens 2 demo - MWC 2019
- Microsoft Usability Testing - Windows 95
- Microsoft User Research
- Milton Glaser
- Mouse Pointers & Fitts’s Law - Computerphile - YouTube
- Nintendo’s Brain Age
- ‘No Such Thing as Color - what it’s like to be color blind’
- Royal Game of Ur - The British Museum
- Samsung One UI 2
- Sherlock Holmes’ Mind Palace
- Super Mario Bros
- Super Mario Run
- TED Talks
- TED-Ed Talks
- Touring SOE’s Usability Lab
- Understanding Color
- Why the Human Brain Can’t Multitask
- Xerox Star UI
Websites
- Apple - UI Design Basics
- The Chicago 00 Project
- Dark Patterns
- Gamification - Yu-Kai Chou & Gamification
- Gestalt Principles - Brief Overviews
- Gnome - Human Interface Guidelines
- Khan Academy - Exercise Dashboard
- Microsoft - Guidelines for Windows Runtime apps
- Microsoft - What are model-driven apps?
- Milton Glaser
- Spore (Electronic Arts) - Various Prototypes
- Usability - RightLeftRightWrong
- usability.gov
- UX of VR)
- Yahoo - Yahoo! Weather Mobile App
n.b. we are not responsible for the content of external websites, and whilst we try to check the currency of each link, some may no longer work.