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.
Offert par
À propos de ce cours
134,969 consultations récentes
Compétences que vous acquerrez
Adobe XDAdobe IllustratorInVisionMarvelAdobe Indesign
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Cours 2 sur 4 dans le
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau débutant
Approx. 23 heures pour terminer
Recommandé : 4 weeks of study, 3-4 hours/week
Anglais
Sous-titres : Anglais
Programme du cours : ce que vous apprendrez dans ce cours
18 minutes pour terminer
Course Overview
Welcome! In this first module I will summarize the assignments and expectations of this course.
18 minutes pour terminer
1 vidéo (Total 2 min), 7 lectures
1 vidéo
Course Introduction2 min
7 lectures
About this course2 min
About the assignments2 min
Required Tools3 min
Forum Guidelines2 min
Requesting Peer Reviews2 min
Academic Integrity2 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.
2 heures pour terminer
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
4 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.
4 heures pour terminer
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
3 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.
3 heures pour terminer
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
4 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.
4 heures pour terminer
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
Avis
4.8
Meilleurs avis pour UX DESIGN FUNDAMENTALS
par BLFeb 25, 2020
This was an excellent course to learn how to design and create prototypes, but also and which I think is the most important, how to interact with information through decision making.
par AJAug 6, 2019
This is a great course, be prepare for a lot of homework on week 2 and keep in mind you will have to learn Invision at the end, even though course is designed around Adobe XD
par RSOct 1, 2019
Very nice course, it allowed me to discover adobe photoshop a bit. Also, content mapping now plays an important part in my thinking process when I think about new projects.
par CDMar 21, 2020
My favorite course in the specialization. The course laid out practical steps to help develop an app. I'm very pleased with the level of detail in the course materials.
par JOOct 13, 2019
Excellent course. Course i pretty challenging, forces students to really dive into the principles being taught. I really enjoyed working on the assignments.
par DYAug 25, 2019
great course. I rolled it into my "running a design sprint" certification I completed. These are great to roll together and get a more broad certification.
par MGJan 3, 2019
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.
par ATJul 21, 2019
A hands-on course with concise videos and key points to remember. Good insights in UX-fundamentals to jump into the next level. Thank you! :))
Offert par
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 du 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.
