UI/UX DESIGN

SHE Level 3
SCQF Credit Points 20.00
ECTS Credit Points 10.00
Module Code M3W222973
Module Leader Mary Maclachlan
School School of Computing, Engineering and Built Environment
Subject Applied Computer Games
Trimester
  • B (January start)

Pre-Requisite Knowledge

Fundamentals of HCI or equivalent

Summary of Content

The module builds upon skills acquired in previous HCI modules or equivalent. The module aims to enable students to develop knowledge, understanding and skills relating to the design of the user experience and user interfaces for screen-based devices. Students will design user journeys and interfaces considering appropriate factors such as information architecture/visualisation, user experience and visual communication/graphic design. Students will create working simulations and prototypes of the design that will be evaluated using appropriate techniques to iteratively improve the user experience and the interface designs.

Syllabus

Overview of UX/UI Design -360b7 Interface Design in context b7 Roles of Designer, Developer in UI/UX Design b7 Interaction Types b7 Interaction Modes: Touch, gesture, voice etc User Experience Design -360b7 User-centered design, Design and the user: Contextual Research, User personas, Scenarios, b7 UX Development processes: waterfall, agile b7 Planning UX Projects: stakeholders/client/user requirements b7 Information architecture: Content copy and the user, information &data visualisation, Global and contextual navigation b7 Hierarchical structures b7 Designing for interactive flow: User Journeys/User Behaviour User Interface Design Visual communication/Graphic design -360b7 Use of Grids/Wireframes b7 Type, Colour, Imagery in UI Design Iconography and metaphor -360b7 Motion design b7 Designing feedback b7 UI semiotics b7 Internationalization b7 Communicating the UI b7 Usability b7 Accessibility Issues Design Brief Response, Analysis, Concepts Storyboards, Evaluation Testing: Usability/User tests, Early design iterations, Expert review, Surveys Prototyping/Simulation: Tools and Techniques: Paper/Digital Evaluation Techniques: Cognitive Walkthrough, Heuristic Evaluation

Learning Outcomes

On completion of this module, students should be able to:Critically evaluate existing interactive systems and the user experience/user interfaces these providePlan and design the user experience and user interfaces for an appropriate interactive system Select appropriate evaluation methods, within an iterative design process, to improve user experience and user interface designs

Teaching / Learning Strategy

The University 'Strategy for Learning' documentation has informed the learning and teaching strategy for this module. The module material will be introduced through lectures, while practical exercises, based on the lecture material, will be given to students for their practical sessions. Tutorials will be used to help explain and elaborate on both the lecture material and the practical exercises and provide opportunities for tutor led formative feedback to individuals and groups. Full use will be made of GCU Learn to provide lecture-based and related study materials thus encouraging the development of independent learning and allowing self-reflective feedback on student performance. Staff-based feedback on student performance for submitted work will be provided in line with the University feedback policy, with summative feedback and grades on the coursework assessment utilising GCU Learn. The additional interactive discussion features of GCU Learn may be utilised, as appropriate to the module, to stimulate independent and flexible student learning outwith scheduled class time. Students will work on project based coursework from a design/project brief, developing solutions to real-world or simulated problems. Formative feedback will be offered at various stages of the project and students will be expected to share their activity in group based tutorials and critiques.

Indicative Reading

ALLEN, J. and CHUDLEY, J. (2012) Smashing UX Design: Foundations for Designing Online User Experiences. Indianapolis: John Wiley & Sons, Inc. ISBN: 978-0470666852 ANDERSON, S.P. (2011) Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences . Berkeley: New Riders. ISBN: 978-0321725523 BERGSTRd6M, B. (2008). Essentials of Visual Communication. London: Laurence King. ISBN: 978-1856695770 BULEY, L. (2013) The User Experience Team of One: A Research and Design Survival Guide. New York: Rosenfeld Media ISBN: 978-1933820187 BUXTON, B., GREENBERG , S., CARPENDALE, S., and MARQUARDT, N. (2011) Sketching User Experiences: The Workbook. Burlington: Morgan Kaufmann. ISBN: 978-0123819598 COLBORNE, G. (2010) Simple and Usable Web, Mobile, and Interaction Design. Berkeley: New Riders. ISBN: 978-0321703545 HAGEM, R. and GOLOMBISKY, K. (2013) White Space Is Not Your Enemy: A Beginners Guide To Communicating Visually Through Graphic, Web and Multimedia Design (2 nd Edition). Abingdon: Focal Press. ISBN: 978-0240824147 KOLKO, J. (2010) Thoughts on Interaction Design. Burlington: Morgan Kaufmann. ISBN: 978-0123809308 KRUG, S. (2009) Rocket Surgery Made Easy: The Do-it-yourself Guide to Finding and Fixing Usability Problems. Berkeley: New Riders. ISBN: 978-0321657299 KRUG, S. (2013) Don't Make Me Think Revisited (3 rd Edition). Berkeley: New Riders. ISBN: 978-0321965516 SKOLOS, N. and WENDELL, T. (2012) Graphic Design Process: From Problem to Solution. London: Laurence King. ISBN: 978-1856698269 UNGER, R. and CHANDLER, C. (2012) A Project Guide to UX Design: For User Experience Designers in the Field or in the Making (2 nd Edition). Berkeley: New Riders. ISBN: 978-0321815385 WEINSCHENK, S.M. (2011) 100 Things Every Designer Needs to Know About People. Berkeley: New Riders. ISBN: 978-0321767530. WIGDOR, D. and WIXON, D. (2011) Brave NUI World. Burlington: Morgan Kaufman. ISBN: 978-0123822314 WOOD, D. (2014) Interface Design: An Introduction to Visual Communication in UI Design. London: Bloomsbury Publishing. ISBN: 978-2940411993 YOUNG PARK, J. (2008) Visual Communication in Digital Design. Seoul: YoungJin. ISBN: 978-8931434347

Transferrable Skills

b7 Specialist knowledge and application b7 Critical thinking and problem solving b7 Computer literacy b7 Self confidence, self-discipline & self reliance (independent working) b7 Awareness of strengths and weaknesses b7 Creativity, innovation & independent thinking b7 Reliability, integrity, honesty and ethical awareness b7 Entrepreneurial, independence and risk-taking b7 Ability to prioritise tasks and time management b7 Commercial awareness

Module Structure

Activity Total Hours
Lectures (FT) 6.00
Tutorials (FT) 18.00
Practicals (FT) 36.00
Assessment (FT) 18.00
Independent Learning (FT) 122.00

Assessment Methods

Component Duration Weighting Threshold Description
Coursework 1 n/a 100.00 40% Digital Folio summarising Project and Solution