User Interface Design

PDF versionPDF version

Course Title:
User Interface Design

Instructors:
Gyuri Juhász (course lead), Zita Farkas, Zsuzsanna Kovács, Judit Pónya, Csaba Varga

Duration:
Weeks 1-14, 2 credits

Short Description of the Course:
This course addresses user satisfaction in the software industry by focusing developers’ awareness and skills towards making user friendly software that serves users’ needs well and is a source of satisfaction rather than frustration.

Software industry analysts estimate that about 90% of the software written, tested, and delivered according to pre-agreed specifications of prospective users is simply not used. This overwhelming inefficiency is due to different languages and intellectual satisfaction criteria of software experts and domain experts, who find it easier to impress their peers with technical solutions or publications than to talk and listen in the language of the “other side”.

The course improves user-centered thinking. Student teams design the user experience of an interactive system of their own choosing, and learn a few key methods of understanding end users’ needs, creating prototypes of a user interface and validating them by user testing.

In 2 or 3 extra sessions, with the assistance of invited experts, students analyze software tools and services and identify details of good or poor usability. Industry experts in various domains (Architectural CAD, navigation, search, streaming video, etc.) highlight domain-specific design and usability problems. Students analyze problems and find solutions via hands-on practice.

Participants of the User Interface Design course are encouraged to sign up for the IT Entrepreneurship course (Gábor Bojár) as well, because the objective of the two courses are closely related. While the User Interface Design course focuses on how to design an easy to use product, the IT Entrepreneurship course teaches how to build a company to sell that product. Along the semester, students create customer-related materials in the UID course which can be re-used in the other course.

Aim of the Course:
This course enables and encourages students to create user-friendly solutions regardless of their manual creative skills or design experience. We achieve this by increasing sensitivity to users’ real problems and developing analytical and design skills to solve them.

In addition, by simulating processes of real-life software design, students will gain insights into the practice of user-centered design under difficult organizational, budget and deadline constraints. They will also improve their teamwork and presentation skills.

Finally, the course aims at raising student awareness of cognitive sciences, usability engineering and related disciplines.

Prerequisites:
There are no prerequisites for this course. It is a principal aim of the course to demonstrate that usable software can be created without extensive theoretical background, just as great dishes can be cooked without being an expert in food chemistry.

The tools and methods used are simple and low-tech; basic user-level computer skills are sufficient for this course.

Detailed Program and Class Schedule:
The course can be best characterized as a design workshop. Students walk the path from an idea to a sophisticated and detailed prototype of an interactive system. Along the way, they collect theoretical knowledge via learning-by-doing and trial-and-error, as opposed to formal lectures about fine details of the discipline.

Students learn how to avoid the most common pitfall of software development projects that prevent delivered systems from being fully-utilized – or used at all: the lack of proper understanding of the users of the system, their current and future needs, and the lack of verification of concepts and early designs.

Students form teams to develop user interfaces in a series of workshops which take them along the most important steps of the design process. See the table below for more details about the themes and schedule of the workshops. Each workshop starts with a brief introduction to the goals and methods of the workshop, but most of the time is dedicated to intensive teamwork with the assistance of the instructor. 

Part 1: Goal setting and research. Analysis of users and their needs, preferences, and thinking.
Part 2: Shaping the information architecture and creation of early sketches. Collecting feedback from mentors and peers.
Part 3: Bits of theory.Design iterations and evaluation methods. Testing with external users.
Part 4: Adding final details and presenting the results.

In addition to the lectures and workshops, students are expected to spend at least 2 extra hours per week in teams, completing and refining what they produced in the preceding workshop, to ensure that all teams progress at an equal pace.

Content and schedule:

Week 1 Course intro. Design practice of a simple device.
Week 2 Early user research. Interviewing techniques.
Week 3 Persona creation workshop and storyboarding.
Week 4 Sketching workshop.
Week 5 Evaluation of sketches.
Week 6 Principles of human cognition.
Week 7 Design patterns and guidelines.
Week 8 In-class design workshop and prototype building.
Week 9 User testing workshop.
Week 10 Remote evaluation methods and exercise.
Week 11 Written test and final design consultation.
Week 12 Student design presentations and evaluation.

Note: the instructors are active employees or consultants working for leading companies. While this guarantees that the methods and approaches are 100% up-to-date and match current industry trends, their duties may lead to minor changes in the schedule.

Method of instruction:
Lectures with hands-on practice and analysis, project-based creative sessions in groups, prototype and design creation on paper and with simple software tools.

Groups are assisted in the creative process by mentors from local software companies.

Homework:
Homework assignments are related to the design themes of the groups. They require individual or group activity.

Required reading:
Steve Krug, Don't Make Me Think! A Common Sense Approach to Web Usability, New Riders, 3rd Edition, 2014.

The book is a companion to the course, discussing topics also covered by the course in an eye-opening, entertaining manner.

In addition to the book, instructors may require the reading of selected articles or blog posts from user experience- or design related online portals.

Optional reading:
Carolyn Snyder, Paper Prototyping, Morgan Kaufman, 2003.

The book provides valuable assistance for those groups which create paper-based mockups as opposed to on-screen, digital prototypes.

Course leader’s Bio:

Gyuri Juhász (born 1962) is lead User Experience Designer at LogMeIn, Inc. Graduating as an architect, he joined Graphisoft in 1987. Participated in the development of ArchiCAD, and established a design team introducing usability engineering methods to the development process of Graphisoft. Later he consulted in the fields of online banking and telecom to help the creation of user-friendly systems. Since 2010, he designs user experiences for LogMeIn's portfolio of innovative products and services.