關於此課程：A blank canvas is full of possibility. If you have an idea for a user experience, how do you turn it into a beautiful and effective user interface? This covers covers principles of visual design so that you can effectively organize and present information with your interfaces. You'll learn concrete strategies to create user interfaces, including key lessons in typography, information architecture, layout, color, and more. You’ll learn particular issues that arise in new device contexts, such as mobile and responsive interfaces. You will learn how to apply these design principles in a modern context of increasingly diverse form factors - from tablets, to walls, to watches.
製作方： University of California San Diego
教學方： Scott Klemmer, Professor
Cognitive Science & Computer Science
| 基本信息 | 課程 6（共 8 門，Interaction Design Specialization ） |
| 承諾學習時間 | 三周，每周2-3小时 |
| 語言 | English |
| 如何通過 | 通過所有計分作業以完成課程。 |
| 用戶評分 |
授課大綱
第 1 週
Wireframes & Mock-ups
So you’re ready to lay out an interface. Don’t jump into code just yet. Rapid prototypes help you figure out the look and feel of an interface quickly, before you start implementation. In this week, I’ll introduce both principles and software tools for effective pixel prototyping. These rapid prototypes for communication within a design team and for getting buy-in from stakeholders. If you walk into any design studio, you’ll likely see these fast prototypes adorning the walls. Now you can add your own to the mix.
3 個視頻
- 視頻: Wireframing
- Cuadro de aviso de la discusión: Put on your critical hat: chartjunk
- 視頻: Mockups
已評分: A1: Wireframing
第 2 週
Flexible Layout
There’s more than seven billion people on the planet, and just about that many computing devices. Given that scale and diversity, interface design can’t be one-size-fits-all. In this module, we’ll dive into the rationale and strategies for designing interfaces more flexibly. We’ll talk about internationalization--i18n for you wonks and 1337 h4x0rs--and the interplay between script direction and interface layout. And we’ll discuss responsive design: having a ‘family’ interface strategy that grows, shrinks, and changes to accommodate a range of device form factors.
4 個視頻
- Cuadro de aviso de la discusión: Do you have a great example of responsive design?
- 視頻: Internationalization (i18n)
- 視頻: Make a Difference
- 視頻: Putting it all together
已評分: A2: Responsive
第 3 週
New devices, big data
2 個視頻
- Cuadro de aviso de la discusión: What area of smart things are you most interested in?
- 視頻: A Conversation with Visualization Expert Ben Fry
已評分: A3: Computing by the Inch, Foot, & Yard
已評分: Cumulative Quiz
常見問題解答
運作方式
Trabajo del curso
Cada curso es como un libro de texto interactivo, con videos pregrabados, cuestionarios y proyectos.
Ayuda de tus compañeros
Conéctate con miles de estudiantes y debate ideas y materiales del curso, y obtén ayuda para dominar los conceptos.
Certificados
Obtén reconocimiento oficial por tu trabajo y comparte tu éxito con amigos, compañeros y empleadores.
製作方
University of California San Diego
UC San Diego is an academic powerhouse and economic engine, recognized as one of the top 10 public universities by U.S. News and World Report. Innovation is central to who we are and what we do. Here, students learn that knowledge isn't just acquired in the classroom—life is their laboratory.
價格
| 購買課程 | |
|---|---|
| 訪問課程材料 | 可用 |
| 訪問評分的材料 | 可用 |
| 收到最終成績 | 可用 |
| 獲得可共享的課程證書 | 可用 |
評分和審閱
One of the best courses in this specialization! Personally I sometimes need to be pushed to understand that you can do it. With each assignment, you start realizing that everything is possible and you can quickly come up with ideas both for desktop, mobile, watch, and wall interfaces. Thanks, professor Scott Klemmer for this course and the specialization!
This course addresses key skills for UI design (wireframing and mock-ups), and with enough time and insight, the pieces could be portfolio-worthy. Unfortunately, unless you look ahead, you don’t realize in week 1 that whatever site you choose will be carried through the entire course. I happened to choose a rather boring wireframing subject, because it really needed a redesign, and ended up stuck with it for the entire course. And as Ben Fry says much too late in week 3, if you choose something you’re “personally curious about and invested in, it will show in the final outcome.”
The course is good overall, though my rating is a bit generous. My main issue is the conflicting way that the basic instruction is written in all of the assignments. The assignments say to mock-up the homepage and one other screen, while the submission criteria and grading rubric say two distinct key screens for two common tasks, or two screens for one task. If you follow the assignment and mock-up the homepage and one other page, you’re left describing tasks that you haven’t shown. I’m done with the course and still not totally sure on the intent here. Perhaps this could be edited for future sessions.
I like the Course.
I like the practical assignments a lot.