Human-Computer Interaction II: Cognition, Context & Culture

بواسطة: edX

Overview

This course takes you through lessons 9 through 13 of CS6750: Human-Computer Interaction as taught in the Georgia Tech Online Master of Science in Computer Science program.

In this course, you’ll expand the scope through which you view human-computer interaction. You’ll start by going further inside the user’s mind to understand the role of mental models in guiding a user’s interaction with your system. A good user interface designer understands the mental models of their users and how representations can be used to correct those mental models.

You’ll then learn methods for breaking down user behavior into more objective, discernible, and measurable chunks. Through the principles of task analysis and with artifacts like GOMS models, you’ll discover how to take the often-ethereal patterns of human interaction and distill them into externalizable, manipulable chunks. You’ll also learn how to use these artifacts to inform the design and improvement of interfaces.

You’ll then widen your view to look at the context in which your interfaces are deployed. You’ll begin by learning about distributed cognition, which includes the notion that humans may offload cognitive tasks onto interfaces, and that humans and interfaces together may be considered higher-level cognitive systems. You’ll also learn about theories for investigating interaction in context, such as activity theory and situated action, and the role that human improvisation plays in any interface we design. Through these lenses, you’ll be equipped to design not just user interfaces, but user experiences developed with an understanding of the context around the interaction.

You’ll conclude by expanding your view even further to investigate how interfaces interact with society itself: both how society guides the interfaces we create, and how the interfaces we create affect society. You’ll learn how interface design can be used to address societal issues, but also how it can have danger unintentional side effects.

By the end of the course, you’ll have a deeper understanding of how human cognition interacts with user interfaces, and how user interfaces in turn interact with the world. You’ll be able to design interfaces that consider what the user knows and what is going on around the user.

Taught by

David Joyner

Human-Computer Interaction II: Cognition, Context & Culture
الذهاب الي الدورة

Human-Computer Interaction II: Cognition, Context & Culture

بواسطة: edX

  • edX
  • مجانية
  • الإنجليزية
  • متاح شهادة
  • أيام محددة
  • beginner
  • English
