This course is focused on the early user experience (UX) challenges of research, planning, setting goals, understanding the user, structuring content, and developing interactive sequences. While the concepts covered will translate to many kinds of interactive media (apps, digital kiosks, games), our primary focus will be on designing contemporary, responsive websites. In this course you will complete the first half of a large scale project—developing a comprehensive plan for a complex website—by defining the strategy and scope of the site, as well as developing its information architecture and overall structure. Along the way we will also discuss: - Different job descriptions in the web design industry and where UX and UI skills fall within this spectrum - The difference between native apps and websites - The difference of agile vs. waterfall approaches - User personas and site personas - User testing The work and knowledge in this course continues in the last course in the UI/UX Design Specialization, Web Design: Wireframes to Prototypes, where you will tackle—finally—wireframes, visual mockups, and clickable prototypes. This is the third 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.
This course is part of the UI / UX Design Specialization
Web Design: Strategy and Information Architecture
Offered By
- Designers
- Graphic Designers
- UI/UX Designers
- User Experience Researchers
- Artists
Syllabus - What you will learn from this course
Course Overview
Welcome! In this first module I will summarize the assignments and expectations of this course.
The User Experience Process
This week I will give you a brief overview of the user experience process that I will teach in this course sequence. We will begin by defining the term "user experience", and then briefly look at the five phases of UX design: Strategy, Outline of Scope, Sitemap, Wireframes, and Visual Mockups. I will also talk about the differences between mobile apps and websites, and the differences between waterfall and agile approaches to UX design. Lastly, I will introduce you to the main project that you will be working on in this course and the one that follows it. You’ll be starting your first assignment at the end of the week. Last, here's something to keep in mind this week: “Design is not just what it looks like and feels like. Design is how it works.”—Steve Jobs
Asking Good Questions: Determining Strategy
This week is all about strategy. We will talk about how to conduct research in the beginning of a project. And I will tell you about the importance of defining a target audience for your website. We’ll also discuss how to determine user needs and client needs. The strategy that you develop in this first step in the UX process will influence all decisions you make further down the line. That’s why it’s so important to take the time and think about what you want to accomplish, what the goals are, and how they might be measured when the project launches.
What is in and What is Out: Outlining Scope
By now you should have a pretty clear idea what your projects will be about and who your target audience is. This week we will talk about how to take the user and client needs that you have established and create a set of content and functionality requirements from them. In other words, you’re transforming your overarching goals from last week into specific requirements for your site.
Getting your Ducks in a Row: The Sitemap
Welcome to the last week of this course. With your outline of scope in hand, you will now learn how to transform the content and functionality requirements determined last week into a navigable structure. This structure will be visualized by something called a sitemap. I’ll tell you all about sitemaps and how to create them. Along the way we will also define the term "information architecture". And I will introduce a tool called TreeJack, which will enable you to test your site map on actual users.
Top reviews from Web Design: Strategy and Information Architecture
This course is extremely beneficial who wish to understand as to how web designing happens and works. I helps build strategy as it show show to build your ideas when you are actually working.
This course was fantastic! Content clear and the best part was seeing the instructor with actual students discussing actual projects. I would highly recommend this course. Thanks!
Instructor
Roman Jaster
Visiting Faculty, Program in Graphic DesignAbout California Institute of the Arts
About the UI / UX Design Specialization
Frequently Asked Questions
When will I have access to the lectures and assignments?
Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
What is the refund policy?
Is financial aid available?
What tools or software will I need to complete this course?
Since this is a graphic design course, to complete the assignments you will need access to a desktop or laptop computer with the appropriate software installed. You can't really do graphic design work properly on a smartphone or tablet. Adobe CC software is recommended for these courses, but alternatives are available. Software will be reviewed in greater detail in the first week of the course.
More questions? Visit the Learner Help Center.