Online course: Web Design: Strategy and Information Architecture (part of the Long term online programme UI / UX Design)

Dates: any time

Duration: 12 hours

Rating: 4.8 / 5.0 out of 868 ratings (see top rating courses here)

Participating countries: anyone can apply

Apply: Here

Organizer: California Institute of the Arts at Coursera


  • FREE
  • $49 with sharable certificate

Web Design: Strategy and Information Architecture

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.



WEEK 1 Course Overview

Welcome! In this first module I will summarize the assignments and expectations of this course.

Course Introduction
About this course
About the assignments
Required tools
Instructor Presence and Staff Support
Forum Guidelines
Requesting Peer Reviews
Academic Integrity
Extended free trial offer from Optimal Workshop
About CalArts and the Program in Graphic Design

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

Introduction to Week
Defining the term “user experience”
User-centric design
What could possibly go wrong?
The UX Phases
Waterfall vs. Agile
Web vs. App
Project Ideas: Alyson and Bradley
Job Titles in the Web Industry
About Web vs. App optional quiz
Project Brief
Try it yourself: Research existing restaurants
A Final Thought for the Week

WEEK 2 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.

Introduction to Week
User Research
User Needs and Client Needs
Target Audience
Strategy: Alyson and Bradley
Interview with Craig Cooke: Determining success
Inspirational Websites
Try it yourself: User research methods
Example User and Client Needs: Pasadena Conservatory
User Personas
A Final Thought for the Week

WEEK 3 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.

Introduction to Week 3
Introduction to Outline of Scope
Content and Functionality
Outline of Scope Example
Scope: Alyson and Bradley
Interview with Melissa Kuo
Try it yourself: Sorting content and functionality requirements
A Final Thought for the Week

WEEK 4: 3 hours to complete

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.

Introduction to Week 4
Introduction to Sitemaps
Information Architecture
Sitemap Concerns
Sitemapping: an annotated process
Sitemap Elements
Sitemap Example
Treejack Introduction
Treejack Analysis
Sitemap: Alyson and Bradley
My Stuff or Your Stuff?
Try it Yourself: Test your sitemap using Treejack
Other UX tools from Optimal Workshop
Next Steps
A Final Thought for the Week