interface design - peerawich.compeerawich.com/dc282/images/stories/2556/dc282-id_interface...
TRANSCRIPT
![Page 1: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/1.jpg)
Interface Design
อ.พรีาวชิญ ์ ภาคนนทกุ์ล คณะสารสนเทศและการสือ่สาร
DC282: Human Computer Interaction
http://www.peerawich.com/dc282
![Page 2: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/2.jpg)
UI & UD
UI : User Interface
Interface Design
Interaction Design
UD: Universal Design
![Page 3: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/3.jpg)
Universal Design
equitable use
flexibility in use
simple and intuitive to use
perceptible information
tolerance for error
low physical effort
size and space for approach and use
![Page 4: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/4.jpg)
ผลส ำรวจ: กำรใช้ทูลบำรแ์ละปุ่ มต่ำงๆ ใน Firefox
93.1% 54.1%
![Page 5: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/5.jpg)
ผลส ำรวจ: กำรใช้ทูลบำรแ์ละปุ่ มต่ำงๆ ใน Firefox
![Page 6: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/6.jpg)
Exam: Interface Design
เรยีนรูง้า่ย +ใชง้านงา่ยและมปีระสทิธภิาพ + รปูแบบน่าสนใจ
![Page 7: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/7.jpg)
Thumbnail
![Page 8: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/8.jpg)
![Page 9: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/9.jpg)
![Page 10: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/10.jpg)
Image Zoom
![Page 11: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/11.jpg)
![Page 12: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/12.jpg)
![Page 13: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/13.jpg)
![Page 14: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/14.jpg)
![Page 15: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/15.jpg)
![Page 16: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/16.jpg)
Directory Navigation
![Page 17: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/17.jpg)
Navigation Tabs
![Page 18: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/18.jpg)
![Page 19: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/19.jpg)
![Page 20: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/20.jpg)
Double Tab Navigation
![Page 21: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/21.jpg)
Vertical Dropdown Menu
![Page 22: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/22.jpg)
![Page 23: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/23.jpg)
Horizontal Dropdown Menu
![Page 24: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/24.jpg)
![Page 25: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/25.jpg)
Accordion Menu
![Page 26: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/26.jpg)
![Page 27: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/27.jpg)
![Page 28: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/28.jpg)
Selection Tree
![Page 29: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/29.jpg)
Pop-up Menu
![Page 30: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/30.jpg)
Toolbar
![Page 31: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/31.jpg)
Fisheye menu
![Page 32: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/32.jpg)
Pagination
![Page 33: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/33.jpg)
Scrolling Menu
![Page 34: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/34.jpg)
Continuous Scrolling
![Page 35: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/35.jpg)
![Page 36: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/36.jpg)
Frame
![Page 37: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/37.jpg)
Home Link
http://www.infocomm.mju.ac.th/icnew/dc282/
![Page 38: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/38.jpg)
To-the-top Link
![Page 39: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/39.jpg)
Footer
![Page 40: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/40.jpg)
![Page 41: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/41.jpg)
Wizards
![Page 42: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/42.jpg)
![Page 43: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/43.jpg)
![Page 44: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/44.jpg)
![Page 45: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/45.jpg)
![Page 46: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/46.jpg)
List Builder
![Page 47: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/47.jpg)
Breadcrumbs
![Page 48: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/48.jpg)
Status Information
![Page 49: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/49.jpg)
![Page 50: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/50.jpg)
![Page 51: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/51.jpg)
Input Prompt
![Page 52: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/52.jpg)
![Page 53: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/53.jpg)
Input Feedback
![Page 54: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/54.jpg)
![Page 55: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/55.jpg)
Checkbox
![Page 56: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/56.jpg)
Radio Button
![Page 57: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/57.jpg)
Spinner
![Page 58: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/58.jpg)
Slider
![Page 59: Interface Design - peerawich.compeerawich.com/dc282/images/stories/2556/DC282-ID_Interface Desi… · 95.6% 67 376* 328* 327* 304* 21 N 18.5* 184* 127* Location Bar Back Scro' Vertical](https://reader033.vdocuments.pub/reader033/viewer/2022050308/5f708cc8f38cbd40334c7344/html5/thumbnails/59.jpg)
Captcha