Course Outline

A. Introduction and Basics (UX/UI, Figma)

1. Introduction to UX and UI
Definitions of User Experience (UX), User Interface (UI), and Human-Computer Interaction (HCI) — Differences and Interdependencies
The Role of the UX/UI Designer in Government Projects
Distinctions Between UX and UI in the Design Process
Integrating UX into Organizational Functions (Business, Marketing, IT, Product)
Common Pitfalls for Beginner Designers

2. Basic UX & UI Concepts
Information Architecture for Government Applications
User Flows and Navigation
Visual Hierarchy in Public Sector Interfaces
Grids and Layouts for Consistent Design
Personas, Scenarios, and Empathy Maps

3. Basics of Visual Design (UI)
Typography: Fonts, Line Spacing, Kerning, Hierarchy, and Accessibility
Color Theory: Psychology, Systems, and WCAG Contrast Guidelines
Icons, Graphic Styles, and Illustrations for Clarity
Components and Design Patterns in Government Interfaces

4. Figma – Basics
Workspace, Projects, Pages, and Components for Government Use
Styles: Colors, Text, Effects for Consistent Branding
Auto-Layout and Responsiveness for Mobile Devices
Creating Reusable Components and Variants
Utilizing the Figma Community’s Files and Plugins

5. Prototyping in Figma – Introduction
Prototypes: Interactions, Transitions, and Overlays
Handing Projects to Developers with Figma Inspect
Export Options, Permissions, and Comment Features

B. Research Fundamentals

1. Introduction to UX Research for Government
Qualitative vs. Quantitative Research Methods
Selecting the Appropriate Research Method
The Research Cycle in UX Projects for Government

2. UX Research Techniques for Government
In-Depth Interviews (IDI) with Public Sector Users
Shadowing and Observations in Government Settings
Contextual Analysis for User-Centric Design
Competitive Benchmarking and Heuristic Evaluations

3. UX Researcher Tools and Methods for Government
Creating Research Scenarios for Government Projects
Strategies for Recruiting Public Sector Users
Data Recording and Analysis Techniques
Ethical Principles in Government Research

4. Data Synthesis and Analysis for Government
Qualitative Analysis of User Feedback
Creating Clusters and Insights from Data
Issue Prioritization Methods (ICE, MoSCoW, Kano)

5. Creating Personas and Empathy Maps for Government
Building Data-Driven Personas for Public Sector Users
Anti-Persona Development
Distinguishing Between Product and Marketing Personas

C. Report Preparation

1. UX Documentation for Government
Key Elements to Document and Their Importance
Document Formats (Report, Recommendations, One-Pager, Deck)
Best Practices for Clear Product Documentation

2. Creating Research Reports for Government
Structure of a Professional UX Report for Public Sector Projects
Conclusions, Insights, and Implications in Government Contexts
Organizing Observations for Clarity and Impact

3. Presenting Results to Stakeholders in Government
Principles of Storytelling in Reports for Government Audiences
Techniques for Presenting Problems and Recommendations
Strategies for Handling Difficult Questions from Stakeholders

4. Data Visualization for Government
Diagrams, Maps, and Hierarchies for Clarity
Visualizing User Journeys and Qualitative Data in Public Sector Projects

5. Collaborating with the Team for Government Projects
Design Critique: Principles and Process for Government Teams
Techniques for Presenting Solutions to Team Members and Stakeholders

D. Navigation Design for Government

1. Information Architecture – Basics for Government
Content Modeling in Public Sector Applications
Tree, Category, and Hierarchy Structures for Government Websites
Card Sorting and Tree Testing Methods

2. Navigation Design for Government
Types of Navigation (Top, Side, Tab, Contextual) for Government Sites
UI Patterns: Hamburger Menus, Mega-Menus, Breadcrumbs
Principles of Effective Navigation in Public Sector Interfaces

3. Creating User Flows for Government Projects
Linear, Conditional, and Complex Flows for Government Applications
Input/Output Mapping Techniques
Tools: FigJam, Miro for Government Use

4. Low-Fidelity Mockups for Government
Paper Sketching for Initial Concepts
Wireframes in Figma for Government Projects
Differences Between Mock-ups and Wireframes

5. Designing Forms and Steps for Government
Form User Experience (UX) Best Practices
Validations, Error Handling, and Microcopy for Clarity
Considerations for Long vs. Short Forms in Government Applications

E. Axure for Government Projects

1. Introduction to Axure RP for Government
Interface, Libraries, and Components for Public Sector Design
Distinction Between Mock-ups and Dynamic Prototypes

2. Creating UI in Axure for Government
Adding Elements and Widgets to Designs
Implementing Global Styles for Consistency

3. Interactions and Logic in Axure for Government
States, Events, Conditions, and Global Variables
IF/Else Logic for Complex User Flows

4. Advanced Prototyping with Axure for Government
Dynamic Panels for Interactive Interfaces
Interaction Examples: Drop-Down Menus, Search Engines, Modalities

5. Creating Component Libraries in Axure for Government
Atomic Design Principles in Axure
Reusable Components for Efficient Development

6. Exporting, Sharing, and Collaborating with Axure for Government
Using Axure Cloud for Team Collaboration
Providing Comments and Feedback
Version Control for Project Management

F. Dashboard Design for Government

1. Introduction to Dashboard Design for Government
Differences Between Operational, Tactical, and Strategic Dashboards in Public Sector Projects
Key Performance Indicators (KPIs) and Metrics for Government

2. Data Visualization Principles for Government
Selecting Appropriate Charts for Government Data
Color Usage in Visualizations for Clarity
Information Hierarchy and Common Mistakes in Government Dashboards

3. Creating Dashboards in Figma / Axure for Government
Grid Layouts for Consistency
Designing Cards, Tables, and Charts for Government Data
Interactive Features: Filters, Sorting, Drill-Down

4. Dashboard Design Workshop for Government Projects
Gathering Requirements from Public Sector Stakeholders
Mock-up Design for Initial Concepts
Developing Interactive Prototypes for User Testing

G. Project Life Cycle for Government

1. UX/UI Project Lifecycle for Government
Stages: Discover → Define → Design → Deliver → Iterate in Public Sector Projects
Team Roles (UX, UI, PM, Dev, QA, Business) in Government Initiatives
Common Issues and Risks in Government UX/UI Projects

2. Agile, Scrum, Kanban in UX for Government
Sprints and UX Involvement in Government Projects
Definition of Ready / Done for Government Deliverables
Managing the UX Backlog in Government Workflows

3. End-to-End Design for Government
From Concept to Implementation in Public Sector Projects
Proof of Concept Development
Minimum Viable Product (MVP) and Iterative Design Strategies

4. Working with Developers on Government Projects
Project Handover Processes
Design Quality Assurance (QA) for Government Applications
Using Inspect and UI Specifications in Government Projects

5. Prototype Testing for Government Projects
Usability Testing Methods for Public Sector Interfaces
A/B Testing Techniques for Government Applications
Heuristic Evaluations for User Experience Improvement

6. Documentation and Maintenance for Government Projects
Introduction to Design Systems in Government
Developing Styleguides and Component Libraries
Change Management Practices for Ongoing Project Support

Requirements

Educational Objective: To equip participants with the skills necessary to design digital solutions that effectively meet user expectations. • Training Scope (including, but not limited to the following elements): Workshop-based training featuring practical exercises for government.

 56 Hours

Number of participants


Price per participant

Testimonials (5)

Upcoming Courses

Related Categories