Computer Science / Human-Computer Interaction (HCI)

Interaction Techniques

بواسطة: Coursera

Overview

Learn how to design effective input and interaction techniques for graphic and gestural interfaces in this self-paced course from the University of California, San Diego. Duration: 3 weeks.

Syllabus

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

In this course, you will learn relevant fundamentals of human motor performance, perception, and cognition that inform effective interaction design.You will use these models of how people work to design more effective input and interaction techniques. You’ll apply these to both traditional graphic and gestural interfaces.

Topics include:

Fitt’s law
Graphic interfaces
Gestural interfaces

Taught by

Scott Klemmer

Computer Science / Human-Computer Interaction (HCI)

الذهاب الي الدورة

Interaction Techniques

بواسطة: Coursera

Coursera
مجانية
الإنجليزية
متاح شهادة
أيام محددة
الجميع
N/A

Messages Timeline Exceptions Views14 Route Queries7 Models6 Gate Session Request

8.1.2199ms2MBGET ar/الدورات/{slug}

Booting (120ms)
Application (78.42ms)
1 x Booting (60.37%)
120.18ms
1 x Application (39.39%)
78.42ms

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

Params
0	`course`
1	`links`
2	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`classes`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`classes`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`route`
7	`title`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`route`
7	`title`

Params
0	`__env`
1	`app`
2	`errors`
3	`course`
4	`links`
5	`config`
6	`route`
7	`title`

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 executed8.34ms

select * from `courses` where `slug_ar` = 'interaction-techniques' limit 1

6.55ms/app/Http/Controllers/CourseController.php:20corspedia

Metadata
Bindings	0. interaction-techniques
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-17 18:22:07' where `id` = 2332

920μs/app/Http/Controllers/CourseController.php:21corspedia

Metadata
Bindings	0. 2025-04-17 18:22:07 1. 2332
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)

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 `id`, `name_en`, `name_ar`, `slug_en`, `slug_ar` from `topics` where `topics`.`id` in (1)

150μ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

170μ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

