{"id":746,"date":"2010-09-01T18:23:29","date_gmt":"2010-09-01T18:23:29","guid":{"rendered":"http:\/\/aaronlevisohn.com\/wordpress\/?p=746"},"modified":"2025-09-27T04:59:44","modified_gmt":"2025-09-27T04:59:44","slug":"flash-prototypes-for-usability-study","status":"publish","type":"post","link":"https:\/\/levisohn.com\/portfolio\/archives\/746","title":{"rendered":"Flash Prototypes for Usability Study"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-810\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/text10-e1377961586690.jpg\" alt=\"Text Entry\" width=\"248\" height=\"186\" \/><br \/>\n<span style=\"font-size: revert;\">This project entailed the design of two high definition UI prototypes to be utilized in a series of user studies investigating input methods for a Kodak camera. The camera was a new model consumer camera with WiFi and Bluetooth capabilities, but no touchscreen. The first design explores possible methods for text entry and Bluetooth functionality using a small joystick pad located on the back of the device. The second prototype explores the development of a UI to test an alternative method for adding a new feature to a menu on the same camera.<\/span><\/p>\n<p align=\"left\">Both UIs were developed using Flash AS2. During the usability tests the code was run on the camera itself to ensure the results approximated a real-world usage scenario. The design of the interface was based on a set of predetermined user requirements and was used to ascertain improvements prior to release of the commercial device.<\/p>\n<p align=\"left\">Results of the user tests were compiled into a report which included recommendations for the final UI on the commercial version of the camera.<\/p>\n<hr \/>\n<h1 style=\"text-align: center;\" align=\"left\"><span style=\"color: #330099;\"><strong><a><span style=\"color: #330099;\">Prototype I<\/span><\/a><\/strong><\/span><\/h1>\n<p style=\"text-align: center;\">This prototype explores a possible method for text entry and BlueTooth functionality on a consumer camera<\/p>\n<p style=\"text-align: center;\" align=\"left\"><span style=\"color: #000000;\"><strong><span style=\"color: #808080;\">Design Role:<\/span><br \/>\n<\/strong><\/span>Wireframes<br \/>\nUX Design<br \/>\nGraphic design<br \/>\nFlash Animation<br \/>\nFlash Actionscript<br \/>\nUser Research<\/p>\n<p style=\"text-align: center;\" align=\"center\"><em><span style=\"color: #000080;\">(*click any image below to see full demo)<\/span><\/em><\/p>\n<p style=\"text-align: center;\"><a title=\"Flash Prototype\" href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text1.jpg\" alt=\"1\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text2.jpg\" alt=\"2\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text3.jpg\" alt=\"3\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text4.jpg\" alt=\"4\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text5.jpg\" alt=\"5\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text6.jpg\" alt=\"6\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text7.jpg\" alt=\"7\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text8.jpg\" alt=\"8\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text9.jpg\" alt=\"9\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text10.jpg\" alt=\"10\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text11.jpg\" alt=\"11\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/text12.jpg\" alt=\"12\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<hr \/>\n<h1 style=\"text-align: center;\" align=\"center\"><span style=\"color: #330099;\"><strong><a><span style=\"color: #330099;\">Prototype II<\/span><\/a><\/strong><\/span><\/h1>\n<p style=\"text-align: center;\" align=\"left\">UI design to test alternative methods for adding a new feature to a menu on a portable camera.<\/p>\n<p style=\"text-align: center;\" align=\"left\"><strong><span style=\"color: #808080;\">Design Role:<\/span><br \/>\n<\/strong>All graphic design (excluding icons)<br \/>\nFlash Animation<br \/>\nFlash Actionscript<\/p>\n<p align=\"center\"><em><span style=\"color: #000080;\">(*click any image below to see full demo)<\/span><\/em><\/p>\n<p style=\"text-align: center;\" align=\"center\"><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/edit.jpg\" alt=\"1\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/review.jpg\" alt=\"review\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/compare.jpg\" alt=\"compare\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/split.jpg\" alt=\"split screen\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/replace.jpg\" alt=\"replace\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"\/images\/fixing.jpg\" alt=\"fixing\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This project entailed the design of two high definition UI prototypes to be utilized in a series of user studies investigating input methods for a Kodak camera. The camera was a new model consumer camera with WiFi and Bluetooth capabilities, but no touchscreen. The first design explores possible methods for text entry and Bluetooth functionality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<img class=\"alignleft size-full wp-image-810\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/text10-e1377961586690.jpg\" alt=\"Text Entry\" width=\"248\" height=\"186\" \/>\n<span style=\"font-size: revert;\">This project entailed the design of two high definition UI prototypes to be utilized in a series of user studies investigating input methods for a Kodak camera. The camera was a new model consumer camera with WiFi and Bluetooth capabilities, but no touchscreen. The first design explores possible methods for text entry and Bluetooth functionality using a small joystick pad located on the back of the device. The second prototype explores the development of a UI to test an alternative method for adding a new feature to a menu on the same camera.<\/span>\n<p align=\"left\">Both UIs were developed using Flash AS2. During the usability tests the code was run on the camera itself to ensure the results approximated a real-world usage scenario. The design of the interface was based on a set of predetermined user requirements and was used to ascertain improvements prior to release of the commercial device.<\/p>\n<p align=\"left\">Results of the user tests were compiled into a report which included recommendations for the final UI on the commercial version of the camera.<\/p>\n\n\n<hr \/>\n\n<h1 style=\"text-align: center;\" align=\"left\"><span style=\"color: #330099;\"><strong><a><span style=\"color: #330099;\">Prototype I<\/span><\/a><\/strong><\/span><\/h1>\n<p style=\"text-align: center;\">This prototype explores a possible method for text entry and BlueTooth functionality on a consumer camera<\/p>\n<p style=\"text-align: center;\" align=\"left\"><span style=\"color: #000000;\"><strong><span style=\"color: #808080;\">Design Role:<\/span>\n<\/strong><\/span>Wireframes\nUX Design\nGraphic design\nFlash Animation\nFlash Actionscript\nUser Research<\/p>\n<p style=\"text-align: center;\" align=\"center\"><em><span style=\"color: #000080;\">(*click any image below to see full demo)<\/span><\/em><\/p>\n<p style=\"text-align: center;\"><a title=\"Flash Prototype\" href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text1.jpg\" alt=\"1\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text2.jpg\" alt=\"2\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text3.jpg\" alt=\"3\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text4.jpg\" alt=\"4\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text5.jpg\" alt=\"5\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text6.jpg\" alt=\"6\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text7.jpg\" alt=\"7\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text8.jpg\" alt=\"8\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text9.jpg\" alt=\"9\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text10.jpg\" alt=\"10\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text11.jpg\" alt=\"11\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype1.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/text12.jpg\" alt=\"12\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n\n\n<hr \/>\n\n<h1 style=\"text-align: center;\" align=\"center\"><span style=\"color: #330099;\"><strong><a><span style=\"color: #330099;\">Prototype II<\/span><\/a><\/strong><\/span><\/h1>\n<p style=\"text-align: center;\" align=\"left\">UI design to test alternative methods for adding a new feature to a menu on a portable camera.<\/p>\n<p style=\"text-align: center;\" align=\"left\"><strong><span style=\"color: #808080;\">Design Role:<\/span>\n<\/strong>All graphic design (excluding icons)\nFlash Animation\nFlash Actionscript<\/p>\n<p align=\"center\"><em><span style=\"color: #000080;\">(*click any image below to see full demo)<\/span><\/em><\/p>\n<p style=\"text-align: center;\" align=\"center\"><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/edit.jpg\" alt=\"1\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/review.jpg\" alt=\"review\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/compare.jpg\" alt=\"compare\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/split.jpg\" alt=\"split screen\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/replace.jpg\" alt=\"replace\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><a href=\"\/prototype2.html\" target=\"_blank\" rel=\"noopener\"><img src=\"\/images\/fixing.jpg\" alt=\"fixing\" border=\"0\" hspace=\"5\" vspace=\"5\" \/><\/a><\/p>","_et_gb_content_width":"","footnotes":""},"categories":[44],"tags":[37,23,39,38,21,42,40,41],"class_list":["post-746","post","type-post","status-publish","format-standard","hentry","category-ux_design","tag-camera","tag-hci","tag-io","tag-input","tag-interaction-design","tag-user-experience","tag-user-study","tag-ux"],"_links":{"self":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts\/746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/comments?post=746"}],"version-history":[{"count":136,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts\/746\/revisions"}],"predecessor-version":[{"id":1327,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts\/746\/revisions\/1327"}],"wp:attachment":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/media?parent=746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/categories?post=746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/tags?post=746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}