{"id":3578,"date":"2010-05-06T07:51:38","date_gmt":"2010-05-06T14:51:38","guid":{"rendered":"http:\/\/palblog.fxpal.com\/?p=3578"},"modified":"2010-05-06T00:12:14","modified_gmt":"2010-05-06T07:12:14","slug":"3578","status":"publish","type":"post","link":"https:\/\/blog.fxpal.net\/?p=3578","title":{"rendered":"User Interface Design @Berkeley"},"content":{"rendered":"<p>Yesterday I attended an evening <a title=\"User Interface Design @Berkeley. Presentations and Demos \" href=\"http:\/\/vis.berkeley.edu\/courses\/cs160-sp10\/wiki\/index.php\/Final_Presentations\" target=\"_blank\">presentation session<\/a> of student projects created in several courses related to HCI at UC Berkeley. The show was organized by Bjoern Hartmann and Maneesh Agrawala, and featured presentations by teams from four courses from three different disciplines: <a title=\"CS160: User Interface Design | UC Berkeley\" href=\"http:\/\/vis.berkeley.edu\/courses\/cs160-sp10\/wiki\/index.php\/Main_Page\" target=\"_blank\">CS<\/a>, SIMS, and\u00a0 Art\/Anthropology. Each presentation took 2.5 minutes, and there were over 30 presentations total. Most of the work was around the design of mobile applications, and some creative constraints (e.g., don&#8217;t design for students; focus on specific populations) stipulated at the beginning of the projects ensured a great diversity of designs.<\/p>\n<p>I cannot possibly do justice to the effort and to the results here, but fortunately all presentations and many associated videos are available <a title=\"Final presentation slides \" href=\"http:\/\/vis.berkeley.edu\/courses\/cs160-sp10\/wiki\/index.php\/Final_Presentation_Slide_Links\" target=\"_blank\">online<\/a>. Some presentations stood out, however, and deserve special mention.<\/p>\n<p><!--more-->The first presentation, called <a title=\"Grocery Guardian | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AeUHYrF3wWm2ZHB4cG54Zl8wY202a2dqY20&amp;hl=en\" target=\"_blank\">Grocery Guardian<\/a>, described an iPhone app that warned people about potential allergens in products they were considering buying. To set things up, a person would create a profile that listed ingredients that he or she was allergic to (or perhaps wanted to avoid for other reasons). The app could then be used to scan barcodes associated with food products, and would use the product code to retrieve the ingredients list for the product. It would then compare the list of ingredients with each profile stored with the application, indicating which problematic allergens were found. It&#8217;s an elegant idea that many people would want to have right now. There are of course some legal issues that might need to be worked out, but I think this is an application that should be built and made available publicly.<\/p>\n<p><a title=\"Transporter | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AZVoQkwWECVOZGd0YjR0dzRfNWM1eHd4Y2Nr&amp;hl=en\" target=\"_blank\">Transporter<\/a>, another compelling and useful application, allowed people to perform a range of planning and navigation tasks related to public transit. It did a great job of integrating various systems, allowed people to monitor specific route schedules, plan trips, etc. The level of integration of the data in the application is far superior to the level of integration of the actual transit systems here in the Bay Area. I think this application would be quite useful for tourism as well as for use by locals in a variety of metropolitan areas. Again, this is a great candidate for productization; one challenge would be to stay on top of changing schedule and route information.<\/p>\n<p>On the more frivolous side, there was <a title=\"iDeck | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/view?id=0Acv-p9tztMNgZGR3eGNxMmhfMTIzZHB3NjZmbm0&amp;hl=en\" target=\"_blank\">iDeck<\/a>, an app for playing cards. Rather than automating the rules of some specific game or games, iDeck creates an interactive platform through which people can play whatever games they want; the system merely mediates their play. It&#8217;s a nice departure from common expectations with respect to computer card games.<\/p>\n<p>The <a title=\"Mobile Web Annotation | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=df8j356x_34gtx8fbgw\" target=\"_blank\">mobile web annotation<\/a> project caught my eye as well. This was a prototype based on <a title=\"Firefox for Mobile | Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Mobile_Firefox\" target=\"_blank\">Firefox for Mobile<\/a> (who knew?) that allowed people to highlight passages of web pages they were reading. Unlike some other annotation tools, this one made it possible to toggle between the annotated passages and the full document.<\/p>\n<p>Several applications explored the social interaction space, covering <a title=\"Choreo | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=dg5fr2zt_63d3csbddg\" target=\"_blank\">dancing<\/a>, <a title=\"Skatemaster | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=dgwb925v_39gqs62wfr&amp;revision=_latest&amp;start=0&amp;theme=monochrome&amp;cwj=true\" target=\"_blank\">skateboarding<\/a>, <a title=\"iBeta | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=dzk3fpz_15gsxmwr8c\" target=\"_blank\">rock climbing<\/a>, <a title=\"Wardrobe App | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AZVoQkwWECVOZGd0YjR0dzRfMGZnYzl2NWM1&amp;hl=en\" target=\"_blank\">dressing<\/a>, <a title=\"VetApp | UCB @HCI\" href=\"http:\/\/docs.google.com\/present\/view?id=d7p8pzg_4c9wgw7hr\" target=\"_blank\">healing animals<\/a>, and <a title=\"iScout | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AYUr9TM-IAjtZGNxcWpxc3ZfMTNmMjV0OWZkeg&amp;hl=en\" target=\"_blank\">scouting<\/a>. I think <a title=\"Beerpressions\" href=\"http:\/\/docs.google.com\/present\/view?id=dgp62mxj_55f8vtdpv8\" target=\"_blank\">beer drinking<\/a> might also have had a social component :-)<\/p>\n<p><a title=\"Roll Call | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AZpWOTvaXbbIZGNzbmdrc2pfMzVkc2ZmMmtoag&amp;hl=en\" target=\"_blank\">Roll Call<\/a>, <a title=\"Quickboards | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0Ad8Y018S1eYWZGhxcWhxbmRfMzdmc3JiN3g1bQ&amp;hl=en\" target=\"_blank\">Quickboards<\/a>, and <a title=\"Coach's Clipboard | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AW7rPz71LzEqZGMyNm5xZHJfMWNuM2QzYmdz&amp;hl=en\" target=\"_blank\">Coach&#8217;s Clipboard<\/a> were designed to help instructors, and <a title=\"iBCs | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AXKhDBFnOB4UZHhxd2p4OF8yMTczZjhuOHJjNQ&amp;hl=en\" target=\"_blank\">iBCs<\/a> and <a title=\"MySchool Music\" href=\"https:\/\/docs.google.com\/present\/edit?id=0ARlkPzn6cF_SZGQ2OHdwcGtfMTc2Z2I1djdqZm4&amp;hl=en\" target=\"_blank\">MySchool Music<\/a> helped children learn letters and fractions. <a title=\"PetTrainer | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0ATU4UaEeFOY3ZGY4NHFmNWNfMWZydG5ud2Ny&amp;hl=en\" target=\"_blank\">PetTrainer<\/a> and <a title=\"Crohnology | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AXB2-tef9GIgZGdoa3dmNGdfNDc4ZDljZDhmNQ&amp;hl=en\" target=\"_blank\">Crohnology<\/a> were in the personal health space, with <a title=\"Viral Defense | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AeDWe4tlG5kwZGhqbWg1eGRfNTdkOTc3cDZocw&amp;hl=en\" target=\"_blank\">Viral Defense<\/a> taking a humorous approach to fighting infections. <a title=\"Modern Singing | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AdZB7oLvD0oCZGRiOGR0NjNfNzFkcTJ4ejZoZg&amp;hl=en\" target=\"_blank\">Modern Singing<\/a>, <a title=\"Mobile CAPTCHA | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/edit?id=0AZhHCoXnm2T3ZGdnNWJ6N3FfNjVjY2pwZ2NnbQ&amp;hl=en\" target=\"_blank\">Mobile CAPTCHA<\/a>, and <a title=\"iExplore reviews | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/edit?id=0AfNHqc3gAX3eZGdiaGNqM3JfMjBjZHB2em1nOA&amp;hl=en\" target=\"_blank\">iExplore reviews<\/a> rounded out the set.<\/p>\n<p>Then there was a whole bunch of location-aware applications:<\/p>\n<p><a title=\"ShareWhere | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0ARD5btB_-3cmZGNoNWsyZHpfMTVwa2NqaGRkdw&amp;hl=en\" target=\"_blank\">ShareWhere<\/a> and <a title=\"Team Tag | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AV2Ce_VLgHp8ZGRrNjdndnRfODdncWo0dDdkNw&amp;hl=en\" target=\"_blank\">Team Tag<\/a> explored more  flexible means of sharing your location with others. This work reminded  me a bit of a recent <a title=\"Church, K., Neumann, J., Cherubin,M., and  Oliver N. (2010) The  &quot;Map Trap&quot;? An evaluation of map versus text-based interfaces  for location-based mobile search services . In Proc. WWW 2010.\" href=\"http:\/\/doi.acm.org\/10.1145\/1772690.1772718\" target=\"_blank\">WWW2010  paper<\/a> on the use of maps and text displays in a mobile environment.  (More on that <a title=\"The Map Trap | FXPAL Blog\" href=\"http:\/\/palblog.fxpal.com\/?p=3521\" target=\"_blank\">here<\/a>.)<\/p>\n<p><a title=\"phWrap | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AS5lYBZpSP71ZGZzdzVjcmRfMTMwZ2RtZGRtZHg&amp;hl=en\" target=\"_blank\">phWrap<\/a>, <a title=\"Anthropologist | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/view?id=0AYcMvCIQlZfRZDdrbTZncV8xM2Q0YnJ2ZmNz&amp;hl=en\" target=\"_blank\">Anthropologist<\/a>, <a title=\"AfterImage | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AW5aWyzKkD-kZGRicnRkbmpfMjhmbWN2Y3RjcQ&amp;hl=en\" target=\"_blank\">AfterImage<\/a>, <a title=\"Berkeley Chronicles | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AaywCAAc69N3ZGYyYmIzcG5fMTBoZjU5czdjNg&amp;hl=en\" target=\"_blank\">Berkeley Chronicles<\/a>, <a title=\"City Fiction | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/edit?id=0AXzOFL5xuu5sZGRjYmJ3dnhfMzBmNHRkaGhkOA&amp;hl=en\" target=\"_blank\">City Fiction<\/a>, <a title=\"Shadow Layer | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/view?id=0AYUS8mah7pe-ZGc4ZzdobjVfMjFncGI3Nm5mZA&amp;hl=en\" target=\"_blank\">Shadow Layer<\/a>, <a title=\"PostCard | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/view?id=0AXAjpSxCsiNuZGYzOTlzeHhfNzRkdDJudzk4eg&amp;hl=en&amp;pli=1\" target=\"_blank\">PostCard<\/a>, and <a title=\"StreetMix | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/view?id=0AVMPU8AuegfuZGQ0c3M2NXZfN2Ruczc1emZk&amp;hl=en\" target=\"_blank\">StreetMix<\/a> all looked at various aspects of blending the existing space with its history, with imagined places, as games, etc. The broad range of these efforts is encouraging, and suggests that these kinds of augmented reality applications will become increasingly more common in the future. Using augmented reality to present local history seems particularly attractive to me.<\/p>\n<p>The evening concluded with three awards, the categories being something like novelty, usefulness, and creativity (although I am not sure of the exact wording used). The winners were <a title=\"Transporter | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AZVoQkwWECVOZGd0YjR0dzRfNWM1eHd4Y2Nr&amp;hl=en\" target=\"_blank\">Transporter<\/a>, <a title=\"Grocery Guardian | HCI @UCB\" href=\"http:\/\/docs.google.com\/present\/edit?id=0AeUHYrF3wWm2ZHB4cG54Zl8wY202a2dqY20&amp;hl=en\" target=\"_blank\">Grocery Guardian<\/a>,and <a title=\"Shadow Layer | HCI @UCB\" href=\"https:\/\/docs.google.com\/present\/view?id=0AYUS8mah7pe-ZGc4ZzdobjVfMjFncGI3Nm5mZA&amp;hl=en\" target=\"_blank\">Shadow  Layer<\/a>. Overall, it was a great evening of ideas and energy, one that I am looking forward to attending again next time.<\/p>\n<div id=\"_mcePaste\" style=\"position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow: hidden;\">\n<pre>Joint final project presentations of CS160, INFO213, and ART178Joint final project presentations of CS160, INFO213, and ART178<\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yesterday I attended an evening presentation session of student projects created in several courses related to HCI at UC Berkeley. The show was organized by Bjoern Hartmann and Maneesh Agrawala, and featured presentations by teams from four courses from three different disciplines: CS, SIMS, and\u00a0 Art\/Anthropology. Each presentation took 2.5 minutes, and there were over [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[126,24],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts\/3578"}],"collection":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3578"}],"version-history":[{"count":10,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts\/3578\/revisions"}],"predecessor-version":[{"id":3587,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=\/wp\/v2\/posts\/3578\/revisions\/3587"}],"wp:attachment":[{"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.fxpal.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}