<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5654805172357422261</id><updated>2011-06-08T07:19:45.299+01:00</updated><category term='todo'/><category term='idea'/><title type='text'>The HCI Think Tank</title><subtitle type='html'>Human Computer Interface team of two looking at: "Students new to University"</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>25</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-5539425689931169659</id><published>2007-12-14T16:41:00.000Z</published><updated>2007-12-14T17:03:59.564Z</updated><title type='text'>Final Thoughts...</title><content type='html'>&lt;div style="text-align: justify;"&gt;We are now at the end of HCI project, we thoroughly enjoyed designing our concept and employing HCI principles. On reflection if we were to continue to develop our device based on user feedback we might change or tweak the following aspects:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;We would make the navigation of the device more dependant on recognition as oppose to recall, it was always our original intention to have the heading title for each card to describe whether it was a person, event or society, but unfortunately it took too much room on the screen. Perhaps it should have quickly faded in and out the heading from the top.&lt;/li&gt;&lt;li&gt;Perhaps we should have used a more conventional method of accessing the information as oppose to the card metaphor. Although users were familiar with it for navigating people, it had it's deficiencies when it came to related people to events and societies, perhaps there was a better way of presenting this information.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;We would have added some more location based services, and we would have added ways of displaying user location.&lt;/li&gt;&lt;li&gt;We would perhaps tweak our button layout to make it more logical based on feedback from our evaluations.&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;If we were to do whole project again we think we would have selected a medium with less difficulties in displaying information. Although we feel it is an original idea, it does require the user to make special allowances for the watch for instance, for handshake synchronisation it requires it to be worn on the right hand. Although we did make allowance for this in the settings screen. we also often wondered whether the functionality of this device would be better suited on a phone, much like an adaptation of Russell Beales' BlueDate application.&lt;br /&gt;&lt;br /&gt;Merry Christmas &amp;amp; Happy New Year!&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-5539425689931169659?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/5539425689931169659/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=5539425689931169659' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5539425689931169659'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5539425689931169659'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/final-thoughts.html' title='Final Thoughts...'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-1297393744273422112</id><published>2007-12-14T14:30:00.000Z</published><updated>2007-12-14T16:58:21.930Z</updated><title type='text'>User Evaluations</title><content type='html'>&lt;span style="font-weight: bold;font-size:130%;" &gt;About the user evaluations&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;The user evaluation involved stepping the user through a set of common tasks. Possible evaluation methods include the cognitive walk through and heuristic evaluation.&lt;br /&gt;&lt;br /&gt;Using the cognitive approach we explained the scenario, showed the user the prototype and explained that it was split into several sections (actions on the left,  screen, buttons on the ride hand side and below the screen). The user was asked to talk about each of the actions that they were doing. The details of both approaches are available in a &lt;a href="http://hcibook.com/"&gt;book&lt;/a&gt; written by Russell Beale &lt;span style="font-style: italic;"&gt;et al.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;The user was given the following list of actions:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Forward&lt;/li&gt;&lt;li&gt;Backwards&lt;/li&gt;&lt;li&gt;Left&lt;/li&gt;&lt;li&gt;Right&lt;/li&gt;&lt;li&gt;Add&lt;/li&gt;&lt;li&gt;Settings&lt;/li&gt;&lt;li&gt;Flip&lt;/li&gt;&lt;li&gt;Time&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;And the following set tasks:&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;View a person on the device.&lt;/li&gt;&lt;li&gt;Find the particular person "Christina Angel."&lt;/li&gt;&lt;li&gt;Find "Christina Angel's" age.&lt;/li&gt;&lt;li&gt;Add Her To Facebook&lt;/li&gt;&lt;li&gt;Find out what course Kate Hulme does.&lt;/li&gt;&lt;li&gt;Find out an event Christine is attending&lt;/li&gt;&lt;li&gt;Change the setting "Give Limited Info"&lt;/li&gt;&lt;li&gt;Find a Person We Met Last Month&lt;/li&gt;&lt;li&gt;Show the time&lt;/li&gt;&lt;/ol&gt;&lt;div style="text-align: justify;"&gt;As the prototype required our intervention we had to process the task in stages.&lt;br /&gt;&lt;br /&gt;This was then presented to each user and they were evaluated against the following 4 criteria:&lt;br /&gt;&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;Will the users be trying to produce whatever effect the action has?&lt;/li&gt;&lt;li&gt;Will users  be able to notice that the correct action is available?&lt;/li&gt;&lt;li&gt;Once users find the correct action at the interface, will they know that it is the right one for the effect they are trying to produce?&lt;/li&gt;&lt;li&gt;After the action is taken, will users understand the feedback they get?&lt;/li&gt;&lt;/ol&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;User evaluations&lt;/span&gt;&lt;br /&gt;We performed four evaluations in total, two practice runs that we have not displayed the data for, as we felt that, firstly they were already too familiar with our prototype having explored it before, and inevitably the actual process of asking questions and recording results we didn't really get right on these attempts.&lt;br /&gt;&lt;br /&gt;We then asked two people from computer science that we knew to a lesser extent; Jing Tang, &amp;amp; Ben (from Joe's robotics class) and they were both kind enough to submit to evaluations. The raw data of which is available to download &lt;a href="http://www.remixme.co.uk/hci-evaluation-2users.txt"&gt;here.&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Findings:&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;On the whole we are pleased with how our users responded to our device prototype, yet we found deficiencies in a number of areas.  Although in fairness we were harsh in our evaluations by giving the users the bare minimum of information and explanation to complete the task. The users we chose were completely cold to our concept device, as they were not people we had surveyed for paper prototypes.&lt;br /&gt;&lt;br /&gt;On the first task we noted that it was not always clear to the user how to 'activate' the device in a sense to display a person. Ben needed some prompting, while Jing was more happy to press buttons to discover functionality.&lt;br /&gt;&lt;br /&gt;On the second task to find a user, having activated the device both users found it easy to navigate to a particular person using up or down, but Jing noted that he had the expectation of alphabetical index, so we could have made the chronological nature clearer.&lt;br /&gt;&lt;br /&gt;The third and fifth tasks highlighted quite a big deficiency in our design, as both users immediately went for the left and right buttons as oppose to pressing flip, it was only after having pressed left and right that they thought to press flip. On essentially being asked the same question in a different format Ben again got confused and selected left or right buttons, before hitting flip. Whereas Jing recalled the behaviour and got it correct.&lt;br /&gt;&lt;br /&gt;Adding to facebook was simple for both users, to this is obviously very intuitive.&lt;br /&gt;&lt;br /&gt;Finding the event Christina was attending was surprisingly simple for Ben, he selected Christina, hit right, then flipped the event. Whereas Jing navigated to the RISA card and assumed this was the event she was attending, and never bothered to flip card without prompting. So this is an obvious deficiency.&lt;br /&gt;&lt;br /&gt;Changing the setting was a deliberately difficult question, as the setting mentioned is the odd one out on the particular display, but it is the button that I expect people to use most often.  It became obvious to Ben that he needed to press the add button, after he had pressed one of the directional buttons and seen the reaction. Jing exhibited similar behaviour. On this particular setting some extra feedback or an icon could perhaps be helpful however.&lt;br /&gt;&lt;br /&gt;The eighth question about finding a person met some time ago was only asked to Jing,  but the behaviour was not obvious to him. Unfortunately I think this question is unanswerable with this prototype. This is because the user needs the mouse to navigate the prototype, and to press and hold an on screen button is completely alien to the majority of users.&lt;br /&gt;&lt;br /&gt;Fortunately the ninth question of displaying the time was completely apparent at almost all times for both users, although Jing did press this button when asked to find a person he met some time ago, and commented that he expected the button to be a toggle as he had pressed settings and flip and found them both to be toggle. This was a surprise result, but from his point of view it was a logical thing for the device to do.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-1297393744273422112?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/1297393744273422112/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=1297393744273422112' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1297393744273422112'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1297393744273422112'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/user-evaluations.html' title='User Evaluations'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-6793981948016718354</id><published>2007-12-14T09:31:00.000Z</published><updated>2007-12-14T13:14:07.332Z</updated><title type='text'>A 3D Model...</title><content type='html'>&lt;div style="text-align: justify;"&gt;Here is a quick 3D model of the final watch (without strap) to illustrate mainly the layout of the buttons, and their relation to the screen and interface...&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2KAoxfSPtI/AAAAAAAAAEo/jwt13Dwj6sU/s1600-h/finalwatch.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2KAoxfSPtI/AAAAAAAAAEo/jwt13Dwj6sU/s400/finalwatch.png" alt="" id="BLOGGER_PHOTO_ID_5143815162378206930" border="0" /&gt;&lt;/a&gt;As you can see all the buttons are easy to reach, and referring back to the discussion of the ipod shuffle, you can see that every button has &lt;span style="font-weight: bold;"&gt;one function alone&lt;/span&gt;  and all buttons are&lt;span style="font-weight: bold;"&gt; clearly labelled&lt;/span&gt;. You can see how we have tailored our user interface in the previous post to cater for this.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-6793981948016718354?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/6793981948016718354/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=6793981948016718354' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/6793981948016718354'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/6793981948016718354'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/3d-model.html' title='A 3D Model...'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_qTp1-rpr-wc/R2KAoxfSPtI/AAAAAAAAAEo/jwt13Dwj6sU/s72-c/finalwatch.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-6659519969943889931</id><published>2007-12-13T23:57:00.000Z</published><updated>2007-12-14T12:50:04.522Z</updated><title type='text'>Our Inteface Design</title><content type='html'>We have now completed our GUI watch mock up, and it is shown below. It is an interactive Adobe Shockwave movie that should play on any browser, as most have Shockwave installed by default. If this is not the case you can obtain the plug in &lt;a href="http://www.adobe.com/shockwave/download/"&gt;here.&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;Please do not be put off by its apparent complexity, this arose as translating the interface for a physical watch into a point and click interface is tricky:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;The cluster of four buttons labelled &lt;span style="font-weight: bold;"&gt;up, down, left, right&lt;/span&gt; form the &lt;span style="font-weight: bold;"&gt;direction pad &lt;/span&gt;and translate into the &lt;span style="font-weight: bold;"&gt;joystick&lt;/span&gt; of the physical device.&lt;/li&gt;&lt;/ul&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;The two buttons labelled&lt;span style="font-weight: bold;"&gt; add&lt;/span&gt; and&lt;span style="font-weight: bold;"&gt; settings &lt;/span&gt;translate into the &lt;span style="font-weight: bold;"&gt;side buttons&lt;/span&gt; of the device.&lt;/li&gt;&lt;/ul&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;The two buttons just below the screen labelled &lt;span style="font-weight: bold;"&gt;Time&lt;/span&gt; and &lt;span style="font-weight: bold;"&gt;Flip&lt;/span&gt; are the two &lt;span style="font-weight: bold;"&gt;face buttons&lt;/span&gt; of the device.&lt;/li&gt;&lt;/ul&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;The buttons on the &lt;span style="font-weight: bold;"&gt;blue bar&lt;/span&gt; on the left hand side are used to &lt;span style="font-weight: bold;"&gt;simulate external events&lt;/span&gt;, like a friend nearby or imminent event.&lt;/li&gt;&lt;/ul&gt;&lt;ul style="text-align: justify; font-weight: bold;"&gt;&lt;li&gt;Only what is displayed in the white bounded box is the actual display of the device!&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=10,0,0,0" id="finalprotfinal" height="430" width="405"&gt;&lt;br /&gt;&lt;param name="src" value="finalprotfinal.dcr"&gt;&lt;br /&gt;&lt;param name="swRemote" value="swSaveEnabled='true' swVolume='true' swRestart='true' swPausePlay='true' swFastForward='true' swContextMenu='true' "&gt;&lt;br /&gt;&lt;param name="swStretchStyle" value="none"&gt;&lt;br /&gt;&lt;param name="bgColor" value="#000000"&gt;&lt;embed src="http://www.remixme.co.uk-a.googlepages.com/finalprotfinal.dcr" bgcolor="#000000" swremote="swSaveEnabled='true' swVolume='true' swRestart='true' swPausePlay='true' swFastForward='true' swContextMenu='true' " swstretchstyle="none" type="application/x-director" pluginspage="http://www.macromedia.com/shockwave/download/" height="430" width="405"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Ignore the buttons on the blue bar for now and &lt;span style="font-weight: bold;"&gt;notice/try&lt;/span&gt; the following features:&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;The time and date are displayed prominently by default.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2J2DxfSPhI/AAAAAAAAADI/C_24pU8BEuI/s1600-h/Untitled-1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2J2DxfSPhI/AAAAAAAAADI/C_24pU8BEuI/s400/Untitled-1.jpg" alt="" id="BLOGGER_PHOTO_ID_5143803531606769170" border="0" /&gt;&lt;/a&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Click once on any button of the directional pad: &lt;/span&gt;Pressing any button on will take you to the people screen.&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J2YRfSPjI/AAAAAAAAADY/r547gCX7BgQ/s1600-h/card1a.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J2YRfSPjI/AAAAAAAAADY/r547gCX7BgQ/s400/card1a.bmp" alt="" id="BLOGGER_PHOTO_ID_5143803883794087474" border="0" /&gt;&lt;/a&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Click on the the up or down button on the direction pad:&lt;/span&gt; Notice how the card changes to a different person.&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J2SBfSPiI/AAAAAAAAADQ/tWoYNuhheGA/s1600-h/person1.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J2SBfSPiI/AAAAAAAAADQ/tWoYNuhheGA/s400/person1.bmp" alt="" id="BLOGGER_PHOTO_ID_5143803776419905058" border="0" /&gt;&lt;/a&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Click on the flip button:&lt;/span&gt; Notice how the card flips over to display further information if available.&lt;span style="text-decoration: underline;"&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_qTp1-rpr-wc/R2J2lhfSPkI/AAAAAAAAADg/kzStvFoCLkc/s1600-h/person1back.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_qTp1-rpr-wc/R2J2lhfSPkI/AAAAAAAAADg/kzStvFoCLkc/s400/person1back.bmp" alt="" id="BLOGGER_PHOTO_ID_5143804111427354178" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Press the Add button:&lt;/span&gt; This would on the actual device add the person to facebook.&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J28BfSPlI/AAAAAAAAADo/lscAKdm3RPI/s1600-h/Untitled-2.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J28BfSPlI/AAAAAAAAADo/lscAKdm3RPI/s400/Untitled-2.bmp" alt="" id="BLOGGER_PHOTO_ID_5143804497974410834" border="0" /&gt;&lt;/a&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Push Left or Right on the direction pad:&lt;/span&gt; This will take you to Societies or Events categories respectively. Again you can flip the card at your leisure.&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_qTp1-rpr-wc/R2J3NhfSPmI/AAAAAAAAADw/cNleFhIiMWk/s1600-h/soc1.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_qTp1-rpr-wc/R2J3NhfSPmI/AAAAAAAAADw/cNleFhIiMWk/s400/soc1.bmp" alt="" id="BLOGGER_PHOTO_ID_5143804798622121570" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J3XBfSPnI/AAAAAAAAAD4/DL7-YATPdpo/s1600-h/event1.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J3XBfSPnI/AAAAAAAAAD4/DL7-YATPdpo/s400/event1.bmp" alt="" id="BLOGGER_PHOTO_ID_5143804961830878834" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J3fRfSPoI/AAAAAAAAAEA/oDYDUp30eYM/s1600-h/event1back.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J3fRfSPoI/AAAAAAAAAEA/oDYDUp30eYM/s400/event1back.bmp" alt="" id="BLOGGER_PHOTO_ID_5143805103564799618" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Press the time button: &lt;/span&gt;This takes you back to the time and date display, from anywhere in the interface, pressing a directional button again takes you back to the card you were looking at before!&lt;/li&gt;&lt;/ul&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Try pressing and holding the up button (when looking at a persons picture): &lt;/span&gt;This will pop up an extra navigation device to take you back to people you met longer ago.&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2J4VxfSPpI/AAAAAAAAAEI/S-bA57-OI5U/s1600-h/Untitled-3.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2J4VxfSPpI/AAAAAAAAAEI/S-bA57-OI5U/s400/Untitled-3.bmp" alt="" id="BLOGGER_PHOTO_ID_5143806039867670162" border="0" /&gt;&lt;/a&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="display: block;" id="formatbar_Buttons"&gt;&lt;span class="on" style="display: block;" id="formatbar_Add_Image" title="Add Image" onmouseover="ButtonHoverOn(this);" onmouseout="ButtonHoverOff(this);" onmouseup="addImage();" onmousedown="CheckFormatting(event);;ButtonMouseDown(this);"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;The settings button (Expert Users): &lt;/span&gt;Here we have tried to make this screen simultaneously easy to use for novices but quick for experts. It does however change the functionality the user is used to, if you press any one of up ,down, left, right or add you will notice that a check box is changed. This we felt would be the quickest way of disabling syncing in a scenario where the user did not want to share information.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J4uRfSPqI/AAAAAAAAAEQ/1MDvGuJNROM/s1600-h/Untitled-4.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J4uRfSPqI/AAAAAAAAAEQ/1MDvGuJNROM/s400/Untitled-4.bmp" alt="" id="BLOGGER_PHOTO_ID_5143806460774465186" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;The only alternative we could think of would be a cursor type operation controlled by the joystick, but we felt this would be cumbersome to both novices and experts alike. At least this way once the screen is mastered, the user can set the desired settings as quickly as possible. One other thing to note is that if we needed more settings for customisation e.t.c we could flip the card using the flip button; and add lesser used settings there, though this is not implemented.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;External Events:&lt;/span&gt; The result of pressing the buttons on the blue par depends upon whether you are at the main time screen, or viewing information. If you are simply viewing the time, pressing these buttons simply changes the date text momentarily, and in real life would perhaps give a discreet notification.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J5dBfSPrI/AAAAAAAAAEY/TAFAOYxYmjQ/s1600-h/Untitled-5.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_qTp1-rpr-wc/R2J5dBfSPrI/AAAAAAAAAEY/TAFAOYxYmjQ/s400/Untitled-5.bmp" alt="" id="BLOGGER_PHOTO_ID_5143807263933349554" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;If on the other hand you are viewing information, it gives the information gently over the screen you are viewing, without navigating you away from the screen. The only exception to this is the sync button, because in practise synchronising may change information you are currently looking at, or may take a long time, so it would be better to have the time displayed while this takes place.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J5gRfSPsI/AAAAAAAAAEg/h0K3-k6CIiw/s1600-h/Untitled-6.bmp"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2J5gRfSPsI/AAAAAAAAAEg/h0K3-k6CIiw/s400/Untitled-6.bmp" alt="" id="BLOGGER_PHOTO_ID_5143807319767924418" border="0" /&gt;&lt;/a&gt;Now we must critically evaluate our prototype by gaining feedback from users...&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="font-style: italic; text-align: justify;"&gt;If for any reason you cannot view our interactive prototype you can download a zip package of the standalone version here: [Available Shortly]&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-6659519969943889931?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/6659519969943889931/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=6659519969943889931' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/6659519969943889931'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/6659519969943889931'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/our-inteface-design.html' title='Our Inteface Design'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_qTp1-rpr-wc/R2J2DxfSPhI/AAAAAAAAADI/C_24pU8BEuI/s72-c/Untitled-1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-8320520343950084534</id><published>2007-12-13T10:28:00.000Z</published><updated>2007-12-14T11:10:16.360Z</updated><title type='text'>Design Issues &amp; Further Inspiration</title><content type='html'>&lt;div style="text-align: justify;"&gt;Now that we are pretty certain of our final hardware design, we have moved on to designing our final watch software user interface. As part of this process we have noticed some intriguing design issues; in earlier posts we discussed features the watch would have as well as the various alerts it would give to user, implementing these features in an intuitive way however we have not thus far discussed.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Function of buttons:&lt;/span&gt; It's clear that this is a pretty important part of our design, we had the dilemma of whether to design our GUI to use &lt;span style="font-weight: bold;"&gt;ha&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;rd coded&lt;/span&gt; buttons or so called &lt;span style="font-weight: bold;"&gt;'soft' buttons.&lt;/span&gt; Most mobile phone devices have soft buttons, where the function of buttons change according to context and a label describing its function is displayed at the bottom of the screen just above the respective button. After some debate we realised that perhaps this wouldn't be appropriate for such a small screen, and that our focus should be on reserving screen space for the key information we wanted to display. Thus we would have to use hard buttons, and we turned to my ipod shuffle to see if this would be a good solution...&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2JfQxfSPeI/AAAAAAAAACw/659KtbWh0Jw/s1600-h/DSC00429.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_qTp1-rpr-wc/R2JfQxfSPeI/AAAAAAAAACw/659KtbWh0Jw/s400/DSC00429.JPG" alt="" id="BLOGGER_PHOTO_ID_5143778466177629666" border="0" /&gt;&lt;/a&gt;&lt;div style="text-align: justify;"&gt;It became clear that we could make a small modification to our joystick prototype; the addition of two side buttons for functions that are &lt;span style="font-weight: bold;"&gt;used rarely. &lt;/span&gt;Whilst still preserving the simplicity of the device, and that we could create the interface without being overly limited. Another lesson we learnt from the ipod shuffle is that every button is clearly marked and &lt;span style="font-weight: bold;"&gt;serves one purpose only&lt;/span&gt;, there is no confusing &lt;span style="font-weight: bold;"&gt;duplication. &lt;/span&gt;Obviously the parallels between our device and the ipod shuffle end here, as we have a screen to deal with, but nonetheless a screen should not be an excuse to make a device more complicated.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2JkPRfSPgI/AAAAAAAAADA/DUQdQq-IGJQ/s1600-h/mockuplargefinal.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2JkPRfSPgI/AAAAAAAAADA/DUQdQq-IGJQ/s400/mockuplargefinal.png" alt="" id="BLOGGER_PHOTO_ID_5143783937965964802" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;Handling Notifications:&lt;/span&gt; A previous post described how the watch would alert the user on various external events like a friend entering the vicinity or an imminent party or event, although this would probably be done either audibly or by some kind of haptic feedback, it hadn't previously occurred to us how we would alert the user when they are actually browsing the device for information.&lt;br /&gt;&lt;br /&gt;In this particular scenario it would be a usability disaster if the watch was to navigate the user away from the screen they were currently viewing in order to alert them of an event, this lead be to look at the xbox360 model of notifications for inspiration...&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2JiMRfSPfI/AAAAAAAAAC4/I1hxNXFbfuc/s1600-h/DSC00430.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R2JiMRfSPfI/AAAAAAAAAC4/I1hxNXFbfuc/s400/DSC00430.JPG" alt="" id="BLOGGER_PHOTO_ID_5143781687403101682" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;In my opinion this is a classic piece of HCI, it appears unobtrusively tells the correct player key information and doesn't in any way interfere with the task at hand. Unfortunately the key to this working is having a large amount of screen space available, something the watch is severely limited with, but it is something we can keep in mind for our design.&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-8320520343950084534?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/8320520343950084534/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=8320520343950084534' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8320520343950084534'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8320520343950084534'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/design-issues-further-inspiration.html' title='Design Issues &amp; Further Inspiration'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_qTp1-rpr-wc/R2JfQxfSPeI/AAAAAAAAACw/659KtbWh0Jw/s72-c/DSC00429.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-478168435711656888</id><published>2007-12-12T21:21:00.000Z</published><updated>2007-12-14T16:35:46.679Z</updated><title type='text'>Paper Prototype User Feedback</title><content type='html'>&lt;div style="text-align: justify;"&gt;&lt;div style="text-align: justify;"&gt;Yesterday and today we surveyed and interviewed 6 potential users of our system - all Birmingham students, at various locations around campus. Each user was showed the card metaphor and asked to rank the control schemes in order of preference from 1 to 4. We encouraged the students to suggest improvements, or point out deficiencies where appropriate, and also got them to try on a paper prototype to get an idea of how functional each control scheme was.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;a style="left: 0px ! important; top: 15px ! important;" title="Block this object with Adblock Plus" class="abp-objtab-08123602837423277 visible ontop" href="http://www.db798.com/pictobrowser.swf"&gt;&lt;/a&gt;&lt;a style="left: 0px ! important; top: 17px ! important;" title="Block this object with Adblock Plus" class="abp-objtab-08123602837423277 visible ontop" href="http://www.db798.com/pictobrowser.swf"&gt;&lt;/a&gt;&lt;a style="left: 0px ! important; top: 17px ! important;" title="Block this object with Adblock Plus" class="abp-objtab-08123602837423277 visible ontop" href="http://www.db798.com/pictobrowser.swf"&gt;&lt;/a&gt;&lt;a style="left: 0px ! important; top: 17px ! important;" title="Block this object with Adblock Plus" class="abp-objtab-06293912121407673 visible ontop" href="http://www.db798.com/pictobrowser.swf"&gt;&lt;/a&gt;&lt;object align="middle" height="580" width="500"&gt;&lt;param name="FlashVars" value="ids=72157603439870512&amp;amp;names=Prototype Opinions&amp;amp;userName=msc65sxb&amp;amp;userId=21607953@N03&amp;amp;titles=on&amp;amp;source=sets"&gt;&lt;param name="PictoBrowser" value="http://www.db798.com/pictobrowser.swf"&gt;&lt;param name="scale" value="noscale"&gt;&lt;param name="bgcolor" value="#ffffff"&gt;&lt;embed src="http://www.db798.com/pictobrowser.swf" flashvars="ids=72157603439870512&amp;amp;names=Prototype Opinions&amp;amp;userName=msc65sxb&amp;amp;userId=21607953@N03&amp;amp;titles=on&amp;amp;source=sets" loop="false" scale="noscale" bgcolor="#ffffff" name="PictoBrowser" align="middle" height="420" width="400"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Results &amp;amp; Analysis&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_OBR8N-yFocQ/R2Fq2aLkY9I/AAAAAAAAACM/H5bvlW6u-XY/s1600-h/jog-dial.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://1.bp.blogspot.com/_OBR8N-yFocQ/R2Fq2aLkY9I/AAAAAAAAACM/H5bvlW6u-XY/s320/jog-dial.png" alt="" id="BLOGGER_PHOTO_ID_5143509732407141330" border="0" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;Jog Dial and Buttons Comments: &lt;/span&gt;could be fragile, chance of accidental activation, digging into their wrists, looking silly.&lt;br /&gt;&lt;br /&gt;When scrolling through the card metaphor, users felt that this wasn't the best idea as there was potential for the device to be uncomfortable and catch on the wrist. Users suggested a jog-dial on the front face as oppose to the side.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_OBR8N-yFocQ/R2FrOqLkY-I/AAAAAAAAACU/Cz4dw7bz2QY/s1600-h/buttons.png"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://2.bp.blogspot.com/_OBR8N-yFocQ/R2FrOqLkY-I/AAAAAAAAACU/Cz4dw7bz2QY/s320/buttons.png" alt="" id="BLOGGER_PHOTO_ID_5143510149018969058" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;Buttons Only&lt;/span&gt;&lt;span style="font-weight: bold;"&gt; Comments:&lt;/span&gt; simple design, but difficult to understand, impractical for navigating lots of cards.&lt;br /&gt;&lt;br /&gt;Although a simple idea, most users thought that repetitively pressing on a button to access friends and events wouldn't be suitable for this watch. They felt that scrolling through a large list could be time consuming, especially as all navigation had to be done in this way.&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_OBR8N-yFocQ/R2Fr4qLkY_I/AAAAAAAAACc/yol45rrDo6E/s1600-h/touch-n-scroll.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://2.bp.blogspot.com/_OBR8N-yFocQ/R2Fr4qLkY_I/AAAAAAAAACc/yol45rrDo6E/s320/touch-n-scroll.png" alt="" id="BLOGGER_PHOTO_ID_5143510870573474802" border="0" /&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;Scroll &amp;amp; Tap Comments:&lt;/span&gt; scrolling like apple devices would be intuitive, maybe with  buttons on the front or side instead of tapping, maybe put the scroll bar on a watch edge, for ease of use and to preserve screen space.&lt;br /&gt;&lt;br /&gt;This idea was quite polarising in terms of response, although still rated highly overall. Some users could see the the potential for ease of use on par with the recent ipod/iphone devices in that scrolling through large lists of users was feasible. We asked users who responded negatively if they had used touch based devices before, wondering if they had used devices where the touch screen implementation did not live up to the concept. We had some suggestions to improve the idea by replacing the sliders with equivalent jog dials on the face of the watch. It is obvious to us that some people prefer the natural feedback of 'hardware' as oppose to touch screens or track pads.&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;Joystick &amp;amp; Dual Buttons&lt;/span&gt;&lt;span style="font-weight: bold;"&gt; Comments&lt;/span&gt; - Immediate, easily understandable, probably comfortable, avoid too many buttons, left/right maybe difficult - possibly add a dial.&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_OBR8N-yFocQ/R2Fsl6LkZAI/AAAAAAAAACk/woNSgZaU8rA/s1600-h/sony.png"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://3.bp.blogspot.com/_OBR8N-yFocQ/R2Fsl6LkZAI/AAAAAAAAACk/woNSgZaU8rA/s320/sony.png" alt="" id="BLOGGER_PHOTO_ID_5143511647962555394" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Users thought that scrolling through the vast amount of friends and events would be possible with this design, and selection would be simple. It was clear that this interface was immediate to a large number of our users, thanks to the popularity of Sony Ericsson phones. Even uses who did not rate it as their first device found it to be their second favourite.&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;The Verdict:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-size:100%;"&gt;The control schemes we looked at focused on 3 different type of user inputs: jog dials, buttons and touch based scroll bars. As the watch has the potential for displaying relatively large lists of screens, there was a clear affinity for devices that could navigate these lists quickly. Buttons were seen as a key necessity. &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;Overall the most popular scheme numerically was the joy stick based device, &lt;/span&gt;&lt;span style="font-size:100%;"&gt;&lt;/span&gt;&lt;span style="font-size:100%;"&gt;as most users had experience of this and could see themselves scrolling through cards to get to events, select other users and perform actions reliably; much as they do on a mobile phone. We received cautions from our users to use buttons sparingly, but it is becoming clearer now what our final hardware interface will be.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-478168435711656888?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/478168435711656888/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=478168435711656888' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/478168435711656888'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/478168435711656888'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/paper-prototype-user-feedback.html' title='Paper Prototype User Feedback'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_OBR8N-yFocQ/R2Fq2aLkY9I/AAAAAAAAACM/H5bvlW6u-XY/s72-c/jog-dial.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-5017656784791452278</id><published>2007-12-11T10:02:00.000Z</published><updated>2007-12-11T23:25:18.310Z</updated><title type='text'>An Example 'Card'</title><content type='html'>&lt;div style="text-align: justify;"&gt;While we decide on the final design for the hardware interface, work has been going into how the UI should be laid out in software, specifically looking at the information we can fit onto a watch screen whilst using the card metaphor. &lt;span style="font-weight: bold;"&gt;Click on the card below to flip it.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=10,0,0,0" id="cardtest" height="250" width="250"&gt; &lt;param name="src" value="cardtest.dcr"&gt; &lt;param name="swRemote" value="swSaveEnabled='true' swVolume='true' swRestart='true' swPausePlay='true' swFastForward='true' swContextMenu='true' "&gt; &lt;param name="swStretchStyle" value="none"&gt; &lt;param name="bgColor" value="#000000"&gt; &lt;embed src="http://www.remixme.co.uk-a.googlepages.com/cardtest.dcr" bgcolor="#000000" swremote="swSaveEnabled='true' swVolume='true' swRestart='true' swPausePlay='true' swFastForward='true' swContextMenu='true' " swstretchstyle="none" type="application/x-director" pluginspage="http://www.macromedia.com/shockwave/download/" height="250" width="250"&gt;&lt;/embed&gt; &lt;/object&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;I have designed this initial U.I mock-up with a 160x128 screen resolution in mind, as this is similar to commercially available watches currently available. As you can see, we are limited in the information we are able to display with this metaphor, or indeed with a wrist watch design. Being selective about the kinds of information displayed is a key design issue. The one advantage of the card metaphor however is that it tends to steer us away from scroll bars, and/or scrolling text, which I feel could be incredibly cumbersome on such a small device.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-5017656784791452278?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/5017656784791452278/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=5017656784791452278' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5017656784791452278'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5017656784791452278'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/example-card.html' title='An Example &apos;Card&apos;'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-2972571416032384181</id><published>2007-12-10T16:40:00.001Z</published><updated>2007-12-11T23:46:36.654Z</updated><title type='text'>Introducing Our Metaphor</title><content type='html'>&lt;div style="text-align: justify;"&gt;In lectures we looked at metaphors and their use within user interfaces, from this we came up with a simple idea that would enable users to navigate the watch and its content quickly and simply. We call it the &lt;span style="font-weight: bold;"&gt;card metaphor. &lt;/span&gt;It is inspired by the concept of old circular card files offices used to have. Each screen is a virtual card, that can be &lt;span style="font-weight: bold;"&gt;flipped over&lt;/span&gt; to obtain more information, just like you would in the real world.&lt;br /&gt;&lt;br /&gt;Users can switch to different cards by scrolling up and down, which is akin to selecting a new card from the file. Left and right could select different kinds of cards, akin to selecting a different card file.  Although here we feel the metaphor diverges from the real world.&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qTp1-rpr-wc/R11txEbbcjI/AAAAAAAAACo/u_ULfv5Syy0/s1600-h/metaphor.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_qTp1-rpr-wc/R11txEbbcjI/AAAAAAAAACo/u_ULfv5Syy0/s400/metaphor.png" alt="" id="BLOGGER_PHOTO_ID_5142387039296778802" border="0" /&gt;&lt;/a&gt;The advantage of this is that navigation is simple, and tied to a particular control scheme, in further posts we will elaborate on this.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-2972571416032384181?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/2972571416032384181/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=2972571416032384181' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/2972571416032384181'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/2972571416032384181'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/introducing-our-metaphor.html' title='Introducing Our Metaphor'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_qTp1-rpr-wc/R11txEbbcjI/AAAAAAAAACo/u_ULfv5Syy0/s72-c/metaphor.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-3753060067219704150</id><published>2007-12-09T15:20:00.000Z</published><updated>2007-12-10T15:56:50.485Z</updated><title type='text'>Final Paper Prototypes</title><content type='html'>&lt;div style="text-align: justify;"&gt;Taking lessons learnt from the past two posts we decided to narrow down our paper prototypes into the following simplified designs shown below, we have  also made a questionnaire sheet with comments so we can  gauge user feedback on our designs.&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R11c5UbbchI/AAAAAAAAACY/gRUXmfXzVmc/s1600-h/mockups.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R11c5UbbchI/AAAAAAAAACY/gRUXmfXzVmc/s400/mockups.png" alt="" id="BLOGGER_PHOTO_ID_5142368489333027346" border="0" /&gt;&lt;/a&gt;You will note that the jog dial has moved following our evaluation of initial sketches. The other designs are largely unchanged. We have also made cut outs of the designs to place on wrists to get a better impression on how they would function, please excuse my hairy arm!&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R11gvUbbciI/AAAAAAAAACg/n-Q-CL-Fp-E/s1600-h/DSC00414.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R11gvUbbciI/AAAAAAAAACg/n-Q-CL-Fp-E/s400/DSC00414.JPG" alt="" id="BLOGGER_PHOTO_ID_5142372715580846626" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Now off to solicit user feedback..........&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-3753060067219704150?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/3753060067219704150/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=3753060067219704150' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/3753060067219704150'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/3753060067219704150'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/final-paper-prototypes.html' title='Final Paper Prototypes'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_qTp1-rpr-wc/R11c5UbbchI/AAAAAAAAACY/gRUXmfXzVmc/s72-c/mockups.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-5071948846997167303</id><published>2007-12-08T14:18:00.000Z</published><updated>2007-12-10T15:19:21.625Z</updated><title type='text'>Further Evaluation of Paper Prototypes</title><content type='html'>&lt;div style="text-align: justify;"&gt;After evaluating the gadgets in the previous post and seeing how the various control schemes would work in the context of our initial prototypes, we began to see which control schemes would be feasible and which wouldn't.&lt;br /&gt;&lt;br /&gt;The gadgets we looked at had the following control schemes (or mixtures thereof); &lt;span style="font-weight: bold;"&gt;buttons, joysticks, jog dials and touch screens.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;The &lt;span style="font-weight: bold;"&gt;Ipod Touch&lt;/span&gt; is predominantly a touch screen device (it's main unique selling point) and is really prime example of a mass produced finger operated device, so any watch design could take a lot of inspiration from this. Indeed one of our intial sketches has touch scroll bars, and we had initially not ruled out the possibility of a complete touch screen watch.&lt;br /&gt;&lt;br /&gt;In operation the device was nice and reasonably intuitive to use (in my opinion as an unfamiliar test subject), yet we did have a few response issues selecting smaller menus such as songs. Using a familiar panagram 'the quick fox jumps over the lazy dog' to test a touch screen keyboard against a mini keyboard of the pocket pc phone we found that typing on the ipod to be more fiddly and error prone then that of the hardware mini keyboard found on the pocket pc phone (even after some training). This leads us to believe that a complete touch screen device or any complex data entry would be impractical at best for a watch with a such a small display.&lt;br /&gt;&lt;br /&gt;The other interesting thing to note was that even Apple felt the need to place some buttons on the device; a main 'home' button and a 'hold' button, yet we could see how critical these buttons were for certain key features. Overall we felt that touch interfaces should be limited to tap and scrolling alone.&lt;br /&gt;&lt;br /&gt;One of our initial prototype sketches employs a jog dial design, the &lt;span style="font-weight: bold;"&gt;Sony Clie PDA,&lt;/span&gt; it is in my opinion one of the best jog dials I have come across, yet we could instantly see one of the flaws in our jog dial initial prototype; you can't operate buttons on the front and a jog dial on the side without a seriously uncomfortable hand position, so if this design is to be carried forward we need to place buttons on the side. We also realised the potential for accidental movement of a jog dial placed into a watch scenario, so this is something to be taken into account.&lt;br /&gt;&lt;br /&gt;The &lt;span style="font-weight: bold;"&gt;MP4 Watch&lt;/span&gt; has a user interface driven entirely by buttons on either side of the device. The video shows how this appears to be reasonable effective for small tasks such as navigation and moving around simple screens but makes browsing a large list of files quite laborious. Our watch (depending on our final user interface) could have a user searching through dozens to hundreds of friends, so this is something to keep in mind.&lt;br /&gt;&lt;br /&gt;Another limitation we could see from the youtube video was the apparant difficulty the user had in pressing some of the buttons, this could be laborious for lots of information, but the loud mechanical 'click' of the buttons at least provides good feedback. Perhaps this was a trade off made by the designers to avoid accidental operation. In any buttons are still essential for many devices, so we will continue with button designs whilst keeping limitations in mind.&lt;br /&gt;&lt;br /&gt;Other initial sketches employed a track ball and track pad design, which we could see on further reflection are probably not suited to a space constrained watch. Most track pads and track balls are designed for pointing devices which is entirely unsuitable for a small device, and we could imagine would be highly prone to accidental activation.&lt;br /&gt;&lt;br /&gt;Our joystick enabled initial sketch is inspired by the &lt;span style="font-weight: bold;"&gt;Sony Ericsson&lt;/span&gt; series of phones; this does serve in our opinion for good interface navigation on small devices, as the phones prove in practice, but we noted that the end user would have to use a 'thumb only' type of grasp to actually operate it, we will have to judge how comfortable this is based on user feedback.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-5071948846997167303?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/5071948846997167303/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=5071948846997167303' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5071948846997167303'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5071948846997167303'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/further-evaluation-of-paper-prototypes.html' title='Further Evaluation of Paper Prototypes'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-5955594899830469312</id><published>2007-12-06T19:49:00.000Z</published><updated>2007-12-06T21:10:30.552Z</updated><title type='text'>Personal Evaluation of Paper Prototypes</title><content type='html'>&lt;div style="text-align: justify;"&gt;Soon we are aiming to obtain some real life evaluations of a our paper prototypes from our target audience, however having discussed the various prototypes between ourselves we can see some glaring issues that discount some of the existing prototypes we have thought of.&lt;br /&gt;&lt;br /&gt;We basically sat down with a number of different devices from Si's gadget box of old and current hardware, to see how the various hardware interfaces actually perform. In one instance we took a jog dial device and imagined how it would perform in a 'wrist-watch' scenario, and so on with a number of other devices until we had a feel for how the interfaces we had designed in the previous post would actually perform.&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="425" align="middle"&gt;&lt;param name="FlashVars" VALUE="ids=72157603394814899&amp;names=HCI&amp;userName=msc65sxb&amp;userId=21607953@N03&amp;titles=on&amp;source=sets&amp;titles=on&amp;displayNotes=on&amp;thumbAutoHide=off&amp;imageSize=medium&amp;vAlign=mid&amp;displayZoom=off&amp;vertOffset=0&amp;initialScale=on&amp;bgAlpha=80"&gt;&lt;/param&gt;&lt;param name="PictoBrowser" value="http://www.db798.com/pictobrowser.swf"&gt;&lt;/param&gt;&lt;param name="scale" value="noscale"&gt;&lt;/param&gt;&lt;param name="bgcolor" value="#DDDDDD"&gt;&lt;/param&gt;&lt;embed src="http://www.db798.com/pictobrowser.swf" FlashVars="ids=72157603394814899&amp;names=HCI&amp;userName=msc65sxb&amp;userId=21607953@N03&amp;titles=on&amp;source=sets&amp;titles=on&amp;displayNotes=on&amp;thumbAutoHide=off&amp;imageSize=medium&amp;vAlign=mid&amp;displayZoom=off&amp;vertOffset=0&amp;initialScale=on&amp;bgAlpha=80" loop="false" scale="noscale" bgcolor="#DDDDDD" width="400" height="420" name="PictoBrowser" align="middle"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;We also looked at other devices that have tried to pack a lot of functionality into the form factor of a wrist watch. The Brando MP4 watch gives us some clues as to what is possible and feasible and the moment and is available at the mass market for ~£50. Notice how later in the video the five buttons have a loud click action, and how the user has to position their hand to operate the device. Another thing to notice is the text size, which shows how large the text should be for good readability. Which is something we need to keep in mind for designing our final interface.&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/sMUWH8QE150&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/sMUWH8QE150&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Our next step is to obtain user feedback on a narrowed down set of paper prototypes... Stay Tuned.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-5955594899830469312?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/5955594899830469312/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=5955594899830469312' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5955594899830469312'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5955594899830469312'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/personal-evaluation-of-paper-prototypes.html' title='Personal Evaluation of Paper Prototypes'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-714650115684827729</id><published>2007-12-04T05:18:00.000Z</published><updated>2007-12-14T13:17:30.618Z</updated><title type='text'>Working on Paper Prototypes</title><content type='html'>&lt;div style="text-align: justify;"&gt;We are now working on paper prototypes to hone our ideas to aim towards a final design. Since a key part of the user experience is how the user actually interacts with the watch; we are trying to find an optimum &lt;span style="font-weight: bold;"&gt;control scheme&lt;/span&gt; by creating many designs and gaining user feedback.&lt;br /&gt;&lt;br /&gt;This first picture shows a rough hand drawn selection of possible &lt;span style="font-weight: bold;"&gt;control schemes.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/R1RvHkbbcdI/AAAAAAAAAB4/HkRADL9cHGI/s1600-R/ideas1cs.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/R1RvHkbbcdI/AAAAAAAAAB4/hMh1yDxK4j8/s400/ideas1cs.png" alt="" id="BLOGGER_PHOTO_ID_5139855250565067218" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Whilst this second picture illustrates what the final design might look like when computer aided design is used.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_qTp1-rpr-wc/R1Rvg0bbceI/AAAAAAAAACA/q5icXvRJeyY/s1600-R/watch1a.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_qTp1-rpr-wc/R1Rvg0bbceI/AAAAAAAAACA/MqkiycMDfdo/s400/watch1a.png" alt="" id="BLOGGER_PHOTO_ID_5139855684356764130" border="0" /&gt;&lt;/a&gt;After choosing the optimum control scheme we can then go on to looking at the graphical user interface of the watch.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-714650115684827729?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/714650115684827729/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=714650115684827729' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/714650115684827729'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/714650115684827729'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/working-on-paper-prototypes.html' title='Working on Paper Prototypes'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_qTp1-rpr-wc/R1RvHkbbcdI/AAAAAAAAAB4/hMh1yDxK4j8/s72-c/ideas1cs.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-2175437229728724509</id><published>2007-12-04T02:34:00.000Z</published><updated>2007-12-14T16:46:42.103Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='todo'/><title type='text'>Current prototype state and next steps</title><content type='html'>&lt;div style="text-align: justify;"&gt;Our identified screens are as follows:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Find friend, this could be around campus, club or bar&lt;/li&gt;&lt;li&gt;Display time&lt;/li&gt;&lt;li&gt;Pair with another user&lt;/li&gt;&lt;li&gt;Synchronize with users computer&lt;/li&gt;&lt;li&gt;Accept/ignore events&lt;/li&gt;&lt;li&gt;Event alert&lt;/li&gt;&lt;li&gt;Buddy homelist&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Settings&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;From the user feedback and above screens we would now like to concentrate on and collect further feedback on the following:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Physical features&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Transitions between screens and&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Screen layout for each of the above screens.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;Physical features we would like to look at will include research into how similar products have done and how this could be applied to our design. The touch screen and possibly the use of buttons were ones mentioned in the meetup with today with the demonstrators. After this our next priority will be planning out the information containted within each screen in a logical and consistent fashion. The final step will be getting a user to test the prototype out to see if they can perform the required actions.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-2175437229728724509?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/2175437229728724509/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=2175437229728724509' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/2175437229728724509'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/2175437229728724509'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/current-prototype-state-and-next-steps.html' title='Current prototype state and next steps'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-1148029447896796856</id><published>2007-12-01T08:01:00.000Z</published><updated>2007-12-14T16:46:18.835Z</updated><title type='text'>Prototype feedback</title><content type='html'>&lt;div style="text-align: justify;"&gt;Whilst showing and explaining the &lt;a href="http://hci-think-tank.blogspot.com/2007/11/student-social-organizer-watch.html"&gt;design prototype&lt;/a&gt; I asked my house mates about their thoughts on the following: A  student new to University wants to use this as an extension of their social network profile to find other like minded individuals, they would then be presented with invites to events that their new friends are going to.&lt;br /&gt;&lt;br /&gt;The following summarises the points raised by my house mates:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Privacy issues and fine grain control over features - &lt;span style="font-style: italic;"&gt;alerting a whole group of people when you're going to do something could be a problem, there should be more control over who can be alerted.&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Too many friend requests - &lt;span style="font-style: italic;"&gt;particularly in a social club setting&lt;/span&gt;,&lt;span style="font-style: italic;"&gt; could be information overload&lt;/span&gt;.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;What is the usable range?&lt;/li&gt;&lt;li&gt;Vibrate setting -&lt;span style="font-style: italic;"&gt; to alert user when in a loud club&lt;/span&gt;.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;How will the buttons/user input work?&lt;/li&gt;&lt;li&gt;Possibly marketed as a male/female watch/braclet.&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;Our comments to the points raised above:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="font-weight: bold;"&gt;Privacy issues/fine tuning of features&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;An example of fine tuning the functions could be choosing from a list of people available who you want to go home with rather then having a list that alerted everyone.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Too many friend requests&lt;/span&gt;&lt;br /&gt;A large amount of people in a club could present information overload. How do we show this as efficiently as possible to our users? We could filter people out by categories that show up as a setting on the watch or just have a complete list of friends that the user scrolls through.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;What is the usable range&lt;/span&gt;?&lt;br /&gt;This would be the bluetooth range 10-100m, a fairly good size for a club or 2 within the local area.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Vibrate setting&lt;/span&gt;&lt;br /&gt;This is to alert people especially within a club, just like a phone or pager. Although missed out this was a very valid point as clubs can be noisy and distracting and the best chance of a device like this getting your attention in this setting would be through vibration.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;How will the buttons/user input work?&lt;/span&gt;&lt;br /&gt;One thing the prototype diagram doesn't clearly explain is the use of buttons or user input. Here most of the user input is done through a touch screen. In the case of &lt;span style="font-weight: bold; font-style: italic;"&gt;settings &lt;/span&gt;and &lt;span style="font-weight: bold; font-style: italic;"&gt;events &lt;/span&gt;we've added scrollbars to display extra data. Without the use of scrollbars this has the potential to be fiddly if not impossible to use due to the limited amount of space available.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Possibly marketed as a watch/braclet for males and females&lt;/span&gt;&lt;br /&gt;This was a nice addition (although part of the asthetics) to the look and feel of the device which wasn't initially thought about.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-1148029447896796856?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/1148029447896796856/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=1148029447896796856' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1148029447896796856'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1148029447896796856'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/prototype-feedback.html' title='Prototype feedback'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-2331742770179525501</id><published>2007-12-01T00:11:00.000Z</published><updated>2007-12-14T16:46:04.929Z</updated><title type='text'>Updating our prototype</title><content type='html'>&lt;div style="text-align: justify;"&gt;Taking feedback into consideration we've decided to update our idea by having a look at how other successful products have accomplished similar issues.&lt;br /&gt;&lt;br /&gt;So far the two things we have now identified before we do a final evaluation of our prototype are: design patterns and front buttons.&lt;br /&gt;&lt;br /&gt;- The application of design patterns.&lt;br /&gt;The drill down design pattern (described during a previous lecture) will provide a simple and effective way of displaying information.&lt;br /&gt;&lt;br /&gt;- Front buttons.&lt;br /&gt;Two possible competing ideas that are inspiring us on this are touch screen devices such as the iphone and lg verity versus the traditional button phone. Both make use of limited resources.&lt;br /&gt;&lt;br /&gt;- Look of the watch/braclet.&lt;br /&gt;&lt;br /&gt;This time the new prototype will be implemented in html, we've put up a flow diagram which link to screenshots here.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Other ideas that we will find inspiration for our idea from:&lt;br /&gt;&lt;br /&gt;User walk through:&lt;br /&gt;&lt;br /&gt;[do this in html, write script to measure how long it takes a user to do each task then report back with results.]&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-2331742770179525501?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/2331742770179525501/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=2331742770179525501' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/2331742770179525501'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/2331742770179525501'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/12/updating-our-prototype.html' title='Updating our prototype'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-8537255835130002233</id><published>2007-11-29T16:04:00.000Z</published><updated>2007-12-14T17:08:38.964Z</updated><title type='text'>Student Social Organizer Watch Prototype</title><content type='html'>&lt;div style="text-align: justify;"&gt;Here is an image of our paper prototype that we've come up with:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_OBR8N-yFocQ/R08TxHcLqTI/AAAAAAAAAAk/iMtZQ5eC4rI/s1600-h/prototype.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_OBR8N-yFocQ/R08TxHcLqTI/AAAAAAAAAAk/iMtZQ5eC4rI/s320/prototype.png" alt="" id="BLOGGER_PHOTO_ID_5138347434384795954" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Each of the screens is activated by actions defined below:&lt;br /&gt;&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Bob is near&lt;/span&gt; - when another student with similar interests (clubs, societies, department,course...) comes up close the student is alerted.&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Paired&lt;/span&gt; - when two students shake hands and have the same device this screen verify's that both students are now friends.&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Time&lt;/span&gt; - this is shown by default.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Event&lt;/span&gt; - lets the student decide if they want to attend an event that one of their friends is attending.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Syncing&lt;/span&gt; - the watch updates new friends and obtains groups and events that the student may want to join/attend.&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Settings&lt;/span&gt; - general watch settings.&lt;br /&gt;&lt;/li&gt;&lt;/ol&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-8537255835130002233?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/8537255835130002233/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=8537255835130002233' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8537255835130002233'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8537255835130002233'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/11/student-social-organizer-watch.html' title='Student Social Organizer Watch Prototype'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_OBR8N-yFocQ/R08TxHcLqTI/AAAAAAAAAAk/iMtZQ5eC4rI/s72-c/prototype.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-7430232194744166497</id><published>2007-11-29T06:30:00.000Z</published><updated>2007-12-14T16:45:34.454Z</updated><title type='text'>An overview of the "Student Social Organizer Watch"</title><content type='html'>&lt;div style="text-align: justify;"&gt;From our suvery feedback and initial brainstorm ideas we have decided to  create a device to help students organize social events and make friends.&lt;br /&gt;&lt;br /&gt;Our idea will take the connectivity of a social network (as these are currently very popular with students) and the familarity of a watch.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Why a watch and not a more feature rich/complex device?&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;A watch is a familiar device to all students.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Limited resources and simple user interface are perfect for displaying all that we require.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;A watch is also convenient to carry around, much more so then a phone.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;Choice of social network&lt;/span&gt;&lt;br /&gt;Facebook is choosen for the following reasons:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;It presents a simple and effective way of getting people to organize an event.&lt;/li&gt;&lt;li&gt;It was the primary communication tool used to inform people about our survey and so most students are already familiar with its features.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;&lt;span style="font-weight: bold;"&gt;So how will this work?&lt;/span&gt;&lt;br /&gt;A quick rundown of how the student social organizer watch will work:&lt;br /&gt;&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;The student wears watch which in it's normal state tells the time.&lt;/li&gt;&lt;li&gt;When the student shakes hands with another with the same watch on it transfers the user's info over between both watches. They are then "&lt;a href="http://hci-think-tank.blogspot.com/2007/11/devices-taken-step-further-with-cool.html"&gt;securely paired&lt;/a&gt;". This ensures that both users are identified next time they go past each other.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;When the user is at their home computer the devices sync over bluetooth. The app also sends over a list of subscribed events to the watch which are kept in the form of alerts.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Students can then select whether they want to join groups and events that their newly paired up friend(s) are on.&lt;br /&gt;&lt;/li&gt;&lt;/ol&gt;&lt;div style="text-align: justify;"&gt;The survey also pointed out the following:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Students find it hard to keep friends together when out.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Students also find it quite hard getting home.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;Our solutions:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;When a student goes to an event, any friends that are also at that same event will be alerted if within range and kept within a radar, if one person moves out the others are then alerted.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;When getting home from an event, the student will be presented with a buddy list which contains available friends within the bluetooth range and at the event. The student will alert their home buddies by selecting a screen and alerting their friends.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-7430232194744166497?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/7430232194744166497/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=7430232194744166497' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/7430232194744166497'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/7430232194744166497'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/11/overview-of-student-social-organizer.html' title='An overview of the &quot;Student Social Organizer Watch&quot;'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-8147200404472141863</id><published>2007-11-18T22:00:00.000Z</published><updated>2007-12-14T16:44:43.085Z</updated><title type='text'>Devices taken a step further with cool effects</title><content type='html'>&lt;div style="text-align: justify;"&gt;The videos below show examples of popular devices (a mobile phone and games console) that have been extended with interesting results.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.youtube.com/watch?v=ktJC0S4_X58"&gt;&lt;span style="font-weight: bold;"&gt;Synchronised shaking connects gadgets&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;From the Youtube's New Scientist channel the following video shows how 2 mobile phones can be linked together by shaking them in synchronization:&lt;br /&gt;&lt;br /&gt;&lt;a style="left: 0px ! important; top: 15px ! important;" title="Block this object with Adblock Plus" class="abp-objtab-06293912121407673 visible ontop" href="http://www.youtube.com/v/ktJC0S4_X58&amp;amp;rel=1"&gt;&lt;/a&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/ktJC0S4_X58&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/ktJC0S4_X58&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;There is a paper over &lt;a href="http://eis.comp.lancs.ac.uk/fileadmin/eis/publication/2007-ShakeImp.pdf"&gt;here&lt;/a&gt;. This could be used to validate users e.g. friends or possibly even to pay for items (events, stuff around uni, books...) in a very simple manner.&lt;br /&gt;&lt;br /&gt;The key to working this is using an acceloremeter, so extending this to a keyring or other small item could allow phones and other devices to be paired up with other objects securly. This is probably a good extension of the student friend finding idea.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.youtube.com/watch?v=0awjPUkBXOU"&gt;Tracking Fingers with the Wii Remote&lt;/a&gt;&lt;br /&gt;The following video shows how a wii can be modified to produce a Minority Report style interface.&lt;br /&gt;&lt;br /&gt;If you haven't seen the film the user interface is pretty much like the ipod touch/iphone when viewing webpages except that the device in the film is a clear pane (like the tv) and is operated by two hands. Other products using touch in an intelligent way include the &lt;a href="http://gizmodo.com/gadgets/sticker-shock/video-of-bill-gates-showing-off-his-expensive-table-264453.php"&gt;Microsoft touch table&lt;/a&gt; and &lt;a href="http://www.nytimes.com/2007/07/13/business/13adco.html"&gt;Adobe wall&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;I think students new to university would quite enjoy the idea of operating their tv or other visual device in a more expressive manner.&lt;br /&gt;&lt;br /&gt;&lt;a style="left: 0px ! important; top: 0px ! important;" title="Block this object with Adblock Plus" class="abp-objtab-06293912121407673 visible ontop" href="http://www.youtube.com/v/0awjPUkBXOU&amp;amp;rel=1"&gt;&lt;/a&gt;&lt;object height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/0awjPUkBXOU&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/0awjPUkBXOU&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-8147200404472141863?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/8147200404472141863/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=8147200404472141863' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8147200404472141863'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8147200404472141863'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/11/devices-taken-step-further-with-cool.html' title='Devices taken a step further with cool effects'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-8347565013198605381</id><published>2007-11-18T14:57:00.001Z</published><updated>2007-11-25T16:27:41.775Z</updated><title type='text'>Lies, Damn Lies, &amp; Statistics.....</title><content type='html'>&lt;div style="text-align: justify;"&gt;Well the results from the first survey are in, we managed to get a total of 19 respondents (18 electronic, 1 written)  so a big thank you to everybody who took part.&lt;br /&gt;&lt;br /&gt;Now for some analysis. The original list of questions is shown below, along with a chart that gives a condensed summary of the responses received. Students were asked to rate their responses to questions on a five point scale (Very Easy, Easy, Average, Hard, Very Hard) and I took a tally of the number of "Hard" or "Very Hard" responses to identify issues we could target our project at.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qTp1-rpr-wc/R0Bcyq_OgzI/AAAAAAAAABI/b4qSEpaVrlU/s1600-h/1survey.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_qTp1-rpr-wc/R0Bcyq_OgzI/AAAAAAAAABI/b4qSEpaVrlU/s400/1survey.png" alt="" id="BLOGGER_PHOTO_ID_5134205600805061426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Relevant Questions:&lt;/span&gt;&lt;br /&gt;Q2) Getting hold of official university information?&lt;br /&gt;Q3) Finding your way around campus?&lt;br /&gt;Q4) Getting hold of course information?&lt;br /&gt;Q5) Getting hold of student union information?&lt;br /&gt;Q6) Find out about the clubs and societies you wanted to join?&lt;br /&gt;Q7) Keeping in touch with your university friends?&lt;br /&gt;Q8) How did you find studying?&lt;br /&gt;Q9) How did you find revising?&lt;br /&gt;Q10) When going out with friends, how easy or difficult was it to choose a venue?&lt;br /&gt;Q11) How easy or difficult was it to organize a night out?&lt;br /&gt;Q12) How easy or difficult was it to keep with your group of friends on a regular night out?&lt;br /&gt;Q13) How did you find getting home?&lt;br /&gt;Q14) How did you find grocery shopping?&lt;br /&gt;Q15) How do you find obtaining university essentials?&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Further Experiences:&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-style: italic;"&gt;"The information services (library) site is very useful for academic matters."&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-style: italic;"&gt;"Difficult as university residences are off-campus, so made things a bit harder re: going into town for nights out."&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-style: italic;"&gt;"Finding food was easy, maintaining a healthy lifestyle with no experience of it is difficult."&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-style: italic;"&gt;"It is hard for me to give answers to some of the questions for example about student union. I know there is one but I've never even tried to look for any information about it............."&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Comments:&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;I find the results of the survey quite interesting, as someone who has been at university for a while now I hadn't expected such a skew towards the social aspects of university, but of course for a new student these matters are of utmost importance, long before thoughts of exams, revision and actually doing any work!&lt;br /&gt;&lt;br /&gt;We can see that a lot respondents (proportionally speaking) had trouble in form or another on nights out. There also seems to be a difficultly barrier when it comes to obtaining information concerning clubs, societies and the student union.&lt;br /&gt;&lt;br /&gt;The subject of revising was a problem to some respondents, but to a lesser extent than perhaps I had initially thought especially considering the majority of respondents listed themselves as either "graduate" or "working" I wondered whether we would see a skew towards this considering revision and exams would be freshest in the minds of these respondents.&lt;br /&gt;&lt;br /&gt;We can now ponder these results and their implications on our ideas.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-8347565013198605381?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/8347565013198605381/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=8347565013198605381' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8347565013198605381'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8347565013198605381'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/11/lies-damn-lies-statistics.html' title='Lies, Damn Lies, &amp; Statistics.....'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_qTp1-rpr-wc/R0Bcyq_OgzI/AAAAAAAAABI/b4qSEpaVrlU/s72-c/1survey.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-1352325681800766540</id><published>2007-11-13T09:24:00.000Z</published><updated>2007-12-14T16:44:27.529Z</updated><title type='text'>Online survey now up</title><content type='html'>&lt;div style="text-align: justify;"&gt;Our survey was placed up last week and so far we've received a handful of responses.&lt;br /&gt;&lt;br /&gt;The questions contained are quite simple and should give us an indication of the sort of idea we should be looking at rather then how to design such ideas.&lt;br /&gt;&lt;br /&gt;The url for the survey can be found here:&lt;br /&gt;&lt;a href="http://www.joe-wong.co.uk/limesurvey/index.php?sid=57814&amp;amp;lang=en" target="_blank"&gt;http://www.joe-wong.co.uk/limesurvey/index.php?sid=57814&amp;amp;lang=en&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-1352325681800766540?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/1352325681800766540/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=1352325681800766540' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1352325681800766540'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1352325681800766540'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/11/online-survey-now-up.html' title='Online survey now up'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-8047219356016317900</id><published>2007-11-11T10:05:00.000Z</published><updated>2007-11-11T12:36:15.281Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='idea'/><title type='text'>Student communication ideas</title><content type='html'>&lt;span style="font-weight: bold;"&gt;Student job finder&lt;/span&gt;&lt;br /&gt;The student job finder is aimed at helping new students find a job from one source rather then several. For new students most jobs can be placed into 2 main categories: Part time and Voluntary.&lt;br /&gt;&lt;br /&gt;Retail provides many &lt;span style="font-weight: bold;"&gt;part time&lt;/span&gt; student jobs mostly due to the ease of getting a job however there are more options open for students. An Example can be tutoring where a student is using their existing skills to earn money.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Voluntary&lt;/span&gt; jobs include those where a student would probably want to help out, especially for societies and charities. Both types of jobs can be found on email lists, websites and through word of mouth.&lt;br /&gt;&lt;br /&gt;As the number of job sources increases the breadth of the search a student has to do to look for a fitting job can be quite large especially for those students initially arriving at university.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Student friend finder&lt;/span&gt;&lt;br /&gt;The aim of the friend finder is to help students find their friends/other like minded people.&lt;br /&gt;&lt;br /&gt;The phone a familiar instant communication device is almost common to every student. However the phone usually costs credit/money to make calls and texts and can take a while to find out if everyone is going out. You've also got to have a number for your friend.&lt;br /&gt;&lt;br /&gt;The social network profile e.g. facebook, myspace, hi5... are all populated by vast numbers of students even before they come to university. Social networks provide very useful profile information and features such as access to profile 24 hours a day, creating events, groups... The disadvantages of social networks are lack of instant communication and a reliance on an internet connection which is usually a computer at home. Although facebook does have a mobile site, I've not known anyone who interfaces with their site in this way.&lt;br /&gt;&lt;br /&gt;The student friend finder device merges the two ideas by using the adhoc ability of a phone's bluetooth connectivity (could also be zigbee/wifi or something else) to find other users running the software and looking up matching bits of information. The friend finder will only alert the user when a successful match has been found e.g. both students are looking for "computer science" students.&lt;br /&gt;&lt;br /&gt;They may then each receive a message (this depends on their settings) alerting them about this new user. If the user is already one of their friends then it may just alert them or do nothing.&lt;br /&gt;&lt;br /&gt;Disadvantages may include:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Stalking if a user has too much profile information displayed, system could warn user before hand.&lt;/li&gt;&lt;li&gt;Popular users could have too many requests to handle, a cap may be placed on requests within a specific time period.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-8047219356016317900?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/8047219356016317900/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=8047219356016317900' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8047219356016317900'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/8047219356016317900'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/10/round-up-of-other-student-ideas.html' title='Student communication ideas'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-3285627835197913656</id><published>2007-11-08T21:06:00.001Z</published><updated>2007-12-14T17:09:44.674Z</updated><title type='text'>Drinking and Socialising Ideas.....</title><content type='html'>&lt;div style="text-align: justify;"&gt;A lot of the ideas that came out of the initial brainstorming session tended to revolve around drinking and socialising, which as we all know can be a big part of the university experience. Here are some undeveloped ideas that revolve around this particular theme:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;The "how did I get home?" device: &lt;/span&gt;An unfortunate question that I'm sure a large number of students have asked themselves, they key idea behind this would be a watch or pda type device with built in screen and gps, that would record the path and places you visited at the street and pavement level, which could be replayed the next day to illustrate just how drunk you where the night before. However I think the novelty of such an idea would be short lived and not enough to carry a device on it's own, but could be interesting as part of a more comprehensive device.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Party Finder: &lt;/span&gt;This was primarily envisaged for people in halls or residence to keep track of where their friends currently are so they can traverse from one party to another. The idea would be some form of social networking phone application with a list of all party goers and which bar or venue they are currently at. So one could check on their phone where all their fellow party finder users are and either join them or get together.&lt;br /&gt;&lt;br /&gt;This could also be useful if you are not accepted to a bar and to join some friends and you want to find some other friends to join so that the night is not spoiled.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;The liver &amp;amp; wallet saviour: &lt;/span&gt;Binge drinking can be a particular hazard for students young or old, and it was proposed that it would be good if there was actually some way of keeping track or the amount of alcohol consumed in order to alert the user when the amount of alcohol consumed had reached unsafe levels.&lt;br /&gt;&lt;br /&gt;Maybe an application for a mobile phone or pda where one could chose/enter the drink or round they had purchased, and give an alert when the amount purchased reached dangerous levels.&lt;br /&gt;After thinking about this I realised that the majority of people would not be disciplined or inclined to manually enter the details each time.&lt;br /&gt;&lt;br /&gt;This led me to think about a slightly different idea, again involving a watch but requiring some hardware at the point of purchase. The user would wear a watch that would perform the usual functions of a watch, but would have some form of radio frequency tag built in, so that when the user purchases a drink or round at the bar as he/she moves their hand over the bar to hand over the money, the till encodes in the watch the value and number of drinks.&lt;br /&gt;&lt;br /&gt;This would serve the following useful purposes:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;In groups of drinkers who typically buy rounds it could show whose turn it is to buy the next round, avoiding the typical drinking argument.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;The next day it would illustrate how much was being spent on alcohol. Realising that you may have spent £150+ on alchohol that week for example, would be good non-draconian way of reminding people into curbing their drinking.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;The user may also realise they have spent too much midway through a night and be encouraged to slow down.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;This may aid retailers in telling when people have had too much if the pre-existing value on the watch could be checked before updating.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;Either way providing the basic watch functionality is not compromised, and the budget monitoring is unobtrusive, the average student drinker I think would enjoy a way of keeping track of whose round it is, while the spending total gives a "quiet" deterrent to over doing it.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-3285627835197913656?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/3285627835197913656/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=3285627835197913656' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/3285627835197913656'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/3285627835197913656'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/11/drinking-and-socialising-ideas.html' title='Drinking and Socialising Ideas.....'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-7092007834658786257</id><published>2007-10-28T20:24:00.001Z</published><updated>2007-12-14T17:10:31.275Z</updated><title type='text'>The First Meeting Watch Idea</title><content type='html'>&lt;div style="text-align: justify;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTwG9nmfzI/AAAAAAAAABA/1KYHFr69iTI/s1600-h/New.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTwG9nmfzI/AAAAAAAAABA/1KYHFr69iTI/s400/New.jpg" alt="" id="BLOGGER_PHOTO_ID_5126486278265012018" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:100%;"&gt;One of the most exciting and daunting aspects of coming to a new university, whether that be as a fresher or as a new or mature student; is meeting new people. The shear number of people you meet in your halls of residence, from your course as well as teaching staff can be difficult to keep track of.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;One particularly embarrassing social situation is forgetting the name of an individual you have met before. The first meeting watch aims to tackle this problem by detecting the movement action of a handshake whilst a discrete on board camera takes a video clip with audio of this first meeting.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;The user could then replay the clip at their own leisure to remind themselves of the name and identity of the person they have met.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;There are some practical obstacles to over come for this to be a feasible idea however:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;The fact that most people wear their watch on their left wrist whilst they shake hands with their right.&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;Issues of camera direction to catch the person being met after the wrist moves back to the side of the body&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;People do not always shake hands when they first meet, this could be overcome by voice recognition activation upon detecting "nice to meet you" or so on.&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-7092007834658786257?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/7092007834658786257/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=7092007834658786257' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/7092007834658786257'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/7092007834658786257'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/10/first-meeting-watch-idea.html' title='The First Meeting Watch Idea'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTwG9nmfzI/AAAAAAAAABA/1KYHFr69iTI/s72-c/New.jpg' height='72' width='72'/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-1002195355719285744</id><published>2007-10-21T20:20:00.000+01:00</published><updated>2007-12-14T17:11:25.313Z</updated><category scheme='http://www.blogger.com/atom/ns#' term='idea'/><title type='text'>Healthy Student Diet Idea</title><content type='html'>&lt;div style="text-align: left;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_OBR8N-yFocQ/RySNnCsV72I/AAAAAAAAAAM/XV3SZLujIyY/s1600-h/09_24_3---Beef-Burger_web.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_OBR8N-yFocQ/RySNnCsV72I/AAAAAAAAAAM/XV3SZLujIyY/s320/09_24_3---Beef-Burger_web.jpg" alt="" id="BLOGGER_PHOTO_ID_5126377977731739490" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;When coming to University some issues faced by students choosing to cook healthy meals are:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt;Limited dietary knowledge.&lt;/li&gt;&lt;li&gt;Time consuming.&lt;/li&gt;&lt;li&gt;Little experimentation with new foods.&lt;/li&gt;&lt;li&gt;Cooking without the correct recipe items - and so students stick to simpler recipes.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;It is no surprise that fast food is popular amongst students, whether it's after a night out, a microwave meal or from shops on campus. Being bombarded by unhealthy options, little time and a lack of knowledge all provide incentives to eating unhealthy meals.&lt;br /&gt;&lt;br /&gt;The Student dietary system is aimed at giving students who wish to change their pattern of eating a chance to do so by providing useful recipes that other students have found useful.&lt;br /&gt;&lt;br /&gt;Each recipe will contain simple facts such as how long it takes to prepare, the expected price and nutritional information. Feedback in the form of ratings and comments by other students will help a student make a more informed decision about the recipe.&lt;br /&gt;&lt;br /&gt;A monthly schedule of meals(which are basically recipes) will enable students to create a list of ingredients against:&lt;br /&gt;&lt;/div&gt;&lt;ul style="text-align: justify;"&gt;&lt;li&gt; a specific diet (e.g. vegetarian, vegan, meat eater...),&lt;/li&gt;&lt;li&gt; nutritional value of recipes,  &lt;/li&gt;&lt;li&gt;or budget.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: justify;"&gt;The grocery list could send a text to the user to save writing out lists or even better - ordered over the internet  and delivered at a suitable time.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-1002195355719285744?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/1002195355719285744/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=1002195355719285744' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1002195355719285744'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/1002195355719285744'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/10/healthy-student-diet-idea.html' title='Healthy Student Diet Idea'/><author><name>Joe Wong</name><uri>http://www.blogger.com/profile/13010722146733019910</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://www.joe-wong.co.uk/img/joe-wong.png'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_OBR8N-yFocQ/RySNnCsV72I/AAAAAAAAAAM/XV3SZLujIyY/s72-c/09_24_3---Beef-Burger_web.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5654805172357422261.post-5473427580387241473</id><published>2007-10-18T21:05:00.000+01:00</published><updated>2007-12-14T17:13:38.259Z</updated><title type='text'>Brainstorming.....</title><content type='html'>&lt;div style="text-align: justify;"&gt;From the group discussion on Wednesday 17th October we formed the following brainstorm of all the issues we could think of, for the topic of issues facing students new to university. The first image is our typed up version, and the second is the original one written down in the discussion. Click on either for a larger image, feel free to add comments if there are any issues we may have missed.&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTvE9nmfxI/AAAAAAAAAAw/D4HLR6lv410/s1600-h/Students+New+To+University.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTvE9nmfxI/AAAAAAAAAAw/D4HLR6lv410/s400/Students+New+To+University.png" alt="" id="BLOGGER_PHOTO_ID_5126485144393645842" border="0" /&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTvt9nmfyI/AAAAAAAAAA4/_SVR6Pq-v74/s1600-h/DSC00286.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTvt9nmfyI/AAAAAAAAAA4/_SVR6Pq-v74/s400/DSC00286.JPG" alt="" id="BLOGGER_PHOTO_ID_5126485848768282402" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_qTp1-rpr-wc/Rx5U9YwphrI/AAAAAAAAAAc/Jws_anW9RBI/s1600-h/DSC00286.JPG"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_qTp1-rpr-wc/Rx5U9YwphrI/AAAAAAAAAAc/Jws_anW9RBI/s200/DSC00286.JPG" alt="" id="BLOGGER_PHOTO_ID_5124626839589455538" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5654805172357422261-5473427580387241473?l=hci-think-tank.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://hci-think-tank.blogspot.com/feeds/5473427580387241473/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5654805172357422261&amp;postID=5473427580387241473' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5473427580387241473'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5654805172357422261/posts/default/5473427580387241473'/><link rel='alternate' type='text/html' href='http://hci-think-tank.blogspot.com/2007/10/from-group-discussion-on-wednesday-17th.html' title='Brainstorming.....'/><author><name>Simon Buckley</name><uri>http://www.blogger.com/profile/05939560485035806662</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_qTp1-rpr-wc/RyTvE9nmfxI/AAAAAAAAAAw/D4HLR6lv410/s72-c/Students+New+To+University.png' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
