UX/UI Design

Lesson №1. Website drafting arrangement

To examine

To practice

1. Web designer duties

2. Tools for work

3. Web designer work duties in the team

4. Stages of website drafting

5. Work process arrangement

6. Work with a customer

7. Brief workup

8. Choice of project

1. Choosing a topic that will be developed by students during the course (5–6-page landing)

2. Writing a brief for the student's future project

The teacher will check the assignment and discuss it with you in detail.

To learn

Agile

Briefing

Trello

Asana

Lesson №2. Analytics and trends

To examine

To practice

1. Trends in web design

2. Sources of trend watching

3. How to work with references

4. Resources for inspiration

5. Portfolios of successful designers

6. Competitor analysis

7. Criteria for competitor analysis

8. Target audience segmentation

1. Selection of references for the project

2. Creation of a competitor analysis table

3. Creation of a TA analysis table

The teacher will check the assignment and discuss it with you in detail.

To learn

Quantity grid

Storytelling

References

Target audience analysis

Lesson №3. User research

To examine

To practice

1. Product research

2. Types of research

3. Customer Development

4. The Five Why's method

5. Content analysis

6. Monitoring

7. Surveys and interviews

8. Focus groups

1. Project analysis using the Five Why's method.

2. Selecting two research methods and their application to the student's project.

The teacher will check the assignment and discuss it with you in detail.

To learn

Interviewing

Questionnaires

The Ladder Method

Content analysis

Lesson №4. Website concept

To examine

To practice

1. The external structure of the site

2. The types of sites

3. Mandatory sections of the website

4. Page structure

5. Online stores features

6. Corporate websites

7. Information websites

8. Interface elements

1. Preparation of the internal and external scheme of the future site in the form of Mindmaps

2. The initiation of prototype drafting in Figma

The teacher will check the assignment and discuss it with you in detail.

To learn

Prototyping

Mindmap

Website concept

Figma

Lesson №5. Page composition

To examine

To practice

1. Modular grid

2. Work with modules

3. Types of modular grids

4. Website adaptability

5. Principle of anchor objects

6. Elements layout on the page

7. The proximity principle

8. Object layout schemes

1. Building a modular grid in Figma

2. Selecting an object layout

The teacher will check the assignment and discuss it with you in detail.

To learn

Adaptability

Composition

Anchors

Modules

Lesson №6. Design thinking

To examine

To practice

1. Design thinking for out-of-the-box solutions

2. Sages of design thinking

3. Empathy

4. Ways of generating ideas

5. Techniques for primary research

6. Idea selection

7. Brainstorming techniques

8. Checking the idea workability

1. Application of design thinking stages in students' projects.

The teacher will check the assignment and discuss it with you in detail.

To learn

Focus

Ideas generation

Brainstorming

Testing

Lesson №7. Prototyping

To examine

To practice

1. Interfaces prototyping

2. Prototype formats.

3. Pros and cons of prototype sketches

4. Static prototypes

5. Interactive prototypes

6. Examples of prototypes using

7. Ways to create interactive prototypes

8. Work with Figma

1. Creating an interactive website prototype in Figma

The teacher will check the assignment and discuss it with you in detail.

To learn

Sketches

Static prototypes

Interactive prototypes

Figma animation

Lesson №8. Customer Journey Maps

To examine

To practice

1. Formulation of problems

2. Data extraction from interviews

3. Information grouping into common problems

4. Users as characters

5. Users extraction

6. Maps of empathies drawing up

7. Questions for developing the Map of empathies

8. Customer Journey Maps

1. Character definition and description

2. Drawing up a Customer Journey Map of the character

The teacher will check the assignment and discuss it with you in detail.

To learn

Creating a character

Map of empathies

Customer Journey

CJM

Lesson №9. Interaction scenarios

To examine

To practice

1. UX design process and ideas generation

2. Prioritisation

3. Pareto Principle

4. Conducting a Red Route analysis

5. Opportunities map drawing up

6. Smart maps method

7. Storytelling and storyboarding

8. User script planning

1. Applying Red Route analysis to an individual project

2. Drawing up the map of stories for MVP individual project

3. One story script drawing up

The teacher will check the assignment and discuss it with you in detail.

To learn

Creating an MVP

Attention control

User Script creation

SCAMPER technique

Lesson №10 Visual content

To examine

To practice

1. Website visual design

2. Drawing up the map of moods

3. Design concept

4. Setting

5. Work with fonts

6. Colour properties

7. Colour perception

8. Colour combinations

1. Work with visual layout elements in Figma

The teacher will check the assignment and discuss it with you in detail.

To learn

Fonts

Icons

Photo stocks

UI-kit

Lesson №11 Interface design

To examine

To practice

1. Homepage creation

2. Ways to develop the interface

3. Website common vision

4. Visual collecting

5. Internal pages development

6. Site adaptability

7. Ways to design pages for computers

8. Designing pages for smartphones

1. Homepage development

1. Internal pages for computers and smartphones development

The teacher will check the assignment and discuss it with you in detail.

To learn

Homepage

Internal pages

Page for computers

Page for smartphones

Lesson №12 Mock - ups

To examine

To practice

1. What is a mock-up

2. Mock – up design

3. How to create a mock -up

4. Ready-made mock – ups download

5. Layout placement

6. Computers mock - ups

7. Smartphone mock - ups

8. Useful links

1. Searching for mock - ups in different styles

2. Transforming the project layout into a mock -up format

The teacher will check the assignment and discuss it with you in detail.

To learn

Mock-ups

Getcover

Framer

Portfolio

Lesson №13 Usability research

To examine

To practice

1. Prototype testing process

2. Objectives of the prototype testing

3. Usability test

4. Test planning

5. Types of tasks

6. Field study

7. A/B-test

8. Data-Driven Design

1. Make up a script for the usability test

The teacher will check the assignment and discuss it with you in detail.

To learn

Tasks making up

Metrics

Data capture

Split - testing

Lesson №14 Website analysis

To examine

To practice

1. Expert analysis

2. Purpose and objectives of the UX audit

3. UX audit stages

4. Full site analysis

5. Heuristic analysis

6. Audit checklist: when is it appropriate?

1. Conducting an analysis of a project or a small website.

The teacher will check the assignment and discuss it with you in detail.

To learn

UX audit

Visual experience

Searching orders

Portfolio

Lesson №15 Project presentation

To examine

To practice

1. Opportunities to start a career in UX

2. Frequent interview questions

3. Portfolio creation

4. Recommendations for searching orders

5. Answers to students' questions

1. Final project presentation

2. UX audit results presentation

The teacher will check the assignment and discuss it with you in detail.

To learn

Project presentation

Course outcomes

Searching orders

Portfolio