Human-Computer Interaction Design

Brought by: Coursera

Overview

In this course, you will learn how to design technologies that bring people joy, rather than frustration. You'll learn several techniques for rapidly prototyping and evaluating multiple interface alternatives -- and why rapid prototyping and comparative evaluation are essential to excellent interaction design. You'll learn how to conduct fieldwork with people to help you get design ideas. How to make paper prototypes and low-fidelity mock-ups that are interactive -- and how to use these designs to get feedback from other stakeholders like your teammates, clients, and users. You'll learn principles of visual design so that you can effectively organize and present information with your interfaces. You'll learn principles of perception and cognition that inform effective interaction design. And you'll learn how to perform and analyze controlled experiments online. In many cases, we'll use Web design as the anchoring domain. A lot of the examples will come from the Web, and we'll talk just a bit about Web technologies in particular. When we do so, it will be to support the main goal of this course, which is helping you build human-centered design skills, so that you have the principles and methods to create excellent interfaces with any technology.

Syllabus

This course will be available in a self-paced format. The courses in the Interaction Design Specialization may be taken in any order.

This course will help you build human-centered design skills, so that you have the principles and methods to create excellent interfaces with any technology.
  • Module 1: Introduction
  • Module 2: Needfinding
  • Module 3: Rapid Prototyping
  • Module 4: Heuristic Evaluation
  • Module 5: Direct Manipulation and Representations
  • Module 6: Visual Design and Information Design
  • Module 7: Designing experiments

Taught by

Scott Klemmer

Human-Computer Interaction Design
Go to course

Human-Computer Interaction Design

Brought by: Coursera

  • Coursera
  • Free
  • English
  • Certificate Not Available
  • Certain days
  • All
  • N/A
