Acerca de este curso: This is the second course in the UI/UX Design Specialization, following Visual Elements of User Interface Design. 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 a user’s 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.
Para quién es esta clase: This course is ideal for anyone with some experience in graphic or visual design and who would like to build their skillset in UI/UX for web and app development. 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/UX. Beginners with little to no graphic design experience would benefit from taking the courses in the Graphic Design Specialization first, in particular Fundamentals of Graphic Design, as well as the first course in the UI/UX Design Specialization, Visual Elements of User Interface Design.
Creada por: California Institute of the Arts
Enseñado por: Michael Worthington, Faculty, Program in Graphic Design
School of Art
| Información básica | Curso 2 de 4 en UI / UX Design Specialization |
| Nivel | Principiante |
| Compromiso | 4 weeks of study, 3-4 hours/week |
| Idioma | English |
| Cómo aprobar | Aprueba todas las tareas calificadas para completar el curso. |
Programa
SEMANA 1
Course Overview
Welcome! In this first module I will summarize the assignments and expectations of this course.
1 video, 4 lecturas
- Reading: About this course
- Reading: About the assignments
- Reading: Required Tools
- Reading: About CalArts and the Program in Graphic Design
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 videos, 2 lecturas
- Vídeo: Ideation, Articulation, Development
- Vídeo: Good Ideas
- Discussion Prompt: What makes a great user experience for you?
- Vídeo: Ideas and Goals
- Reading: Try it yourself: Analyze an existing app
- Vídeo: Research and Development
- Reading: Try it yourself: Map out the possibilities
- Vídeo: Audience and Rationale
- Vídeo: Goals and Outcomes (for the Client/Designer)
- Vídeo: Naming and Mission
Calificado: An App of my Own
SEMANA 2
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 videos, 2 lecturas
- Vídeo: Mapping, Testing, Envisioning
- Reading: Defining your app's functions step-by-step
- Discussion Prompt: Define your app's functions
- Vídeo: Mapping Content
- Vídeo: Mapping Interaction
- Peer Review: Content Map
- Peer Review: Interaction Map
- Vídeo: Non-Visual Paper Prototyping
- Vídeo: Non-Visual User Testing
- Reading: Try it yourself: Non-Visual Prototyping & User Testing
- Vídeo: Sitemap
- Vídeo: Look and Feel/Visual Research
Calificado: Map your App
SEMANA 3
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 videos, 1 lectura, 1 cuestionario de práctica
- Vídeo: Getting real: Wireframes and Interfaces
- Vídeo: Nielsen's Usability Heuristics
- Practice Quiz: Usability Heuristics
- Vídeo: What goes where? Part 1
- Vídeo: What goes where? Part 2
- Vídeo: Consistency and Details
- Vídeo: Wireframe Map
- Reading: Try it yourself: Build a wireframe map
- Vídeo: Visual Direction
- Vídeo: Developing UI
- Vídeo: Refining UI
Calificado: Journey to the Surface of the App
SEMANA 4
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 videos, 3 lecturas
- Vídeo: Making it by faking it
- Reading: Important notes about this week's assignment
- Vídeo: Feeling Real
- Reading: Try it yourself: Create a generic prototype
- Vídeo: Linking Up
- Vídeo: Branching Out
- Vídeo: Making Pathways
- Vídeo: Publish your Prototype
- Reading: Next Steps
Calificado: Create a clickable prototype
Preguntas Frecuentes
Cómo funciona
Coursework
Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.
Help from Your Peers
Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.
Certificates
Earn official recognition for your work, and share your success with friends, colleagues, and employers.
Creadores
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.
Tarifa
| Comprar curso | |
|---|---|
| Accede a los materiales del curso | Disponible |
| Accede a los materiales con calificación | Disponible |
| Recibe una calificación final | Disponible |
| Obtén un Certificado de curso para compartir | Disponible |
Calificaciones y revisiones
Coursera brinda acceso universal a la mejor educación del mundo, al asociarse con las mejores universidades y organizaciones, para ofrecer cursos en línea.
© 2018 Coursera Inc. Todos los derechos reservados.