8.1.2PHP Version300msRequest Duration2MBMemory UsageGET ar/الدورات/{slug}Route
    • Booting (191ms)
    • Application (109ms)
    • 1 x Booting (63.55%)
      190.52ms
      1 x Application (36.19%)
      108.50ms
      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 ar/الدورات/{slug}
      middleware
      web, localize:ar
      controller
      App\Http\Controllers\CourseController@show
      as
      ar.courses.show
      namespace
      prefix
      /ar
      where
      file
      app/Http/Controllers/CourseController.php:17-35
      7 statements were executed4.32ms
      • select * from `courses` where `slug_ar` = 'human-computer-interaction-ii:-cognition,-context-&-culture' limit 1
        3.01ms/app/Http/Controllers/CourseController.php:20corspedia
        Metadata
        Bindings
        • 0. human-computer-interaction-ii:-cognition,-context-&-culture
        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-04-14 14:55:02' where `id` = 583
        470μs/app/Http/Controllers/CourseController.php:21corspedia
        Metadata
        Bindings
        • 0. 2025-04-14 14:55:02
        • 1. 583
        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)
        200μ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)
        140μ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 (22) and `institutions`.`deleted_at` is null
        150μ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 (1) and `providers`.`deleted_at` is null
        140μ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` = 577 limit 1
        210μs/app/Models/Course.php:84corspedia
        Metadata
        Bindings
        • 0. 577
        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
        xztQ9kJqBim7QdbuIc9NfUp2buuhSiilaz6OzeAE
        locale
        ar
        _previous
        array:1 [ "url" => "https://www.corspedia.com/ar/%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D8%A7%D8%AA/human-...
        _flash
        array:2 [ "old" => [] "new" => [] ]
        PHPDEBUGBAR_STACK_DATA
        []
        path_info
        /ar/%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D8%A7%D8%AA/human-computer-interaction-ii:-cognition,-context-&-culture
        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" ] "upgrade-insecure-requests" => array:1 [ 0 => "1" ] "priority" => array:1 [ 0 => "u=0, i" ] "user-agent" => array:1 [ 0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" ] "cf-ipcountry" => array:1 [ 0 => "US" ] "cf-connecting-ip" => array:1 [ 0 => "3.22.172.5" ] "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" ] "cdn-loop" => array:1 [ 0 => "cloudflare; loops=1" ] "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 => "3.22.172.5" ] "cf-ray" => array:1 [ 0 => "93040ab67ac4eac4-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_UPGRADE_INSECURE_REQUESTS" => "1" "HTTP_PRIORITY" => "u=0, i" "HTTP_USER_AGENT" => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" "HTTP_CF_IPCOUNTRY" => "US" "HTTP_CF_CONNECTING_IP" => "3.22.172.5" "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_CDN_LOOP" => "cloudflare; loops=1" "HTTP_ACCEPT_ENCODING" => "gzip, br" "HTTP_SEC_FETCH_DEST" => "document" "HTTP_SEC_CH_UA_PLATFORM" => ""Windows"" "HTTP_X_FORWARDED_FOR" => "3.22.172.5" "HTTP_CF_RAY" => "93040ab67ac4eac4-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" => "44060" "REMOTE_ADDR" => "172.70.126.25" "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" => "/ar/%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D8%A7%D8%AA/human-computer-interaction-ii:-cognition,-context-&-culture" "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" => 1744642502.4215 "REQUEST_TIME" => 1744642502 ]
        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 => "Mon, 14 Apr 2025 14:55:02 GMT" ] "set-cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6IlFhSENHbWplbnZIZnBSbVN1b01SdEE9PSIsInZhbHVlIjoiazRPWjBTS0x0YVFseGNxUGVFM3NhYWJXbktmY3JUOUFCUlFFelZBclRlMGt2RDNRVW1XbHBpSnRGem9LZ3pnbjFFbUpSNW1oNVpxSlRKM21OeXBrcDV1OEpoKzRGRWxhZWJSRXhDRmhsMUVEaWJFOHdEQldkUTBaSTFGeTVvZ1oiLCJtYWMiOiI4ZWM1ZDA3MTdkNDgxNzcxNjg5ZGYxYzM3ODdhYTkyODE2NmVkMDI3ODU0ZDlhNTcwMzFjMTQwMGI1ZDhmYWE2IiwidGFnIjoiIn0%3D; expires=Mon, 14 Apr 2025 16:55:02 GMT; Max-Age=7200; path=/; samesite=laxXSRF-TOKEN=eyJpdiI6IlFhSENHbWplbnZIZnBSbVN1b01SdEE9PSIsInZhbHVlIjoiazRPWjBTS0x0YVFseGNxUGVFM3NhYWJXbktmY3JUOUFCUlFFelZBclRlMGt2RDNRVW1XbHBpSnRGem9LZ3pnbjFFbUpSN" 1 => "laravel_session=eyJpdiI6Ik1ucEVUaFBpSWkwUjB2K1Y4R0xtQkE9PSIsInZhbHVlIjoiU09QZmtUcm9HYVVNOWJacEo2N09OMFlPRWhyVWFCMVZvYnc0RVFkYlB2amtyUXZaRkZTbDNjZDVmREdpRk9PSVR4Ykg1VVMrdlRzVjhBbmUrdEowYVFJclgvdGhwNzFLUjBOMXZjaUdudVZiVnB1RjNGNy9lcVFwbTc3Q3JqYjciLCJtYWMiOiIzZmU1Nzg4NmYyMDk4MGQzOWVlMDhlMDUzMGViNWE2ZTk0N2Y0MDFkNzlmOWU1MzEwNzNmMTg5YjlhN2JiOGRiIiwidGFnIjoiIn0%3D; expires=Mon, 14 Apr 2025 16:55:02 GMT; Max-Age=7200; path=/; httponly; samesite=laxlaravel_session=eyJpdiI6Ik1ucEVUaFBpSWkwUjB2K1Y4R0xtQkE9PSIsInZhbHVlIjoiU09QZmtUcm9HYVVNOWJacEo2N09OMFlPRWhyVWFCMVZvYnc0RVFkYlB2amtyUXZaRkZTbDNjZDVmREdpRk9PSVR4" ] "Set-Cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6IlFhSENHbWplbnZIZnBSbVN1b01SdEE9PSIsInZhbHVlIjoiazRPWjBTS0x0YVFseGNxUGVFM3NhYWJXbktmY3JUOUFCUlFFelZBclRlMGt2RDNRVW1XbHBpSnRGem9LZ3pnbjFFbUpSNW1oNVpxSlRKM21OeXBrcDV1OEpoKzRGRWxhZWJSRXhDRmhsMUVEaWJFOHdEQldkUTBaSTFGeTVvZ1oiLCJtYWMiOiI4ZWM1ZDA3MTdkNDgxNzcxNjg5ZGYxYzM3ODdhYTkyODE2NmVkMDI3ODU0ZDlhNTcwMzFjMTQwMGI1ZDhmYWE2IiwidGFnIjoiIn0%3D; expires=Mon, 14-Apr-2025 16:55:02 GMT; path=/XSRF-TOKEN=eyJpdiI6IlFhSENHbWplbnZIZnBSbVN1b01SdEE9PSIsInZhbHVlIjoiazRPWjBTS0x0YVFseGNxUGVFM3NhYWJXbktmY3JUOUFCUlFFelZBclRlMGt2RDNRVW1XbHBpSnRGem9LZ3pnbjFFbUpSN" 1 => "laravel_session=eyJpdiI6Ik1ucEVUaFBpSWkwUjB2K1Y4R0xtQkE9PSIsInZhbHVlIjoiU09QZmtUcm9HYVVNOWJacEo2N09OMFlPRWhyVWFCMVZvYnc0RVFkYlB2amtyUXZaRkZTbDNjZDVmREdpRk9PSVR4Ykg1VVMrdlRzVjhBbmUrdEowYVFJclgvdGhwNzFLUjBOMXZjaUdudVZiVnB1RjNGNy9lcVFwbTc3Q3JqYjciLCJtYWMiOiIzZmU1Nzg4NmYyMDk4MGQzOWVlMDhlMDUzMGViNWE2ZTk0N2Y0MDFkNzlmOWU1MzEwNzNmMTg5YjlhN2JiOGRiIiwidGFnIjoiIn0%3D; expires=Mon, 14-Apr-2025 16:55:02 GMT; path=/; httponlylaravel_session=eyJpdiI6Ik1ucEVUaFBpSWkwUjB2K1Y4R0xtQkE9PSIsInZhbHVlIjoiU09QZmtUcm9HYVVNOWJacEo2N09OMFlPRWhyVWFCMVZvYnc0RVFkYlB2amtyUXZaRkZTbDNjZDVmREdpRk9PSVR4" ] ]
        session_attributes
        0 of 0
        array:5 [ "_token" => "xztQ9kJqBim7QdbuIc9NfUp2buuhSiilaz6OzeAE" "locale" => "ar" "_previous" => array:1 [ "url" => "https://www.corspedia.com/ar/%D8%A7%D9%84%D8%AF%D9%88%D8%B1%D8%A7%D8%AA/human-computer-interaction-ii:-cognition,-context-&-culture" ] "_flash" => array:2 [ "old" => [] "new" => [] ] "PHPDEBUGBAR_STACK_DATA" => [] ]