170μ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` = 2323 limit 1

190μs/app/Models/Course.php:84corspedia

Metadata
Bindings	0. 2323
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: ba07lC4xj8xaYlR7jCOq3kXTlZxhwUL6HvR7RBjZ
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/intera...
_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/interaction-techniques

status_code

status_text

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 => "3.135.192.183"
  ]
  "cdn-loop" => array:1 [▶
    0 => "cloudflare; loops=1"
  ]
  "x-forwarded-proto" => array:1 [▶
    0 => "https"
  ]
  "cf-visitor" => array:1 [▶
    0 => "{"scheme":"https"}"
  ]
  "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 => ""HeadlessChrome";v="129", "Not=A?Brand";v="8", "Chromium";v="129""
  ]
  "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 => "931df22b78626216-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"
  ]
  "x-forwarded-for" => array:1 [▶
    0 => "3.135.192.183"
  ]
  "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" => "3.135.192.183"
  "HTTP_CDN_LOOP" => "cloudflare; loops=1"
  "HTTP_X_FORWARDED_PROTO" => "https"
  "HTTP_CF_VISITOR" => "{"scheme":"https"}"
  "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" => ""HeadlessChrome";v="129", "Not=A?Brand";v="8", "Chromium";v="129""
  "HTTP_CACHE_CONTROL" => "no-cache"
  "HTTP_PRAGMA" => "no-cache"
  "HTTP_SEC_FETCH_DEST" => "document"
  "HTTP_CF_RAY" => "931df22b78626216-ORD"
  "HTTP_ACCEPT_ENCODING" => "gzip, br"
  "HTTP_PRIORITY" => "u=0, i"
  "HTTP_SEC_FETCH_USER" => "?1"
  "HTTP_SEC_FETCH_MODE" => "navigate"
  "HTTP_X_FORWARDED_FOR" => "3.135.192.183"
  "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" => "41210"
  "REMOTE_ADDR" => "172.69.6.36"
  "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/interaction-techniques"
  "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" => 1744914126.9036
  "REQUEST_TIME" => 1744914126
]

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, 17 Apr 2025 18:22:07 GMT"
  ]
  "set-cookie" => array:2 [▶
    0 => "XSRF-TOKEN=eyJpdiI6ImNSajljSVZuYW5ZMzFWSnFtUmRCa3c9PSIsInZhbHVlIjoiME9qWWtxMVB4UnBTZ1VjM3JLVDBPU1NMTnEwUVl5Nk5zSS91bHFickUyZStoY1ExaEVSeHp5T1RFTkFnL0V5UmlsMEFrT1FsbEsxZlRWaXNtb0g5d3gydDNRVjFDeU5DUzdqMmREeEg4VXQ2elFLUWRXTzhFZThtRStaZnhFbEIiLCJtYWMiOiJhMzUwZjQ3NDczZWE3OTliNDM5ZmQyNDU5YzBkNzViZDlkYTM4OGMxODcxOGM3YWY0YWIzMTdlNDliNzhiYzI0IiwidGFnIjoiIn0%3D; expires=Thu, 17 Apr 2025 20:22:07 GMT; Max-Age=7200; path=/; samesite=lax ◀XSRF-TOKEN=eyJpdiI6ImNSajljSVZuYW5ZMzFWSnFtUmRCa3c9PSIsInZhbHVlIjoiME9qWWtxMVB4UnBTZ1VjM3JLVDBPU1NMTnEwUVl5Nk5zSS91bHFickUyZStoY1ExaEVSeHp5T1RFTkFnL0V5UmlsMEFrT ▶"
    1 => "laravel_session=eyJpdiI6IlRxT1NLemRUUk1qUmFCWlNSbXI2b1E9PSIsInZhbHVlIjoiZDFOaVI5eWR5TEZzSjVCR0FMWGpOSi9MY2h4Lzd2a3F4dGRvUFFXRTBMcDNVS2IyZk1XYUV3WFdXb01iWjZVVEFBR0NqS0RQWE9iZnZ0OW1VSHRlRC8wODEyMi9BejJkc0ZFcE9GRmZxb0I5SVh1M3pmbTQxTHM4VmdCNk5iSHQiLCJtYWMiOiI2OTQ3NjAzMzE1MzZiOTE4NDE5YWJmZGM2ODEwZTcxMGQ4OTZhMDQ2YjUwZWYxOWZjYmQyNDk0MmM5MTgyZWQ4IiwidGFnIjoiIn0%3D; expires=Thu, 17 Apr 2025 20:22:07 GMT; Max-Age=7200; path=/; httponly; samesite=lax ◀laravel_session=eyJpdiI6IlRxT1NLemRUUk1qUmFCWlNSbXI2b1E9PSIsInZhbHVlIjoiZDFOaVI5eWR5TEZzSjVCR0FMWGpOSi9MY2h4Lzd2a3F4dGRvUFFXRTBMcDNVS2IyZk1XYUV3WFdXb01iWjZVVEFB ▶"
  ]
  "Set-Cookie" => array:2 [▶
    0 => "XSRF-TOKEN=eyJpdiI6ImNSajljSVZuYW5ZMzFWSnFtUmRCa3c9PSIsInZhbHVlIjoiME9qWWtxMVB4UnBTZ1VjM3JLVDBPU1NMTnEwUVl5Nk5zSS91bHFickUyZStoY1ExaEVSeHp5T1RFTkFnL0V5UmlsMEFrT1FsbEsxZlRWaXNtb0g5d3gydDNRVjFDeU5DUzdqMmREeEg4VXQ2elFLUWRXTzhFZThtRStaZnhFbEIiLCJtYWMiOiJhMzUwZjQ3NDczZWE3OTliNDM5ZmQyNDU5YzBkNzViZDlkYTM4OGMxODcxOGM3YWY0YWIzMTdlNDliNzhiYzI0IiwidGFnIjoiIn0%3D; expires=Thu, 17-Apr-2025 20:22:07 GMT; path=/ ◀XSRF-TOKEN=eyJpdiI6ImNSajljSVZuYW5ZMzFWSnFtUmRCa3c9PSIsInZhbHVlIjoiME9qWWtxMVB4UnBTZ1VjM3JLVDBPU1NMTnEwUVl5Nk5zSS91bHFickUyZStoY1ExaEVSeHp5T1RFTkFnL0V5UmlsMEFrT ▶"
    1 => "laravel_session=eyJpdiI6IlRxT1NLemRUUk1qUmFCWlNSbXI2b1E9PSIsInZhbHVlIjoiZDFOaVI5eWR5TEZzSjVCR0FMWGpOSi9MY2h4Lzd2a3F4dGRvUFFXRTBMcDNVS2IyZk1XYUV3WFdXb01iWjZVVEFBR0NqS0RQWE9iZnZ0OW1VSHRlRC8wODEyMi9BejJkc0ZFcE9GRmZxb0I5SVh1M3pmbTQxTHM4VmdCNk5iSHQiLCJtYWMiOiI2OTQ3NjAzMzE1MzZiOTE4NDE5YWJmZGM2ODEwZTcxMGQ4OTZhMDQ2YjUwZWYxOWZjYmQyNDk0MmM5MTgyZWQ4IiwidGFnIjoiIn0%3D; expires=Thu, 17-Apr-2025 20:22:07 GMT; path=/; httponly ◀laravel_session=eyJpdiI6IlRxT1NLemRUUk1qUmFCWlNSbXI2b1E9PSIsInZhbHVlIjoiZDFOaVI5eWR5TEZzSjVCR0FMWGpOSi9MY2h4Lzd2a3F4dGRvUFFXRTBMcDNVS2IyZk1XYUV3WFdXb01iWjZVVEFB ▶"
  ]
]

session_attributes

  0 of 0   
array:5 [▼
  "_token" => "ba07lC4xj8xaYlR7jCOq3kXTlZxhwUL6HvR7RBjZ"
  "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/interaction-techniques"
  ]
  "_flash" => array:2 [▶
    "old" => []
    "new" => []
  ]
  "PHPDEBUGBAR_STACK_DATA" => []
]

1 x Booting (60.37%)	120.18ms
1 x Application (39.39%)	78.42ms