{"id":380,"date":"2011-05-26T23:11:15","date_gmt":"2011-05-26T23:11:15","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/cybertube\/?p=380"},"modified":"2011-05-26T23:11:15","modified_gmt":"2011-05-26T23:11:15","slug":"movieit-usability-evaluation","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/cybertube\/2011\/05\/26\/movieit-usability-evaluation\/","title":{"rendered":"MovieIt Usability Evaluation"},"content":{"rendered":"<p><a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-382\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green4.jpg\" alt=\"\" width=\"310\" height=\"193\" \/><\/a>Last advances in mobile technologies and rapid spread of 3G networks engaged handsets with the Web bringing an instance access to online resources from any place and at any time. However, facilities of mobile devices are not equal to PC (lower screen resolution, performance issues, diversity in geometry of the display and buttons arrangement,<em> <\/em>etc.) what significantly spoils the user experience. Thus, building a web-based app we need to keep in mind this specific and follow usability rules. In this post we will examine MovieIt in terms of its usability comparing core system characteristics with mobile usability check lists.<\/p>\n<p><!--more--><br \/>\n* For usability evaluation of our system we used &#8220;A Usability Checklist for the Usability Evaluation of Mobile Phone User Interface&#8221; proposed by Yong Gu Ji, Jun Ho Park, Cheol Lee and Myung Hwan Yun.<\/p>\n<table border=\"0px\" cellspacing=\"0\">\n<tbody>\n<tr>\n<td>\n<h4>Criteria<\/h4>\n<\/td>\n<td>\n<h4>MovieIt<\/h4>\n<\/td>\n<\/tr>\n<tr>\n<td><strong>Content<\/strong><br \/>\nMobile users should not be overwhelmed with the content, thus, web site has to provide just necessary information<\/td>\n<td><a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><strong>Layout<\/strong><br \/>\nThe user interface must be organized purposefully, in meaningful and useful ways that put related things together and separate unrelated things based on clear, consistent models that are apparent and recognizable to others<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Buttons, input fields and other form elements<\/strong><br \/>\nForm elements should show the focus on the selection and have to be easily accessible by keyboard, accessibility tools and other input methods<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Consistency<\/strong><br \/>\nThe user interface must be designed consistently<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Visibility<\/strong><br \/>\nThe user interface should always keep users informed about what is going on, through appropriate feedback within reasonable time<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Simplicity<\/strong><br \/>\nMake simple, common tasks simple to do, communicate simply in the user\u2019s own language and provide good shortcuts that are meaningfully related to longer procedures<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Interaction support feedback<\/strong><br \/>\nThe user interface must keep users informed of actions or interpretations, changes of state or condition using clear, concise, and unambiguous language familiar to users<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Error indication<\/strong><br \/>\nThe representation of errors must be clear to users<\/td>\n<td><a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/yellow.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/yellow.png\" alt=\"\" width=\"60\" height=\"59\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><strong>Responsiveness<\/strong><br \/>\nThe system must respond in an appropriate time<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/yellow.png\" alt=\"\" width=\"60\" height=\"59\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Customizability<\/strong><br \/>\nThe user must be able to modify the interface in order to improve efficiency. The customizing features must be easily accessible<\/td>\n<td><a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/red.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/red.png\" alt=\"\" width=\"59\" height=\"61\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><strong>Effort<\/strong><br \/>\nThe user interface should be designed to minimize the user\u2019s effort for using the system<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<tr>\n<td><strong>Flexibility<\/strong><br \/>\nThe user interface must be flexible so that adapts to various environments and users<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/green.png\" alt=\"\" width=\"60\" height=\"61\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Additional testing<\/h2>\n<p>One of the major problems of User Interface for mobile phones is a diversity of screen resolutions and display geometry. Another serious issue is incompatibility of web technologies with mobile platforms and browsers (for example, not all mobile browsers support cookies). \u00a0In order to ensure that MovieIT system works properly on the most common handsets we ran a set of tests using simulators for following devices: iPhone 3G, iPhone 4,  iPad, Blackberry Playbook, Blackberry Tourch, Blackberry Bold 97200, Samsung H1 (touch), HTC Android, Nokia N8 and Nokia 97\/5800 (touch). Some screenshots of tested simulators provided below.<\/p>\n<div id=\"attachment_531\" style=\"width: 443px\" class=\"wp-caption aligncenter\"><br \/>\n<a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Bold.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-531\" class=\"size-full wp-image-486\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Bold.jpg\" alt=\"Blackberry - Bold\" width=\"433\" height=\"719\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Bold.jpg 433w, https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Bold-181x300.jpg 181w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/a><br \/>\n<p id=\"caption-attachment-531\" class=\"wp-caption-text\">Blackberry Bold<\/p><\/div>\n<div id=\"attachment_531-2\" style=\"width: 438px\" class=\"wp-caption aligncenter\"><br \/>\n<a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-531-2\" class=\"size-full wp-image-488\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry.jpg\" alt=\"Blackberry Touch\" width=\"428\" height=\"695\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry.jpg 428w, https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-185x300.jpg 185w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/a><br \/>\n<p id=\"caption-attachment-531-2\" class=\"wp-caption-text\">Blackberry Touch<\/p><\/div>\n<div id=\"attachment_531-3\" style=\"width: 646px\" class=\"wp-caption aligncenter\"><br \/>\n<a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Playbook.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-531-3\" class=\"size-full wp-image-491 \" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Playbook.jpg\" alt=\"Blackberry Playbook\" width=\"636\" height=\"432\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Playbook.jpg 909w, https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Playbook-300x204.jpg 300w, https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/Blackberry-Playbook-768x521.jpg 768w\" sizes=\"auto, (max-width: 636px) 100vw, 636px\" \/><\/a><br \/>\n<p id=\"caption-attachment-531-3\" class=\"wp-caption-text\">Blackberry Playbook<\/p><\/div>\n<div id=\"attachment_531-4\" style=\"width: 392px\" class=\"wp-caption aligncenter\"><br \/>\n<a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/1-11.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-531-4\" class=\"size-full wp-image-496\" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/1-11.png\" alt=\"iPhone\" width=\"382\" height=\"724\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/1-11.png 382w, https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/1-11-158x300.png 158w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><\/a><br \/>\n<p id=\"caption-attachment-531-4\" class=\"wp-caption-text\">iPhone<\/p><\/div>\n<div id=\"attachment_531-5\" style=\"width: 679px\" class=\"wp-caption aligncenter\"><br \/>\n<a href=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/android.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-531-5\" class=\"size-full wp-image-522 \" src=\"http:\/\/blog.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/android.png\" alt=\"Android\" width=\"669\" height=\"615\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/android.png 956w, https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/android-300x276.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/cybertube\/wp-content\/uploads\/sites\/211\/2011\/05\/android-768x705.png 768w\" sizes=\"auto, (max-width: 669px) 100vw, 669px\" \/><\/a><br \/>\n<p id=\"caption-attachment-531-5\" class=\"wp-caption-text\">HTC Android<\/p><\/div>\n<p><strong>Testing results<\/strong><\/p>\n<p>Simulations revealed that MovieIt system is compatible with all major mobile platforms. Moreover, user interface is displayed properly on all tested devices.<\/p>\n<h2>Conclusion<\/h2>\n<p>Overall, system has shown itself successfully in the majority of usability evaluation activities. However, there are some drawback as a lack of customization, insufficient feedback in the case of the wrong input and performance issues.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last advances in mobile technologies and rapid spread of 3G networks engaged handsets with the Web bringing an instance access to online resources from any place and at any time. However, facilities of mobile devices are not equal to PC (lower screen resolution, performance issues, diversity in geometry of the display and buttons arrangement, etc.) [&hellip;]<\/p>\n","protected":false},"author":2363,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[78,118],"class_list":["post-380","post","type-post","status-publish","format-standard","hentry","category-project","tag-proposed-system","tag-usability-evaluation"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/posts\/380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/users\/2363"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/comments?post=380"}],"version-history":[{"count":0,"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/posts\/380\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/media?parent=380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/categories?post=380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/cybertube\/wp-json\/wp\/v2\/tags?post=380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}