Stanford Seminar - Rethinking the AI-UX Boundary for Designing Human-AI Experiences

بواسطة: YouTube

Overview

In conventional software development, the boundary between user experience (UX) design and engineering is well defined: designers create specifications based on end-user needs, then engineers build to those specifications. However, AI application design poses a challenge to this "separation of concerns." Emerging Human-AI guidelines show that human-centered design extends beyond the user interface and into the design of AI sub-components and training data, thus 'puncturing' this separation. In this talk, I will share insights about collaboration challenges at the AI-UX boundary and discuss approaches to operationalize the vision for human-centered AI. Based on studies with industry practitioners, I will describe how "leaky" abstractions afford collaboration across expertise boundaries and discuss the critical role of end-user data in generating both AI and UX design specifications. Finally, I will present an approach for prototyping AI-powered interfaces for diverse users and use contexts by directly incorporating end-user data and machine learning models within UX workflows.

Syllabus

Introduction.
Human-Centered Software Design Workflow.
Human Centered AIX.
USER INTERFACE.
Design-Engineering Boundary INTRODUCES KNOWLEDGE BLINDNESS.
Design-Engineering Boundary RESTRICTS COLLABORATION.
"Al-First" Design Workflow.
Leaky Abstractions ALLEVIATE KNOWLEDGE BLINDNESS.
Leaky Abstractions PROMOTES DESIGN COLLABORATION.
Leaky Abstractions SUPPORTS AIX EVALUATION.
What should Al do for Humans?.
A Process Model for Co-Creating Al Experiences.
DESIGN SPACE FOR MIP.
Expertise & Collaboration.

Taught by

Stanford Online

Stanford Seminar - Rethinking the AI-UX Boundary for Designing Human-AI Experiences
الذهاب الي الدورة

Stanford Seminar - Rethinking the AI-UX Boundary for Designing Human-AI Experiences

بواسطة: YouTube

  • YouTube
  • مجانية
  • الإنجليزية
  • متاح شهادة
  • متاح في أي وقت
  • الجميع
  • N/A
