Computer Science / Human-Computer Interaction (HCI)

Interaction Techniques

Brought by: 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)

Go to course

Interaction Techniques

Brought by: Coursera

Coursera
Free
English
Certificate Not Available
Certain days
All
N/A

Messages Timeline Exceptions Views14 Route Queries7 Models6 Gate Session Request

8.1.2929ms2MBGET en/courses/{slug}

Booting (602ms)
Application (324ms)
1 x Booting (64.83%)
602.39ms
1 x Application (34.92%)
324.44ms

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 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 executed11.2ms

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

9.4ms/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-06-10 04:54:10' where `id` = 2332

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

Metadata
Bindings	0. 2025-06-10 04:54:10 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)

240μ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)

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

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

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

280μ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: km45oACOfksi1pYg2aXtYQSTKImQqnREA5nKWYZL
locale: en
_previous: array:1 [ "url" => "https://www.corspedia.com/en/courses/interaction-techniques" ]
_flash: array:2 [ "old" => [] "new" => [] ]
PHPDEBUGBAR_STACK_DATA: []

path_info

/en/courses/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 => "216.73.216.125"
  ]
  "cdn-loop" => array:1 [▶
    0 => "cloudflare; loops=1"
  ]
  "x-forwarded-proto" => array:1 [▶
    0 => "https"
  ]
  "x-forwarded-for" => array:1 [▶
    0 => "216.73.216.125"
  ]
  "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 => "94d644e27f2aeade-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.125"
  "HTTP_CDN_LOOP" => "cloudflare; loops=1"
  "HTTP_X_FORWARDED_PROTO" => "https"
  "HTTP_X_FORWARDED_FOR" => "216.73.216.125"
  "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" => "94d644e27f2aeade-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" => "46458"
  "REMOTE_ADDR" => "172.70.127.175"
  "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/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" => 1749531249.2964
  "REQUEST_TIME" => 1749531249
]

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 => "Tue, 10 Jun 2025 04:54:10 GMT"
  ]
  "set-cookie" => array:2 [▶
    0 => "XSRF-TOKEN=eyJpdiI6ImlMRklJSVlrS2JiRkdiSlRiTmlHR3c9PSIsInZhbHVlIjoic1hhZ0U3cVVzaXkwRTZhL3lmcWdKZEN3SEdnNDNBRDRVSmlGK05hQndWSWJOM2E4eExBalZleXlRcnN3QWlLemlLNlI4QzdtZTZEU3lsV0VtdTlnUEFuOWpNVTI1cGVvcUdHNEJnKzlGMi9nTjJzbWwweWNGZG03akhPQ2VJSVIiLCJtYWMiOiI3Y2E4NjBkYjg2ZmQ2NWFhNDBlOTFhODIzNDZmM2NkYTEwZDc1ZTQxYzhlNmM1YWFiZWJjYjhiZDEwOWYxZmUxIiwidGFnIjoiIn0%3D; expires=Tue, 10 Jun 2025 06:54:10 GMT; Max-Age=7200; path=/; samesite=lax ◀XSRF-TOKEN=eyJpdiI6ImlMRklJSVlrS2JiRkdiSlRiTmlHR3c9PSIsInZhbHVlIjoic1hhZ0U3cVVzaXkwRTZhL3lmcWdKZEN3SEdnNDNBRDRVSmlGK05hQndWSWJOM2E4eExBalZleXlRcnN3QWlLemlLNlI4Q ▶"
    1 => "laravel_session=eyJpdiI6IjE0SHJ4MWNSRXJ5eGdtOGt5S2FPWHc9PSIsInZhbHVlIjoiaGM5ZkVyVUYwRW55QXdJejFCTUtIRGZNNDdud1lmUGV0ZUlQUTVIYTlmd1VjWE0zbDNpRW5hTk8wdHZFVUVqckloY0N6d2x2VzJRV2lHRlc2NlU4enJNbzNjOENVc2NweTdyV3cxcGN0L0JNOENpV1l3N1JWcnJ3K09aT09ocloiLCJtYWMiOiJmOTM3OGQ3NGYyNmQ5MmUyYjlkZTNjYjU3ZTg2ZTk0NzMzMzRiMjJjZTg4NjI2Yjg5OWNlMjhlNzUxMjc5MzgwIiwidGFnIjoiIn0%3D; expires=Tue, 10 Jun 2025 06:54:10 GMT; Max-Age=7200; path=/; httponly; samesite=lax ◀laravel_session=eyJpdiI6IjE0SHJ4MWNSRXJ5eGdtOGt5S2FPWHc9PSIsInZhbHVlIjoiaGM5ZkVyVUYwRW55QXdJejFCTUtIRGZNNDdud1lmUGV0ZUlQUTVIYTlmd1VjWE0zbDNpRW5hTk8wdHZFVUVqcklo ▶"
  ]
  "Set-Cookie" => array:2 [▶
    0 => "XSRF-TOKEN=eyJpdiI6ImlMRklJSVlrS2JiRkdiSlRiTmlHR3c9PSIsInZhbHVlIjoic1hhZ0U3cVVzaXkwRTZhL3lmcWdKZEN3SEdnNDNBRDRVSmlGK05hQndWSWJOM2E4eExBalZleXlRcnN3QWlLemlLNlI4QzdtZTZEU3lsV0VtdTlnUEFuOWpNVTI1cGVvcUdHNEJnKzlGMi9nTjJzbWwweWNGZG03akhPQ2VJSVIiLCJtYWMiOiI3Y2E4NjBkYjg2ZmQ2NWFhNDBlOTFhODIzNDZmM2NkYTEwZDc1ZTQxYzhlNmM1YWFiZWJjYjhiZDEwOWYxZmUxIiwidGFnIjoiIn0%3D; expires=Tue, 10-Jun-2025 06:54:10 GMT; path=/ ◀XSRF-TOKEN=eyJpdiI6ImlMRklJSVlrS2JiRkdiSlRiTmlHR3c9PSIsInZhbHVlIjoic1hhZ0U3cVVzaXkwRTZhL3lmcWdKZEN3SEdnNDNBRDRVSmlGK05hQndWSWJOM2E4eExBalZleXlRcnN3QWlLemlLNlI4Q ▶"
    1 => "laravel_session=eyJpdiI6IjE0SHJ4MWNSRXJ5eGdtOGt5S2FPWHc9PSIsInZhbHVlIjoiaGM5ZkVyVUYwRW55QXdJejFCTUtIRGZNNDdud1lmUGV0ZUlQUTVIYTlmd1VjWE0zbDNpRW5hTk8wdHZFVUVqckloY0N6d2x2VzJRV2lHRlc2NlU4enJNbzNjOENVc2NweTdyV3cxcGN0L0JNOENpV1l3N1JWcnJ3K09aT09ocloiLCJtYWMiOiJmOTM3OGQ3NGYyNmQ5MmUyYjlkZTNjYjU3ZTg2ZTk0NzMzMzRiMjJjZTg4NjI2Yjg5OWNlMjhlNzUxMjc5MzgwIiwidGFnIjoiIn0%3D; expires=Tue, 10-Jun-2025 06:54:10 GMT; path=/; httponly ◀laravel_session=eyJpdiI6IjE0SHJ4MWNSRXJ5eGdtOGt5S2FPWHc9PSIsInZhbHVlIjoiaGM5ZkVyVUYwRW55QXdJejFCTUtIRGZNNDdud1lmUGV0ZUlQUTVIYTlmd1VjWE0zbDNpRW5hTk8wdHZFVUVqcklo ▶"
  ]
]

session_attributes

  0 of 0   
array:5 [▼
  "_token" => "km45oACOfksi1pYg2aXtYQSTKImQqnREA5nKWYZL"
  "locale" => "en"
  "_previous" => array:1 [▶
    "url" => "https://www.corspedia.com/en/courses/interaction-techniques"
  ]
  "_flash" => array:2 [▶
    "old" => []
    "new" => []
  ]
  "PHPDEBUGBAR_STACK_DATA" => []
]

1 x Booting (64.83%)	602.39ms
1 x Application (34.92%)	324.44ms