This hands-on course examines how content is organized and structured to create an experience for a user, and what role the designer plays in creating and shaping user experience. You will be led through a condensed process that acts as a roadmap for developing robust UI/UX design: from ideation and sitemapping, to the creation of paper and digital prototypes. Building on the design skills learned in Visual Elements of User Interface Design, you will apply this methodology to produce a digital prototype for a multi-screen app of your own invention.
By the end of this course, you will be able to describe and apply current best practices and conventions in UX design, and employ the fundamental principles of how UX design functions to shape an audience's experience of a given body of content.
This is the second course in the UI/UX Design Specialization, which brings a design-centric approach to user interface (UI) and user experience (UX) design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone.
These courses are ideal for anyone with some experience in graphic or visual design and who would like to build their skill set in UI or UX for app and web design. It would also be ideal for anyone with experience in front- or back-end web development or human-computer interaction and want to sharpen their visual design and analysis skills for UI or UX.
Ce cours fait partie de la Spécialisation UI / UX Design
UX Design Fundamentals
proposé par
Programme du cours : ce que vous apprendrez dans ce cours
Semaine
112 minutes pour terminer
Course Overview
Welcome! In this first module I will summarize the assignments and expectations of this course.
1 vidéo (Total 2 min), 4 lectures
1 vidéo
Course Introduction2 min
4 lectures
About this course2 min
About the assignments2 min
Required Tools3 min
About CalArts and the Program in Graphic Design3 min
2 heures pour terminer
Ideation, Articulation, Development
Your assignment at the end of this week is the first stage in a multi-step process towards developing a clickable prototype: coming up with a clearly articulated idea for an app with a specific goal in mind. So this week we will focus on how to articulate and structure your ideas and goals, how to use naming and language as a part of your app’s identity. We will also look at audience research and user centered design.
8 vidéos (Total 50 min), 2 lectures, 1 quiz
8 vidéos
Ideation, Articulation, Development3 min
Good Ideas6 min
Ideas and Goals6 min
Research and Development7 min
Audience and Rationale7 min
Goals and Outcomes (for the Client/Designer)5 min
Naming and Mission11 min
2 lectures
Try it yourself: Analyze an existing app10 min
Try it yourself: Map out the possibilities10 min
Semaine
24 heures pour terminer
Planning, Testing, Researching, Mapping
This week we’re going to continue to develop, plan, and test your app idea. We’ll start by sketching out more extensive content and mapping it into a structure. To test what aspects of your app are working, we’ll look at how to create a non-visual paper prototype and work our way towards a sitemap. While you’re developing the logic of your app, you’ll also begin to develop the look and feel of it: the visual development process.
8 vidéos (Total 54 min), 2 lectures, 3 quiz
8 vidéos
Mapping, Testing, Envisioning4 min
Mapping Content9 min
Mapping Interaction10 min
Non-Visual Paper Prototyping9 min
Non-Visual User Testing4 min
Sitemap8 min
Look and Feel/Visual Research6 min
2 lectures
Defining your app's functions step-by-step10 min
Try it yourself: Non-Visual Prototyping & User Testing30 min
Semaine
33 heures pour terminer
What Goes Where?
At this stage in our process we are going to take our site map, look and feel research, and user testing to the next level in order to get a more accurate static prototype. By building a wireframe of our interface, we’ll figure out what goes where, and on which pages, utilizing our user testing information to figure out the hierarchy and structure of our app. This week is about the logic and functionality of our interface, and how it’s actually going to work within the app.
10 vidéos (Total 49 min), 1 lecture, 2 quiz
10 vidéos
Getting real: Wireframes and Interfaces2 min
Nielsen's Usability Heuristics3 min
What goes where? Part 11 min
What goes where? Part 29 min
Consistency and Details6 min
Wireframe Map6 min
Visual Direction5 min
Developing UI4 min
Refining UI7 min
1 lecture
Try it yourself: Build a wireframe map15 min
1 exercice pour s'entraîner
Usability Heuristics10 min
Semaine
44 heures pour terminer
Making it by Faking it
In this final week of the course, you will be taking your wireframes or app screens and make a simple functioning digital prototype to simulate the experience of interactivity. We’ll be using simple prototyping software to put your static screens into a realistic context, and simulating interaction in order to understand how your app feels, in order to troubleshoot and fix problems. This is the part of the course where all your talents come together! For me this is the most exciting part of UI/UX development, when it all starts to become real and you have a believable prototype in your hands.
7 vidéos (Total 46 min), 3 lectures, 1 quiz
7 vidéos
Making it by faking it1 min
Feeling Real15 min
Linking Up7 min
Branching Out5 min
Making Pathways5 min
Publish your Prototype7 min
3 lectures
Important notes about this week's assignment2 min
Try it yourself: Create a generic prototype30 min
Next Steps3 min
4.8
23 avisMeilleurs avis
Excellent course. A lot of very valuable work is done in this and it's great the execution can be as detailed as you want it to be. Highly recommended.
Very interesting course, I learned a lot from it. I would love some feedback from a professor at least in the last assignment.
Enseignant
Michael Worthington
Faculty, Program in Graphic DesignSchool of Art
À propos de California Institute of the Arts
CalArts has earned an international reputation as the leading college of the visual and performing arts in the United States. Offering rigorous undergraduate and graduate degree programs through six schools—Art, Critical Studies, Dance, Film/Video, Music, and Theater—CalArts has championed creative excellence, critical reflection, and the development of new forms and expressions.
À propos de la Spécialisation UI / UX Design
The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. In this sequence of four courses, you will summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project’s strategy, scope, and information architecture, to developing sitemaps and wireframes. You’ll learn current best practices and conventions in UX design and apply them to create effective and compelling screen-based experiences for websites or apps.
User interface and user experience design is a high-demand field, but the skills and knowledge you will learn in this Specialization are applicable to a wide variety of careers, from marketing to web design to human-computer interaction.
Learners enrolled in the UI/UX Design Specialization are eligible for an extended free trial (1 month) of a full product suite of UX tools from Optimal Workshop. Details are available in Course 3 of the Specialization, Web Design: Strategy and Information Architecture.
Foire Aux Questions
Quand aurai-je accès aux vidéos de cours et aux devoirs ?
Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Quelle est la politique de remboursement ?
Une aide financière est-elle possible ?
D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.
Coursera propose un accès universel à la meilleure formation au monde,
en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.
© 2019 Coursera Inc. Tous droits réservés.