8.1.2PHP Version280msRequest Duration2MBMemory UsageGET ar/الدورات/{slug}Route
    • Booting (179ms)
    • Application (101ms)
    • 1 x Booting (63.78%)
      178.59ms
      1 x Application (36.01%)
      100.83ms
      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 executed7.19ms
      • select * from `courses` where `slug_ar` = 'stanford-seminar---rethinking-the-ai-ux-boundary-for-designing-human-ai-experiences' limit 1
        5.54ms/app/Http/Controllers/CourseController.php:20corspedia
        Metadata
        Bindings
        • 0. stanford-seminar---rethinking-the-ai-ux-boundary-for-designing-human-ai-experiences
        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-06-08 13:39:14' where `id` = 1612
        530μs/app/Http/Controllers/CourseController.php:21corspedia
        Metadata
        Bindings
        • 0. 2025-06-08 13:39:14
        • 1. 1612
        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 (3)
        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)
        160μ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 (5) and `institutions`.`deleted_at` is null
        210μ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 (21) and `providers`.`deleted_at` is null
        190μ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` = 1604 limit 1
        270μs/app/Models/Course.php:84corspedia
        Metadata
        Bindings
        • 0. 1604
        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
        cXlvzN6aAHDcBJIvky9u6kfYlZJaBqvxXoDkHPPU
        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/stanfo...
        _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/stanford-seminar---rethinking-the-ai-ux-boundary-for-designing-human-ai-experiences
        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 [ "cf-ipcountry" => array:1 [ 0 => "US" ] "cf-connecting-ip" => array:1 [ 0 => "216.73.216.84" ] "cdn-loop" => array:1 [ 0 => "cloudflare; loops=1" ] "x-forwarded-proto" => array:1 [ 0 => "https" ] "x-forwarded-for" => array:1 [ 0 => "216.73.216.84" ] "sec-fetch-site" => array:1 [ 0 => "none" ] "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" ] "user-agent" => array:1 [ 0 => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" ] "upgrade-insecure-requests" => array:1 [ 0 => "1" ] "sec-ch-ua-platform" => array:1 [ 0 => ""Windows"" ] "sec-ch-ua-mobile" => array:1 [ 0 => "?0" ] "sec-ch-ua" => array:1 [ 0 => ""Chromium";v="130", "HeadlessChrome";v="130", "Not?A_Brand";v="99"" ] "cache-control" => array:1 [ 0 => "no-cache" ] "pragma" => array:1 [ 0 => "no-cache" ] "sec-fetch-dest" => array:1 [ 0 => "document" ] "cf-ray" => array:1 [ 0 => "94c8cb4e8e92e814-ORD" ] "accept-encoding" => array:1 [ 0 => "gzip, br" ] "priority" => array:1 [ 0 => "u=0, i" ] "sec-fetch-user" => array:1 [ 0 => "?1" ] "sec-fetch-mode" => array:1 [ 0 => "navigate" ] "cf-visitor" => array:1 [ 0 => "{"scheme":"https"}" ] "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_CF_IPCOUNTRY" => "US" "HTTP_CF_CONNECTING_IP" => "216.73.216.84" "HTTP_CDN_LOOP" => "cloudflare; loops=1" "HTTP_X_FORWARDED_PROTO" => "https" "HTTP_X_FORWARDED_FOR" => "216.73.216.84" "HTTP_SEC_FETCH_SITE" => "none" "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_USER_AGENT" => "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)" "HTTP_UPGRADE_INSECURE_REQUESTS" => "1" "HTTP_SEC_CH_UA_PLATFORM" => ""Windows"" "HTTP_SEC_CH_UA_MOBILE" => "?0" "HTTP_SEC_CH_UA" => ""Chromium";v="130", "HeadlessChrome";v="130", "Not?A_Brand";v="99"" "HTTP_CACHE_CONTROL" => "no-cache" "HTTP_PRAGMA" => "no-cache" "HTTP_SEC_FETCH_DEST" => "document" "HTTP_CF_RAY" => "94c8cb4e8e92e814-ORD" "HTTP_ACCEPT_ENCODING" => "gzip, br" "HTTP_PRIORITY" => "u=0, i" "HTTP_SEC_FETCH_USER" => "?1" "HTTP_SEC_FETCH_MODE" => "navigate" "HTTP_CF_VISITOR" => "{"scheme":"https"}" "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" => "27614" "REMOTE_ADDR" => "172.71.255.80" "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/stanford-seminar---rethinking-the-ai-ux-boundary-for-designing-human-ai-experiences" "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" => 1749389954.5828 "REQUEST_TIME" => 1749389954 ]
        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 => "Sun, 08 Jun 2025 13:39:14 GMT" ] "set-cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6InorMCtMY21IYUpyeVBUcjFUeSsrVGc9PSIsInZhbHVlIjoiS0Rhc0JydE1TNlNvaHU4b054cVQ1SmdzR1RSVVRicXNqMlhHL1VJcTZPZU1zZmVuK0txOHR3MDBDS0ErK0ZtQVgyakErMEtWZFZ1Z3BuaTAvbzJyOFlIK1lrVXdwQkhzYUVPRStiTno1MlV5REdMR0JyS2ZBTVVVOWlibUliVUMiLCJtYWMiOiJmMTU3Zjc4N2U4ZjcyY2ZkOWFkNWYxMDc2NzgzZjQ5ZjJkODVmNWNiMTNjNmQ4ZmQyMjZlYzc3YThlYTMxOGMxIiwidGFnIjoiIn0%3D; expires=Sun, 08 Jun 2025 15:39:14 GMT; Max-Age=7200; path=/; samesite=laxXSRF-TOKEN=eyJpdiI6InorMCtMY21IYUpyeVBUcjFUeSsrVGc9PSIsInZhbHVlIjoiS0Rhc0JydE1TNlNvaHU4b054cVQ1SmdzR1RSVVRicXNqMlhHL1VJcTZPZU1zZmVuK0txOHR3MDBDS0ErK0ZtQVgyakErM" 1 => "laravel_session=eyJpdiI6InAwdkhkNFR3cmxxYXR1WTN4K2lucUE9PSIsInZhbHVlIjoiK2lGYU9OSkhZNm9aUW4vWlZWSi9ITFNWZnFVK3ArbHBSMjNjOFhkY0E1c3dheFB4TlphZHppOUtPdE5uVUNRUFo3R05JalE5c0hpL1hOLzFSVytmeVJlL3lGeSs2VnFUa2dOWXE5YS9yYlFXUHdWTUIzNis1RXBvOVFidG83OVkiLCJtYWMiOiIxN2I5YjBiMzM5ZGYwN2E3ZGVjMDk1MzFhODk4NDkzMzVmYzQ0NWNjMmRiNTQzYTAxMzhkOGQ5NjQ0MmU0OGQwIiwidGFnIjoiIn0%3D; expires=Sun, 08 Jun 2025 15:39:14 GMT; Max-Age=7200; path=/; httponly; samesite=laxlaravel_session=eyJpdiI6InAwdkhkNFR3cmxxYXR1WTN4K2lucUE9PSIsInZhbHVlIjoiK2lGYU9OSkhZNm9aUW4vWlZWSi9ITFNWZnFVK3ArbHBSMjNjOFhkY0E1c3dheFB4TlphZHppOUtPdE5uVUNRUFo3" ] "Set-Cookie" => array:2 [ 0 => "XSRF-TOKEN=eyJpdiI6InorMCtMY21IYUpyeVBUcjFUeSsrVGc9PSIsInZhbHVlIjoiS0Rhc0JydE1TNlNvaHU4b054cVQ1SmdzR1RSVVRicXNqMlhHL1VJcTZPZU1zZmVuK0txOHR3MDBDS0ErK0ZtQVgyakErMEtWZFZ1Z3BuaTAvbzJyOFlIK1lrVXdwQkhzYUVPRStiTno1MlV5REdMR0JyS2ZBTVVVOWlibUliVUMiLCJtYWMiOiJmMTU3Zjc4N2U4ZjcyY2ZkOWFkNWYxMDc2NzgzZjQ5ZjJkODVmNWNiMTNjNmQ4ZmQyMjZlYzc3YThlYTMxOGMxIiwidGFnIjoiIn0%3D; expires=Sun, 08-Jun-2025 15:39:14 GMT; path=/XSRF-TOKEN=eyJpdiI6InorMCtMY21IYUpyeVBUcjFUeSsrVGc9PSIsInZhbHVlIjoiS0Rhc0JydE1TNlNvaHU4b054cVQ1SmdzR1RSVVRicXNqMlhHL1VJcTZPZU1zZmVuK0txOHR3MDBDS0ErK0ZtQVgyakErM" 1 => "laravel_session=eyJpdiI6InAwdkhkNFR3cmxxYXR1WTN4K2lucUE9PSIsInZhbHVlIjoiK2lGYU9OSkhZNm9aUW4vWlZWSi9ITFNWZnFVK3ArbHBSMjNjOFhkY0E1c3dheFB4TlphZHppOUtPdE5uVUNRUFo3R05JalE5c0hpL1hOLzFSVytmeVJlL3lGeSs2VnFUa2dOWXE5YS9yYlFXUHdWTUIzNis1RXBvOVFidG83OVkiLCJtYWMiOiIxN2I5YjBiMzM5ZGYwN2E3ZGVjMDk1MzFhODk4NDkzMzVmYzQ0NWNjMmRiNTQzYTAxMzhkOGQ5NjQ0MmU0OGQwIiwidGFnIjoiIn0%3D; expires=Sun, 08-Jun-2025 15:39:14 GMT; path=/; httponlylaravel_session=eyJpdiI6InAwdkhkNFR3cmxxYXR1WTN4K2lucUE9PSIsInZhbHVlIjoiK2lGYU9OSkhZNm9aUW4vWlZWSi9ITFNWZnFVK3ArbHBSMjNjOFhkY0E1c3dheFB4TlphZHppOUtPdE5uVUNRUFo3" ] ]
        session_attributes
        0 of 0
        array:5 [ "_token" => "cXlvzN6aAHDcBJIvky9u6kfYlZJaBqvxXoDkHPPU" "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/stanford-seminar---rethinking-the-ai-ux-boundary-for-designing-human-ai-experiences" ] "_flash" => array:2 [ "old" => [] "new" => [] ] "PHPDEBUGBAR_STACK_DATA" => [] ]