dc282 id interface-design2
TRANSCRIPT
![Page 1: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/1.jpg)
Interface DesignInterface Designตอนท 2 วเคราะหขอด ขอเสยตอนท 2 วเคราะหขอด-ขอเสย
DC282: Human Computer Interaction
อ.พราวชญ ภาคนนทกล
DC282: Human Computer Interaction
คณะสารสนเทศและการสอสาร
http://www infocomm mju ac th/icnew/dc282http://www.infocomm.mju.ac.th/icnew/dc282
![Page 2: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/2.jpg)
Breadcrumbs
![Page 3: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/3.jpg)
Directory Navigation
![Page 4: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/4.jpg)
Scrolling Menu
![Page 5: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/5.jpg)
To‐the‐top Link
![Page 6: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/6.jpg)
Double Tab Navigation
![Page 7: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/7.jpg)
Menu Bar
![Page 8: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/8.jpg)
Pop‐up Menu
![Page 9: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/9.jpg)
Toolbar
![Page 10: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/10.jpg)
Action Panel
![Page 11: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/11.jpg)
Checkbox
![Page 12: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/12.jpg)
Radio Button
![Page 13: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/13.jpg)
Toggle Button
![Page 14: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/14.jpg)
Spinner
![Page 15: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/15.jpg)
Selection Tree
![Page 16: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/16.jpg)
Slider
![Page 17: Dc282 id interface-design2](https://reader033.vdocuments.net/reader033/viewer/2022060203/559dfcfe1a28ab71098b4661/html5/thumbnails/17.jpg)
List Builder