8.1.2PHP Version263msRequest Duration2MBMemory UsageGET en/courses/{slug}Route
    • Booting (161ms)
    • Application (101ms)
    • 1 x Booting (61.37%)
      161.11ms
      1 x Application (38.38%)
      100.76ms
      14 templates were rendered
      • public.courses.show (resources/views/public/courses/show.blade.php)3bladefile
        Params
        0
        course
        1
        links
        2
        config
      • public.courses.partials.breadcrumbs (resources/views/public/courses/partials/breadcrumbs.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.courses.partials.heading (resources/views/public/courses/partials/heading.blade.php)7bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        classes
      • public.courses.partials.details (resources/views/public/courses/partials/details.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.courses.partials.breadcrumbs (resources/views/public/courses/partials/breadcrumbs.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.courses.partials.heading (resources/views/public/courses/partials/heading.blade.php)7bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        classes
      • public.layouts.main (resources/views/public/layouts/main.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.layouts.partials.meta (resources/views/public/layouts/partials/meta.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.layouts.partials.navbar (resources/views/public/layouts/partials/navbar.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.auth.profile.partials.links (resources/views/public/auth/profile/partials/links.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      • public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        route
        7
        title
      • public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        route
        7
        title
      • public.auth.profile.partials.link (resources/views/public/auth/profile/partials/link.blade.php)8bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
        6
        route
        7
        title
      • public.layouts.partials.flash-session (resources/views/public/layouts/partials/flash-session.blade.php)6bladefile
        Params
        0
        __env
        1
        app
        2
        errors
        3
        course
        4
        links
        5
        config
      uri
      GET en/courses/{slug}
      middleware
      web, localize:en
      controller
      App\Http\Controllers\CourseController@show
      as
      en.courses.show
      namespace
      prefix
      /en
      where
      file
      app/Http/Controllers/CourseController.php:17-35
      7 statements were executed6.6ms
      • select * from `courses` where `slug_en` = 'human-computer-interaction-design' limit 1
        4.78ms/app/Http/Controllers/CourseController.php:20corspedia
        Metadata
        Bindings
        • 0. human-computer-interaction-design
        Backtrace
        • 17. /app/Http/Controllers/CourseController.php:20
        • 18. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 19. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 20. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • update `courses` set `visitors` = `visitors` + 1, `courses`.`updated_at` = '2025-02-13 14:11:46' where `id` = 2102
        450μs/app/Http/Controllers/CourseController.php:21corspedia
        Metadata
        Bindings
        • 0. 2025-02-13 14:11:46
        • 1. 2102
        Backtrace
        • 17. /app/Http/Controllers/CourseController.php:21
        • 18. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 19. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 20. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select `id`, `name_en`, `name_ar`, `topic_id`, `slug_en`, `slug_ar` from `subjects` where `subjects`.`id` in (26)
        290μs/app/Http/Controllers/CourseController.php:23corspedia
        Metadata
        Backtrace
        • 20. /app/Http/Controllers/CourseController.php:23
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select `id`, `name_en`, `name_ar`, `slug_en`, `slug_ar` from `topics` where `topics`.`id` in (1)
        240μs/app/Http/Controllers/CourseController.php:23corspedia
        Metadata
        Backtrace
        • 25. /app/Http/Controllers/CourseController.php:23
        • 26. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 27. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 28. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 29. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `institutions` where `institutions`.`id` in (19) and `institutions`.`deleted_at` is null
        330μs/app/Http/Controllers/CourseController.php:23corspedia
        Metadata
        Backtrace
        • 20. /app/Http/Controllers/CourseController.php:23
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `providers` where `providers`.`id` in (2) and `providers`.`deleted_at` is null
        220μs/app/Http/Controllers/CourseController.php:23corspedia
        Metadata
        Backtrace
        • 20. /app/Http/Controllers/CourseController.php:23
        • 21. /vendor/laravel/framework/src/Illuminate/Routing/Controller.php:54
        • 22. /vendor/laravel/framework/src/Illuminate/Routing/ControllerDispatcher.php:43
        • 23. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:260
        • 24. /vendor/laravel/framework/src/Illuminate/Routing/Route.php:205
      • select * from `html_files` where `html_files`.`id` = 2093 limit 1
        290μs/app/Models/Course.php:84corspedia
        Metadata
        Bindings
        • 0. 2093
        Backtrace
        • 21. /app/Models/Course.php:84
        • 28. view::public.courses.show:29
        • 30. /vendor/laravel/framework/src/Illuminate/Filesystem/Filesystem.php:125
        • 31. /vendor/laravel/framework/src/Illuminate/View/Engines/PhpEngine.php:58
        • 32. /vendor/laravel/framework/src/Illuminate/View/Engines/CompilerEngine.php:72
      App\Models\HtmlFile
      1
      App\Models\Provider
      1
      App\Models\Institution
      1
      App\Models\Topic
      1
      App\Models\Subject
      1
      App\Models\Course
      1
        _token
        ADClX5uexDkJ8SBIJLc1R5ttVa7bGGjn7YwctT8g
        locale
        en
        _previous
        array:1 [ "url" => "https://www.corspedia.com/en/courses/human-computer-interaction-design" ]
        _flash
        array:2 [ "old" => [] "new" => [] ]
        PHPDEBUGBAR_STACK_DATA
        []
        path_info
        /en/courses/human-computer-interaction-design
        status_code
        200
        
        status_text
        OK
        format
        html
        content_type
        text/html; charset=UTF-8
        request_query
        []
        
        request_request
        []
        
        request_headers
        0 of 0
        array:24 [ "sec-ch-ua-mobile" => array:1 [ 0 => "?0" ] "sec-ch-ua" => array:1 [ 0 => ""HeadlessChrome";v="129", "Not=A?Brand";v="8", "Chromium";v="129"" ] "cache-control" => array:1 [ 0 => "no-cache" ] "pragma" => array:1 [ 0 => "no-cache" ] "cdn-loop" => array:1 [ 0 => "cloudflare; loops=1" ] "priority" => array:1 [ 0 => "u=0, i" ] "upgrade-insecure-requests" => array:1 [ 0 => "1" ] "user-agent" => array:1 [ 0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" ] "cf-connecting-ip" => array:1 [ 0 => "18.218.183.7" ] "accept" => array:1 [ 0 => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7" ] "sec-fetch-site" => array:1 [ 0 => "none" ] "cf-visitor" => array:1 [ 0 => "{"scheme":"https"}" ] "sec-fetch-mode" => array:1 [ 0 => "navigate" ] "sec-fetch-user" => array:1 [ 0 => "?1" ] "x-forwarded-proto" => array:1 [ 0 => "https" ] "cf-ipcountry" => array:1 [ 0 => "US" ] "accept-encoding" => array:1 [ 0 => "gzip, br" ] "sec-fetch-dest" => array:1 [ 0 => "document" ] "sec-ch-ua-platform" => array:1 [ 0 => ""Windows"" ] "x-forwarded-for" => array:1 [ 0 => "18.218.183.7" ] "cf-ray" => array:1 [ 0 => "911568d3e8c372e8-ORD" ] "host" => array:1 [ 0 => "www.corspedia.com" ] "content-length" => array:1 [ 0 => "" ] "content-type" => array:1 [ 0 => "" ] ]
        request_server
        0 of 0
        array:50 [ "USER" => "www-data" "HOME" => "/var/www" "HTTP_SEC_CH_UA_MOBILE" => "?0" "HTTP_SEC_CH_UA" => ""HeadlessChrome";v="129", "Not=A?Brand";v="8", "Chromium";v="129"" "HTTP_CACHE_CONTROL" => "no-cache" "HTTP_PRAGMA" => "no-cache" "HTTP_CDN_LOOP" => "cloudflare; loops=1" "HTTP_PRIORITY" => "u=0, i" "HTTP_UPGRADE_INSECURE_REQUESTS" => "1" "HTTP_USER_AGENT" => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" "HTTP_CF_CONNECTING_IP" => "18.218.183.7" "HTTP_ACCEPT" => "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7" "HTTP_SEC_FETCH_SITE" => "none" "HTTP_CF_VISITOR" => "{"scheme":"https"}" "HTTP_SEC_FETCH_MODE" => "navigate" "HTTP_SEC_FETCH_USER" => "?1" "HTTP_X_FORWARDED_PROTO" => "https" "HTTP_CF_IPCOUNTRY" => "US" "HTTP_ACCEPT_ENCODING" => "gzip, br" "HTTP_SEC_FETCH_DEST" => "document" "HTTP_SEC_CH_UA_PLATFORM" => ""Windows"" "HTTP_X_FORWARDED_FOR" => "18.218.183.7" "HTTP_CF_RAY" => "911568d3e8c372e8-ORD" "HTTP_HOST" => "www.corspedia.com" "REDIRECT_STATUS" => "200" "SERVER_NAME" => "corspedia.com" "SERVER_PORT" => "443" "SERVER_ADDR" => "141.95.147.152" "REMOTE_USER" => "" "REMOTE_PORT" => "37296" "REMOTE_ADDR" => "172.70.126.132" "SERVER_SOFTWARE" => "nginx/1.18.0" "GATEWAY_INTERFACE" => "CGI/1.1" "HTTPS" => "on" "REQUEST_SCHEME" => "https" "SERVER_PROTOCOL" => "HTTP/2.0" "DOCUMENT_ROOT" => "/var/www/corspedia/public" "DOCUMENT_URI" => "/index.php" "REQUEST_URI" => "/en/courses/human-computer-interaction-design" "SCRIPT_NAME" => "/index.php" "CONTENT_LENGTH" => "" "CONTENT_TYPE" => "" "REQUEST_METHOD" => "GET" "QUERY_STRING" => "" "SCRIPT_FILENAME" => "/var/www/corspedia/public/index.php" "PATH_INFO" => "" "FCGI_ROLE" => "RESPONDER" "PHP_SELF" => "/index.php" "REQUEST_TIME_FLOAT" => 1739455906.1524 "REQUEST_TIME" => 1739455906 ]
        request_cookies
        []
        
        response_headers
        0 of 0
        array:5 [ "content-type" => array:1 [ 0 => "text/html; charset=UTF-8" ] "cache-control" => array:1 [ 0 => "no-cache, private" ] "date" => array:1 [ 0 => "Thu, 13 Feb 2025 14:11:46 GMT" ] "set-cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6IjZHb1UySXFpaGRxUER6R3gwWGJuZVE9PSIsInZhbHVlIjoiamI0TzBtOC9LWDg0bzU0aDQ0cXY0UlJITFFIVSt0TVRGNUZubW05bHpjN1ZjeXBnOVhoVmpidERkTzJvcmZIQjAraEs0cXk0bmthN3QxS1VVSVRkbjV5cGVzQTkrRVhnQ3NSSWlwSUJVd0xkQ0x3L3REUkR5eEU5U24zbXE0cEsiLCJtYWMiOiJiMzZmZGZmYjE1M2E1YTVmNmNiYzAyZGU3M2Y0OThhMTg0ODE0NDZhOGY2ZDVlYjI3ZjY5N2MzNTZhMTQ5NzVjIiwidGFnIjoiIn0%3D; expires=Thu, 13 Feb 2025 16:11:46 GMT; Max-Age=7200; path=/; samesite=laxXSRF-TOKEN=eyJpdiI6IjZHb1UySXFpaGRxUER6R3gwWGJuZVE9PSIsInZhbHVlIjoiamI0TzBtOC9LWDg0bzU0aDQ0cXY0UlJITFFIVSt0TVRGNUZubW05bHpjN1ZjeXBnOVhoVmpidERkTzJvcmZIQjAraEs0c" 1 => "laravel_session=eyJpdiI6IklmMStKc2dlTnpNTEJ0RDRndlViSGc9PSIsInZhbHVlIjoiU013UGFQeGVHd2xDVUxRWW94aUlJYzE1WVpqVDVZNHZHWmthd01US250dURUcDF3YmZZS2JYM2VIVmFLQldSS2ZYVFZkNFFUUXpQRW5VRlB0WFhBbmJpUVI2NXVsOEdtQ28zL3JxNWpKQnlsTWNrUVhuYTQvKy9tUEI0bU1XNkciLCJtYWMiOiIyYjkzOWZjM2NkMjA1YTU4ZWM3YmVlY2Q0MTA5YWVmYzM0OGM4M2FlZDcwZGIzNWUyZWYxZTA4ZGE3YWE5MDJmIiwidGFnIjoiIn0%3D; expires=Thu, 13 Feb 2025 16:11:46 GMT; Max-Age=7200; path=/; httponly; samesite=laxlaravel_session=eyJpdiI6IklmMStKc2dlTnpNTEJ0RDRndlViSGc9PSIsInZhbHVlIjoiU013UGFQeGVHd2xDVUxRWW94aUlJYzE1WVpqVDVZNHZHWmthd01US250dURUcDF3YmZZS2JYM2VIVmFLQldSS2ZY" ] "Set-Cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6IjZHb1UySXFpaGRxUER6R3gwWGJuZVE9PSIsInZhbHVlIjoiamI0TzBtOC9LWDg0bzU0aDQ0cXY0UlJITFFIVSt0TVRGNUZubW05bHpjN1ZjeXBnOVhoVmpidERkTzJvcmZIQjAraEs0cXk0bmthN3QxS1VVSVRkbjV5cGVzQTkrRVhnQ3NSSWlwSUJVd0xkQ0x3L3REUkR5eEU5U24zbXE0cEsiLCJtYWMiOiJiMzZmZGZmYjE1M2E1YTVmNmNiYzAyZGU3M2Y0OThhMTg0ODE0NDZhOGY2ZDVlYjI3ZjY5N2MzNTZhMTQ5NzVjIiwidGFnIjoiIn0%3D; expires=Thu, 13-Feb-2025 16:11:46 GMT; path=/XSRF-TOKEN=eyJpdiI6IjZHb1UySXFpaGRxUER6R3gwWGJuZVE9PSIsInZhbHVlIjoiamI0TzBtOC9LWDg0bzU0aDQ0cXY0UlJITFFIVSt0TVRGNUZubW05bHpjN1ZjeXBnOVhoVmpidERkTzJvcmZIQjAraEs0c" 1 => "laravel_session=eyJpdiI6IklmMStKc2dlTnpNTEJ0RDRndlViSGc9PSIsInZhbHVlIjoiU013UGFQeGVHd2xDVUxRWW94aUlJYzE1WVpqVDVZNHZHWmthd01US250dURUcDF3YmZZS2JYM2VIVmFLQldSS2ZYVFZkNFFUUXpQRW5VRlB0WFhBbmJpUVI2NXVsOEdtQ28zL3JxNWpKQnlsTWNrUVhuYTQvKy9tUEI0bU1XNkciLCJtYWMiOiIyYjkzOWZjM2NkMjA1YTU4ZWM3YmVlY2Q0MTA5YWVmYzM0OGM4M2FlZDcwZGIzNWUyZWYxZTA4ZGE3YWE5MDJmIiwidGFnIjoiIn0%3D; expires=Thu, 13-Feb-2025 16:11:46 GMT; path=/; httponlylaravel_session=eyJpdiI6IklmMStKc2dlTnpNTEJ0RDRndlViSGc9PSIsInZhbHVlIjoiU013UGFQeGVHd2xDVUxRWW94aUlJYzE1WVpqVDVZNHZHWmthd01US250dURUcDF3YmZZS2JYM2VIVmFLQldSS2ZY" ] ]
        session_attributes
        0 of 0
        array:5 [ "_token" => "ADClX5uexDkJ8SBIJLc1R5ttVa7bGGjn7YwctT8g" "locale" => "en" "_previous" => array:1 [ "url" => "https://www.corspedia.com/en/courses/human-computer-interaction-design" ] "_flash" => array:2 [ "old" => [] "new" => [] ] "PHPDEBUGBAR_STACK_DATA" => [] ]