tag:blogger.com,1999:blog-51601092552975014832024-03-05T21:23:12.859-06:00ian tironeIan Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.comBlogger160125tag:blogger.com,1999:blog-5160109255297501483.post-35764641571692320302010-03-27T13:00:00.000-05:002010-03-27T13:01:09.847-05:00Super Coolthe most beautiful little puzzle game ever made! <br /><br />http://www.kongregate.com/games/fastgames/little-wheel?sfa=redditIan Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com1tag:blogger.com,1999:blog-5160109255297501483.post-66224280268482202462010-03-07T23:31:00.004-06:002010-03-10T00:27:41.480-06:00Mid Semester Degree Project Summation<div style="text-align: left;">We are now at mid semester, which means that we are slightly past the mid point for the senior degree project. I realize now that my project has gone from being highly programmatic and systemic to being far more organic and while still being a system in and of itself no longer reliant on the system of the internet. In the beginning my project was about utilizing the idea of a semantic web to create visual comparisons of data. I started to dislike this idea because it seemed too limiting, considering that the semantic web requires a reformatting of all the current data available on the internet. The idea began to seem too intangible for me to grapple with, and I came to the realization that creating something that is (from a back end perspective) algorithmic, without actually writing the algorithm it will fall mostly on deaf ears since the idea in and of itself is not of much interest without a working demonstration.</div><div style="text-align: center;">
<br /></div><div>It was this nagging feeling that the end result would be lack luster in its current state that, while experimenting, lead me to pursue other opportunities that arrose from my initial tests and ultimately convinced me abandon all but the faintest of vestiges of my original project proposal. In no way do I think this is a bad thing or something to be frowned upon, quite contrarily I believe it to have been an evolution for the better. Further more I believe that any project that turns out as initially planned has the potential to become stale.</div><div><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudOOu0gXcs3Ol4inhWShxeGG1QGeqBgoMuSMGAM8cb-5b7GTsHkSW1huvgNMU0_I4-hjOETBtfNHKr7leFg-_GWuDQp8wuuHR1n3BTcYGiRxlOHr8wciELqE3miwbnyAEUABHrfw5zFw/s320/DSC_0709.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 211px;" border="0" alt="" id="BLOGGER_PHOTO_ID_5446146082332776882" /></div><div>This image is one of the key points in my process. What this battleship image does is visualize how a user searches, and while working on it and labeling the different components of a search initiated by a person I was thinking about what the person with the other board would be doing. What if they were searching for the same thing, in this case ships, but on the internet it could be anything. What if you were paired with people searching the same thing you are so that you could help each other find the best information or most pertinent information. What we would have is a collaborative searching experience that would in theory be much richer since it is no longer solely algorithm based, but now it's person based. </div><div>
<br /></div><div><span class="Apple-style-span" style="color: rgb(0, 0, 238); -webkit-text-decorations-in-effect: underline; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjfPFEZsoA5BuRogpou6FU_tOiQR0MhCT-A3qlnqlhJUQEfchF00WuERvLCZe6vSAV5twyHFssU9QZ0iPf6kfbiBrZkN7msUQWCxpeB4MJkg9nOsGJOYteGjMce_3ebx9SRNKyio0CTNg/s320/DSC_0712.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5446886348501729218" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 320px; height: 211px; " /></span></div><div>This was the other pivotal step in my process, the making of this paper fortune teller turned into <a href="">this</a>. It is a tool container that assists users in their interaction with the site and stays with the mouse and can be called up at any time. They can use the various tools within (that change based on need) additionally it becomes an access point from outside of <i>inforage</i> to create a new search. </div><div>
<br /></div><div>Moving forward I am continuing to refine the visual style of inforage and trying to structure the complex set of tools in a clear and easy to use way. I will attempt to strip out all unnecessary components from the look so that no visual clutter gets in the way, and the site becomes beautiful due to it's simplicity. </div><meta charset="utf-8">Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com1tag:blogger.com,1999:blog-5160109255297501483.post-29150246511765927722010-03-07T20:42:00.005-06:002010-03-07T20:58:45.769-06:00DESN 400: Practical, Poetic, Persuasive<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lJRdv4coEbwOrp2AMBi64TOkRTDIsR1MhLXlUbbsLFKq597NQ7VYgxLrzIjCzYsrZrYkvfQv41ZilHh4CHQJZVMo12rtYOI3ebA_oKnWr619uXzy0lKU1JbvUvVKQrcpWehdng5wnJ4/s1600-h/practical.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lJRdv4coEbwOrp2AMBi64TOkRTDIsR1MhLXlUbbsLFKq597NQ7VYgxLrzIjCzYsrZrYkvfQv41ZilHh4CHQJZVMo12rtYOI3ebA_oKnWr619uXzy0lKU1JbvUvVKQrcpWehdng5wnJ4/s320/practical.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5446089472357196898" /></a>Practical: Upon first arriving at the car show we found a kindly gentleman handing out a floor plan with a complementary air freshener. This is dually practical in that it lets you know where to find particular venders when you get to the show floor and it makes your car not stink.<div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-cGgSFXP_upSNofRjoJi2OW0s83DLlfzegEv5d6DFmi833f9e6WFLhefOJ3ivkPabHK0bWVjQZspkcHJR1STTesjdFOFJlH_sBlxB534lY4nfsSIRdP_Qkho1LMEmSF8ad0PD70EliQ/s1600-h/poetic.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 240px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-cGgSFXP_upSNofRjoJi2OW0s83DLlfzegEv5d6DFmi833f9e6WFLhefOJ3ivkPabHK0bWVjQZspkcHJR1STTesjdFOFJlH_sBlxB534lY4nfsSIRdP_Qkho1LMEmSF8ad0PD70EliQ/s320/poetic.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5446089465236977554" /></a>Poetic: The bouquet of dip-sticks was rather beautiful, and in turning something (the dip stick) that represents time, hassel, money, but is ultimately necessary into a pretty display is a friendly and poetic reminder to get your oil checked.</div><div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSEPf-eT_j2p4wKO4JzdmqQyzfJULcYNCrAH96UJ3Bn0zpQc_1SYmWypPHYZMMD6h1lxtVTjST-RrsOQdPL4Td8r7kyGGJakI32aotbzvWigrGD7Y42dN6z5FXRb2Tm-XtjZt9Bh6TwKA/s1600-h/persuasive.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSEPf-eT_j2p4wKO4JzdmqQyzfJULcYNCrAH96UJ3Bn0zpQc_1SYmWypPHYZMMD6h1lxtVTjST-RrsOQdPL4Td8r7kyGGJakI32aotbzvWigrGD7Y42dN6z5FXRb2Tm-XtjZt9Bh6TwKA/s320/persuasive.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5446089456553695986" /></a>Persuasive: By personifying the car, and giving the car a voice this somewhat understated sign beneath the windshield urges passers by to "test drive me". It makes people feel like they should test drive the car, because the car like a pet dog would want to be walked, or driven in this case.</div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-46324217601472156962010-02-13T20:29:00.000-06:002010-02-13T20:30:13.909-06:00DP: Timeline Redux<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><b></b></p><b><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 4</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>2 / 15 — done: 1/2 finished with function of site</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: figure out how to visualize all the data & gather all the data necessary for mockups.</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>2 / 17 — done: finalize function of site</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: make sure all data is relevant & finish understanding the data visualization </i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 5</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>2 / 22 — done: begin branding logo & elements </i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: begin making outline for task scenarios</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>2 / 24 — done: 1/2 finished branding & outline</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: wrap up the branding process and finalize and outline</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 6</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 1 — done: finish branding & outline for task scenario</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: figure out what pages are going to be needed based on the task scenarios</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 3 — done: begin designing all pages & elements</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: continue designing pages and elements figure out how to resolve things that haven’t been accounted for</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 7</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 8 — done: 1/2 done designing all pages & elements</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: continue to improve the design tighten up loose ends</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 10 — done: finish designing all pages & elements necessary to task scenario</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: begin task scenario mockup </i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span style="letter-spacing: 0.0px"><b>________________Spring Break</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica; min-height: 12.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 8</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 22 — done: begin task scenario mockup</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: finish one mockup and check timing</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 24 — done: 1/4 finished with task scenario mockup</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: continue working on task scenarios</i></span></p></b><p></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 9</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 29 — done: 1/2 finished with task scenario mockup</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: refine task scenarios</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>3 / 31 — done: 3/4 finished with task scenario mockup</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: finish task scenario & test </i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 10</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 5 — done: test task scenarios to make sure they make sense</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: finalize task scenarios make outline</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 7 — done: have presentation outline made & images/materials collected</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: put presentation together & practice</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 11</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 12 — 1st formal presentation</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 14 — done: revise presentation based on critique</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: prepare for 2nd formal presentation</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 12</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 19 — 2nd formal preliminary presentation</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 21 — done: revise presentation based on critique</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i><span class="Apple-tab-span" style="white-space:pre"> </span>do: supplement presentation with research</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 13</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 26 — final presentation</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>4 / 28 — production for show</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica"><span style="letter-spacing: 0.0px"><b>Week 14</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'; min-height: 12.0px"><span style="letter-spacing: 0.0px"><i></i></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>5 / 3 — install show</i></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px 'Centaur MT'"><span style="letter-spacing: 0.0px"><i>5 / 5 — install show</i></span></p><div><span class="Apple-style-span" style="font-family:'Centaur MT', serif;font-size:100%;"><span class="Apple-style-span" style="font-size: 12px; "><i><br /></i></span></span></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-70482824775483597242010-02-12T08:05:00.002-06:002010-02-12T08:06:53.026-06:00PP: Surprising<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica">e-commerce websites cost $7500-18000. I thought it would be way more</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica">kill fee or cancelation fee. I didn't know this existed.</p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica">comprehensive branding costs $50,000-250,000. I thought it would be way less.</p>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-16328517483134681242010-02-08T11:27:00.002-06:002010-02-08T11:28:17.767-06:00DP: Timeline<div>Week 3</div><div>—presentation</div><div>—brian storm what the different queries will be for the task scenario mock ups</div><div>Week 4</div><div>—begin gathering all data for the different task scenarios</div><div>—continue gathering data</div><div>Week 5</div><div>—finish gathering data</div><div>—wireframe of layout</div><div>Week 6</div><div>—wireframe of layout refinement</div><div>—story board task senarios and gather any missing data</div><div>Week 7</div><div>—begin formal designing</div><div>—continue designing</div><div>Week 8</div><div>—still designing</div><div>—still designing</div><div>Week 9</div><div>—settle on a design solution</div><div>—design all pages necessary</div><div>Week 10</div><div>—design all pages necessary</div><div>—design all pages necessary</div><div>Week 11</div><div>—design all pages necessary</div><div>— start animating task scenarios</div><div>Week 12</div><div>— continue animating task scenario</div><div>— continue animating task scenario</div><div>Week 13</div><div>— continue animating task scenario</div><div>— continue animating task scenario</div><div>Week 14</div><div>— continue animating task scenario</div><div>— continue animating task scenario</div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-18717247160649204162010-02-08T11:27:00.001-06:002010-02-08T11:27:52.980-06:00DP: Paper<div>How can information architecture create a semantic web platform for the graphic presentation and organization of information which enables different user types to view and compare the global information climate; facilitating a dialogue between arguments existing in disparate web spaces for the purpose of informing decision making?</div><div><br /></div><div>That is the question that started my research and experiments. It is long and complicated and has caused me many problems, so I simplified it.</div><div><br /></div><div>How can information architecture create a platform for the graphic presentation of information which enables a range of user types to visually compare data for the purpose of informing decision making?</div><div><br /></div><div>I also tried this</div><div><br /></div><div>How can a web platform present information in a graphic way purpose of informing decision making?</div><div><br /></div><div>I thought this was better, but I was still having problems with wrapping my brain around it even though I wrote the damn thing. So I tried to figure out what I was really doing. I thought maybe saying it a different way would help. But finally I realized my question was: How can I visualize data? Now, not to make things too easy on myself the question that immediately preceded that was: How can different meta data inform the visualization, thus informing the decision making and formal quality?</div><div><br /></div><div>So my project, at least as far as I understand it right now is about taking web content and and visualizing search results and discrepancies among data. I have also decided that in order to engage the audience I have to make the solutions more poetic and human. I think so that this aspect of the design does not come about arbitrarily that the poetic aspect of the application will come from the meta data that all information carry with it. Typical meta data comes includes date/time of upload, location, originator of post, tags, file size, etc. So from this data other things can be inferred about the setting in which the data were created. For example if I know the time and location of a post, I can infer the weather of the location at the time of upload. At this point I’m not sure how weather would add anything to the data, or illuminate it further, maybe it doesn’t have to. However, what I can do is use this to inform the layout, in a way allowing the metadata to decide the form of the content. I define parameters for how the metadata is used and the design follows systemically as a result. </div><div><br /></div><div>In sum my design solution will be the structuring and meta-designing of data. </div><div><br /></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-61099254217915317372010-02-03T12:42:00.002-06:002010-02-03T13:40:23.048-06:00DP: ThoughtsHuman communication is the fundamental requirement for a semantic web. (Semantic Web for the Working Ontologist)<br /><br /><div><br /></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-51791898520574923482010-02-03T08:12:00.001-06:002010-02-03T08:12:38.518-06:00DP: Taggylicio.usI found <a href="http://www.taggylicio.us/">taggylicio.us</a> and it is a really good reference to my degree project. It sources social media sites like flickr, youtube, digg, etc. to provide content for queries.<div><br /></div><div>It isn't visual, or directly comparative.</div><div>The author seems to take the stance of passive collector, and makes no effort to share an opinion, but rather admits that the data exists, shows it to you and leaves it at that.</div><div>I like the image aspect, but I want the images to be used in some kind of way. Like paring them with an article.</div><div><br /></div><div>What if a key word was picked from news headlines when searched, and assigned to articles creating serendipitous commentary.</div><div><br /></div><div>It seems to me that my intent is for this presentation of information is supposed to be practical, and probably persuasive in a sense, but not skewed in favor of a persuasion.</div><div>What if the experience and presentation were more poetic? Early I asked the question what if it involved information about the provider of the data? (i.e. their facebook status or biographical information if available)</div><div><br /></div><div>taggylicio.us seems to take the practical approach.</div><div><br /></div><div>I'm going to brainstorm right here...</div><div>What if it was a chair?</div><div>I'm sitting in a chair right now, my posture is terrible so I'm slouching, I'm comfortable. A chair supports me, it can be leaned back it, you can break a leg off of it to kill a vampire with, you can shatter a window with it, you can stand on it to change a lightbulb, you can sleep in it,</div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-67475513831548630852010-01-29T17:17:00.006-06:002010-01-31T17:47:32.189-06:00SE: Possible Buildings<a href="http://en.wikipedia.org/wiki/TWA_Flight_Center">TWA Terminal</a><div><a href="http://en.wikipedia.org/wiki/TWA_Flight_Center"></a><a href="http://en.wikipedia.org/wiki/Park_G%C3%BCell">Park Güell</a><div><a href="http://en.wikipedia.org/wiki/Arcosanti">Arcosanti</a></div><div><a href="http://en.wikipedia.org/wiki/Casa_Mil%C3%A0">Casa Milà</a></div><div><br /></div><div>More to Come!!</div></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com1tag:blogger.com,1999:blog-5160109255297501483.post-44751500130274418822010-01-28T23:08:00.002-06:002010-01-28T23:10:32.888-06:00PP: Career Goals<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvwe0K4dSEf6a4OX5cbRAdWCvlcFtetdox5Qwv21HepG1rPxLFkpQJyOtTo2Ah9x4yh7sNx2Dpwe7FKNhiiX7uBJ6pFvC22HmulJ95uEg0OlpDo4S4lCh_EMKh74buUCS0a4yNnc1b-6M/s1600-h/dinosaur.jpeg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvwe0K4dSEf6a4OX5cbRAdWCvlcFtetdox5Qwv21HepG1rPxLFkpQJyOtTo2Ah9x4yh7sNx2Dpwe7FKNhiiX7uBJ6pFvC22HmulJ95uEg0OlpDo4S4lCh_EMKh74buUCS0a4yNnc1b-6M/s320/dinosaur.jpeg" border="0" alt="" id="BLOGGER_PHOTO_ID_5432024649108379698" /></a><div>In order to best answer this question I decided that it would make most sense to break down my career goals into epochs; however, that means that I now have to name each of these epochs in some sort of meaningful and informative way. This situation presents me with a challenge not outside my realm of ability but unexpected none the less, since I must name epochs that have yet to happen without afore knowledge of what they might entail when traditionally epochs are named long after the events by historians who have noticed some kind of overarching ideology within a given time period. Since my criteria require that the names must be both meaningful and informative I suppose I’ll spare any obscene jargon and name them as straightforwardly as possible. It seems, at least now, that my life can potentially be divided into five epochs starting with the earliest: post graduation (the Debt Epoch), second job (the Advancement Epoch), mid career (the Achievement Epoch), career height (the Glory Epoch), and retirement (the Other Glory Epoch). </div><div><br /></div><div>The Debt Epoch is characterized by an extreme and crippling debt as a result of having attended a four year private university. This debt would make many take jobs that may be less than desirable; however I will pursue a job that can further educate me in the areas of design that interest me most, i.e. motion, interactive, and experiential. I think Kansas City is a suitable place for this, as I have already built contacts here that can assist me in furthering my education as well as alleviating myself of this financial burden. </div><div><br /></div><div>Next is the Advancement Epoch, it is a period in which I have decided that I have learned everything I can from my first job as a “professional” and it is time to move on to greener pastures. I imagine this would mean leaving Kansas City and possibly heading toward either coast. The second job would come with increased wages and a promotion. I would be in charge of some people but still have other people to answer to. </div><div><br /></div><div>Moving right along is the Achievement Epoch. Here I have established myself as an innovator in my field and have developed a product that will better mankind. People will seek me out for my services and I will cut ties any firm and go off to start my own small business to do good works. It will be run casually and work with some clients, but focus primarily on the development of technology for everyone to use and benefit from.</div><div><br /></div><div>Next to last we have the Glory Epoch, this is when I start raking in the big bucks and gain international recognition for my achievements. I appear in text books and I am asked to give lectures on my contribution to humanity. Young designers hate me because whatever I have done no longer appeals to the ethos of their paradigm, but they cannot help themselves from admiring what I have accomplished.</div><div><br /></div><div>Finally we have the Other Glory Epoch or retirement. I do not ever want to retire though. I have seen what retirement does to people, and it is not for me. I don’t think I’ll ever retire because there is too much to be done and too little time in which to do it. I will however reserve this time in my life for long vacations, possibly months at a time. </div><div><br /></div><div>So there you have it. That’s me, and that is what I plan to do. </div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-64914164503171599172010-01-27T13:42:00.007-06:002010-01-31T18:37:50.341-06:00DP: Experimenting<i>post in progress</i><br /><div><br /></div><div><i>Technology Experiments:</i></div><div><ul><li>what if all the headlines for all "major" world new sources appeared in one place<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span></li><li>what if all the product information and reviews for folgers coffee appeared in one place<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span></li><li>what if all the statistical data on the battle of the bulge appeared in one place<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span></li><li>what if a program analyzed rss headlines and sought out articles related to words in the headline<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span></li><li><br /></li></ul><i>Observational Experiments:</i><br /><ul><li>what if i gave someone a pressing question and use the internet to form an argument<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span> (to see how people use the internet to access information)</li><li>what if i gave someone something dense with information and asked them what information they would like to have<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span></li><li><br /></li></ul><div><i>Visual Experiments:</i></div><div><ul><li>what if the differences in product opinion was visualized<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span></li><li><br /></li></ul><div><i>Interactive Experiments:</i></div><div><ul><li>what if the interaction was mouse-less<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span></li><li>what the interaction was "liquid"<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span> (have you ever been on wikipedia and went from one link to another reading bits of things until you forget where you started<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span> what if the interaction was made to purposefully facilitate that<span class="Apple-style-span" style=" line-height: 19px; font-family:sans-serif;font-size:13px;">‽</span>)</li></ul><i>Crazy Experiments:</i></div><div><ul><li>what if the utilization didn't require vision?</li><li>what if the interaction didn't require hands?</li><li>what if it was life changing?</li><li>what if it smelled?</li><li>what if it was a game?</li><li>what if it looked like a rock concert sounds?</li><li>what if it was the 80s?</li><li>what if it was linear?</li><li>what if it was self referencial?</li><li>what if it required tennis shoes?</li><li>what if it was designed by a tiger?</li><li>what if the content designed it?</li><li>what if it never looked the same?</li><li>what if it looked different based on degree of interaction?</li><li>what if </li></ul></div></div></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-61133062450000206752010-01-27T13:41:00.001-06:002010-01-31T17:44:38.635-06:00DP: Revised Question<span class="Apple-style-span" style="font-family: Times, serif; font-size: 13px; color: rgb(43, 30, 43); ">How can information architecture create a platform for the graphic presentation of information which enables a range of user types to visually compare data for the purpose of informing decision making?</span>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-53947009710433284002010-01-26T18:30:00.007-06:002010-01-26T19:46:38.965-06:00DP: What is My Dream Design Job?<div>Jumpin' Jesus, I don't know. Right now I kinda want this:</div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvyzGKv4vujP4XSEAUcchC3uhGIz-qbIqjJZfhrlGHnqUhMCE3xSFp_t-B2JfgXm1EBN1kFFm2yRNV6-6uBef76yu7w4DU7BGjKe6NizvZkS0SxQIrgd3qbJ47nsZtT5wHeLvGvociWI/s1600-h/Screen+shot+2010-01-26+at+6.39.52+PM.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvyzGKv4vujP4XSEAUcchC3uhGIz-qbIqjJZfhrlGHnqUhMCE3xSFp_t-B2JfgXm1EBN1kFFm2yRNV6-6uBef76yu7w4DU7BGjKe6NizvZkS0SxQIrgd3qbJ47nsZtT5wHeLvGvociWI/s320/Screen+shot+2010-01-26+at+6.39.52+PM.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5431213658442055634" /></a>This building is just up the street from the design building and needs a lot of work, but I really want it. I guess I would really like to own this building and have a small firm that does web design, and creates interactive experiences. I also want it to have a rooftop garden for growing produce. I also think it would be cool if during slow times the studio worked on some sort of technology for the betterment of humanity. Think pentagrams contribution to one lap top per child, or vml's seer (not really for the betterment of humanity, but whatever), or the individual projects that sagmeister explores (only technology/internet based), or something like that.<div><br /></div><div>I think sagmeister is a good example of a similar way that my firm would operate. I liked his ideas about taking vacations for learning and experimenting. I think my firm could benefit from that sort of model; purposefully setting aside time to create things for ourselves that end up being lucrative. (the lucrative part isn't so much important but it would be nice)</div><div><br /></div><div>I really don't know what this technology would be, but I think design firms should pursue individual explorations and be able to juggle that along with paying clients. </div><div><br /></div><div>I want to work with people who aren't just work associates, but friends. I guess the only downside to something like this is if not handled properly money could easily get in the way and ruin the firm/friendships. </div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com3tag:blogger.com,1999:blog-5160109255297501483.post-62301121606449368562010-01-26T18:11:00.006-06:002010-01-26T18:45:16.642-06:00DP: Question<div>How can information architecture create a semantic web platform for the graphic presentation and organization of information which enables different user types to view and compare the global information climate; facilitating a dialogue between arguments existing in disparate web spaces for the purpose of informing decision making?</div><div>—<i>Sheila Wong</i></div><div><br /></div><div><a href="http://www.queeried.co.uk/wp-content/uploads/2009/11/same-sex-marriage-flow-chart.png">I thought this was funny.</a></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-12212301344649126422010-01-15T12:34:00.000-06:002010-01-15T12:35:27.348-06:00Graffiti Research Lab has been out done!<object width="400" height="225"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8617601&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1"><embed src="http://vimeo.com/moogaloop.swf?clip_id=8617601&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><p><a href="http://vimeo.com/8617601">Fat Tag, Meet Projector</a> from <a href="http://vimeo.com/muonics">Theo Watson</a> on <a href="http://vimeo.com">Vimeo</a>.</p>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com1tag:blogger.com,1999:blog-5160109255297501483.post-467058097727993192009-12-04T00:43:00.003-06:002009-12-04T01:03:45.462-06:00MX project two finalIn lieu of screen grabs of my site <a href="http://www.iantirone.com/mx/WebcamColourTracking.html">Click Here</a><div><br /></div><div><b>What I hoped to Achieve for this Site:</b></div><div>For this site I wanted to create an experience that was unlike any interactive web experience currently available. I also wanted to think about interaction in a different way, and eliminate the need for clicking. </div><div> </div><div><b>Rational for the Design Decisions I Made:</b></div><div>So I made the decision to use the webcam so that the user can directly interact with the site. They are really playing with the site, not just mousing around, I feel like this creates a more immersive interactive experience. </div><div><b><br /></b></div><div><b>What you Learned Through This Process:</b></div><div>Through this process I learned that it is really difficult to create that experience. Whenever you try to do things that people aren't doing it requires a large amount of "jerry rigging" to make them work, until a time when these things catch on and they start to build functionality like this in to the programs as a standard. </div><div><br /></div><div><b>What I am Most Proud of:</b></div><div>I got it to work damnit! It isn't great, but it really works. </div><div><b><br /></b></div><div><b>What I Struggled with Most:</b></div><div>Getting it to work, and trying to do my own work while also trying to help everyone. I have a really hard time saying no when people ask me for help because I really learn a lot solving other peoples problems. It's a great learning tool. It was really hard though to do that and still get my own done, especially if I was in the middle of something then had to stop, because restarting always takes a long time to re-remember what I was doing. Ugh.</div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com1tag:blogger.com,1999:blog-5160109255297501483.post-21981469621909347962009-12-01T21:50:00.002-06:002009-12-01T22:39:53.770-06:00MX: 94-103I don't really know what to say about thisy here readin'. It was a history lesson on the screen. <div>I wrote down that "the screen has become the the main source for accessing information of any kind."...Yeah. I would have to agree. It's the screens ability to be fluid that makes this so. There is no other media available that can do the multitude of things a screen can, thus making it the easy and default method of interaction. The author talks about the difference between real space and screen space. The screen becomes a mask for the important things and eliminates the unimportant things. These things we assume the existence of beyond the screen space, but block them out as unimportant. However, it is often in movies that the important action is the action not being seen. In film for example (and this is an art that is largely lost today) directors would choose to NOT show a gruesome action that happens outside screen space, but rather imply the action. This gruesome action is the focal point and gets filled in by our imagination in real space. Hmm...so through omission screen space and real space collide? I think the author gives way to much credit to VR. With the advent and embrace of the internets VR has been largely forgotten simply because it really doesn't offer anything better. Why would it be better for my entire field of vision to be taken up when accessing any computer content as apposed to just having a flat rectangle in front of you. I think the return on investment just wasn't there to justify any further serious engagement in VR technology, hence its demise. Also, the light pen in the example for the radar seemed more of a precursor to the stylus which then got put on the back burner and replaced by the mouse. This seems like a strange step backward. We still click a physical mouse button that in turn causes the click of a virtual screen based button, where as a stylus would have allowed for a single click as apposed to this strangely overlooked mouse double click. I just plain don't like, I don't like it at all.</div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-46860005362568799272009-11-23T00:29:00.006-06:002009-11-23T00:56:25.847-06:00Design Ignites Change<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXxsXLS63sXwoKxf9QmS0klUDQ2jQUYb6Nx-m3sPA1ngP1Hco1uLHXkrs47UYSQ4r1f_8tMZXCZILf7tBdkmP4aTZJvka2t0ZjLmO9PeAY3g9McqbvnHKtGfH8D_eaDvUdJZoE_Lp0_Y/s1600/01.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 207px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXxsXLS63sXwoKxf9QmS0klUDQ2jQUYb6Nx-m3sPA1ngP1Hco1uLHXkrs47UYSQ4r1f_8tMZXCZILf7tBdkmP4aTZJvka2t0ZjLmO9PeAY3g9McqbvnHKtGfH8D_eaDvUdJZoE_Lp0_Y/s320/01.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183938065803170" /></a>From TagAlong's homepage screen the user can check out the contact section or any of the other general areas of the site. They are also presented with a friendly greeting, and for those users who happen across the site by accident they are given sign up screen right their.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdlKbBbq6rdzXhmdnwJil4miEj76alZulnPhXnjpXjVqVHu8xza0i8eaJqX7BucHeAq_Elz455H3CXC5nIhS96t4E2zbl2UIGKmciL8swF5r6gvngEKtqzmMQgE9H2fbfVZCBPpOcwoCo/s1600/02.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 207px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdlKbBbq6rdzXhmdnwJil4miEj76alZulnPhXnjpXjVqVHu8xza0i8eaJqX7BucHeAq_Elz455H3CXC5nIhS96t4E2zbl2UIGKmciL8swF5r6gvngEKtqzmMQgE9H2fbfVZCBPpOcwoCo/s320/02.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183929384885650" /></a>In the contact section they have the option to send us requests or questions they may have about how the site is used. Also there is a prompt for users to earn points toward an oil change if they invite their friends to join. The oil change could be a potential future partnership with an auto body shop in Kansas City. They get free advertisement on the site in exchange for oil changes for TagAlong users. This is a more hypothetical future function.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfekzLnmcVLzMviGJNZBmFHUP8-yW3xGt2Pl1rwU4uzXV68APWRCexfJ32Z0GLUdGmkqbeNPI0olc_3Vfoe4SFZ_N1Tn3Vpzat5q9O-Zeb_2Lgv0YllMDNYMSWKyIP5kgOXeEL2pL6XYA/s1600/03.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 207px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfekzLnmcVLzMviGJNZBmFHUP8-yW3xGt2Pl1rwU4uzXV68APWRCexfJ32Z0GLUdGmkqbeNPI0olc_3Vfoe4SFZ_N1Tn3Vpzat5q9O-Zeb_2Lgv0YllMDNYMSWKyIP5kgOXeEL2pL6XYA/s320/03.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183925039982050" /></a>The about section gives users an over view of what TagAlong's goal is and how it plans to achieve that goal through promoting carpooling.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3UqtkeB4xs1ySMHvOyPiWJ1ktpmcTua9DVi3uX9faeu4iHgIjUwUaBlD83tZDqszIxQT3LHx6XeG3q9BL4DZIlHOd5z5G1Pxq1uZUtWA1vreraHaS7ji8ScBD4EUJCx_iM2aDP8xC0c0/s1600/04.png" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 246px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3UqtkeB4xs1ySMHvOyPiWJ1ktpmcTua9DVi3uX9faeu4iHgIjUwUaBlD83tZDqszIxQT3LHx6XeG3q9BL4DZIlHOd5z5G1Pxq1uZUtWA1vreraHaS7ji8ScBD4EUJCx_iM2aDP8xC0c0/s320/04.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183915789834354" /></a><div>In this schedule page once a user logs in they can see what their schedule is for the month, and who they will be riding with. The yellow indicates which day they are on, and they can click into a day to be presented with more information on their TagAlongs for that day. In their profile they can are instructed to indicate thins such as make and model of their car, where they work, what type of music they listen to, etc. </div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-57NS45lqGL5i6ZlWH7dgOGAEDTdTukCU8AeQv2ZFvJTW2ZDKebdrwfEUAaT0ggmwWBbjVFjHEeQi0OaRqG2ktQefgBcqwqVzNNoggpUCZaQ3JQ0cgFaA4TiPrOO2Xz5d2x9tXu5_dg/s1600/05.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 274px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-57NS45lqGL5i6ZlWH7dgOGAEDTdTukCU8AeQv2ZFvJTW2ZDKebdrwfEUAaT0ggmwWBbjVFjHEeQi0OaRqG2ktQefgBcqwqVzNNoggpUCZaQ3JQ0cgFaA4TiPrOO2Xz5d2x9tXu5_dg/s320/05.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183643168538706" /></a>In this new section they can see who they need to pick up, and where. They also have the option to add a gas stop if it fits into their schedule. In the right column they are given "Suggested Rides" and "Requests to TagAlong". The suggested rides are people the system has recognized fit into the users schedule, and you can send them a request to ride with you. The TagAlongs are people who have requested to ride with you, or for you to ride with them.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu7nevjOnc7ZpcFsvY7blbhqVtPPdc4JbhBzoB0GLBLWQHNI3QqKAvTWcO17TQ8X_rIOnuNe7mXONd7v92tx1svbMFVvgNVvF6yQFVQuOYpBxkohBiVI4JU9y4ARBjQnkw75dW5WFs4oY/s1600/06.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 274px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu7nevjOnc7ZpcFsvY7blbhqVtPPdc4JbhBzoB0GLBLWQHNI3QqKAvTWcO17TQ8X_rIOnuNe7mXONd7v92tx1svbMFVvgNVvF6yQFVQuOYpBxkohBiVI4JU9y4ARBjQnkw75dW5WFs4oY/s320/06.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183638580052466" /></a>If you roll over the people in these sections you are given more information on them, and they appear temporarily in red on your schedule so you can see where they fit in.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRuTwq9b-gmz9e9PEJCDn04T26a3ZgyWiY3Y30SanCY2F_42wUI-P-LBGzMbTJQjj25Jk8Ruqu2PcaiC8Kgzu8UC495ZC67R4gajTcgHfadf11xXnyuM544ZDt56zYjJ4prKIQBJCQjos/s1600/07.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 274px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRuTwq9b-gmz9e9PEJCDn04T26a3ZgyWiY3Y30SanCY2F_42wUI-P-LBGzMbTJQjj25Jk8Ruqu2PcaiC8Kgzu8UC495ZC67R4gajTcgHfadf11xXnyuM544ZDt56zYjJ4prKIQBJCQjos/s320/07.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183634510800642" /></a>Here we can see the TagAlongs working the same way. You can either Confirm or Deny their request to TagAlong with you.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeAlnJsNxw7cd0fe9uannBD8uNPkyhQaXjxsk-Fd_KbNg-H8RIhSwXsgFJbL6hRviVgkT3Ug7dlkcv0Hmr7A66Y9M2OdkWr0rhyqpjtwasfHAn80S7KONvajh0XHDgCHpQSalFxZIpkNI/s1600/08.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 246px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeAlnJsNxw7cd0fe9uannBD8uNPkyhQaXjxsk-Fd_KbNg-H8RIhSwXsgFJbL6hRviVgkT3Ug7dlkcv0Hmr7A66Y9M2OdkWr0rhyqpjtwasfHAn80S7KONvajh0XHDgCHpQSalFxZIpkNI/s320/08.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183628518638082" /></a>You can also switch your calendar to a week view for more information on your schedule.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOrJGdqwKvry1YawWyr1vPdoY2j7Ycwq-7rICJRKzRvcRTBlbAD0ZBhqH2ngslfmp2R2TzQIyJZnSBt-e35k99MlXVLj8BSfzVxDXjNHz_M3KiiS4N45sbYBE_D2qeM5WE7wdWANhsiHw/s1600/09.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 247px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOrJGdqwKvry1YawWyr1vPdoY2j7Ycwq-7rICJRKzRvcRTBlbAD0ZBhqH2ngslfmp2R2TzQIyJZnSBt-e35k99MlXVLj8BSfzVxDXjNHz_M3KiiS4N45sbYBE_D2qeM5WE7wdWANhsiHw/s320/09.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183623727851570" /></a><div>Here again you can click into a day to get more information on what you will be doing that day, and who you will be riding with.</div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYF41LsGj51UOjGZVmKP14G5SlILDZ3nC3cHPjuIur2FIkKyXfI51aAqe0E2zSiEj-4gvqSpllHOZMY2EcvRguBuoiA3h_KoxzfVKsi8QuqOtciF4tvFsgYeMr95tf8FxD4n-rLNDcfrw/s1600/10.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 270px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYF41LsGj51UOjGZVmKP14G5SlILDZ3nC3cHPjuIur2FIkKyXfI51aAqe0E2zSiEj-4gvqSpllHOZMY2EcvRguBuoiA3h_KoxzfVKsi8QuqOtciF4tvFsgYeMr95tf8FxD4n-rLNDcfrw/s320/10.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183342880551602" /></a>There is also an option to switch to day view, where the user can see by the hour what their schedule is.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWdNdP97oQKG7w2-vbyGJbF-HEn7yQEA06KTk9S7iY65XnBkKewY0yTW4eP8fUfHa7BzkpRRzx6GUPPvv-rh6l9BTUjBFbe2HOwTrNob0QQv_X2A7BTMxEmBubhtEetjW0B1Y3c5TegzQ/s1600/11.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWdNdP97oQKG7w2-vbyGJbF-HEn7yQEA06KTk9S7iY65XnBkKewY0yTW4eP8fUfHa7BzkpRRzx6GUPPvv-rh6l9BTUjBFbe2HOwTrNob0QQv_X2A7BTMxEmBubhtEetjW0B1Y3c5TegzQ/s320/11.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183339731675890" /></a>Here there is no need to click into the hour because all the information is right their. From Here you can click on the Map if you want to.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiFQpUqZuP94ty6UX5yd07sMgV4xrbviKNyqPj2b_eTDTd8-6IPiueRRgY3E2FoB1OoZfrtwA0KgXrEDqE00_1nBUN2a9W_CabTqpNxSBOa9ptihyjcvuD3w7Af9YoEuEdO-m7NTcucR0/s1600/12.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 317px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiFQpUqZuP94ty6UX5yd07sMgV4xrbviKNyqPj2b_eTDTd8-6IPiueRRgY3E2FoB1OoZfrtwA0KgXrEDqE00_1nBUN2a9W_CabTqpNxSBOa9ptihyjcvuD3w7Af9YoEuEdO-m7NTcucR0/s320/12.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183337653289554" /></a>The Map gives you a detailed route of turn by turn instructions on where you need to ride to pick up all your TagAlongs. Again you are given the option to add a gas stop if you're running low on fuel. Next, the payment section.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NVMXo5J3hk61jdHKOs4Vsun0tPjlGt8as74UPddJD0Ip-Lz60DEBJ35W9cQD0Fy9h1vqADu1BIQ_rhLBU_kHdVskwTJVBadDz2IzRjGh3WocNfI2UZUtLjipwy7HSEBY4oPtQ344QAY/s1600/13.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 243px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NVMXo5J3hk61jdHKOs4Vsun0tPjlGt8as74UPddJD0Ip-Lz60DEBJ35W9cQD0Fy9h1vqADu1BIQ_rhLBU_kHdVskwTJVBadDz2IzRjGh3WocNfI2UZUtLjipwy7HSEBY4oPtQ344QAY/s320/13.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183332363131842" /></a>Since TagAlong knows what kind of car you drive, how far you are driving with your TagAlongs, and what gas costs in your area, it can calculate how much you are spending on gasoline and divide that number by the people in your car. That way TagAlong can automatically bill your carpool mates for you, and give them the option to either pay you in cash, or use paypal to make payments. Users can then rate each other based on if they are paying on time and this will keep people from abusing the system.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsrp_E4z_hnYYZTsmTl3943FbnhNxWgKl-2rOOxMReAmxjwnr8KcMXHzFIXbxWG3D8r3GIjbU_bDlnxJ3l0-3VSXPQTSPA8TisjfTaZizfJvaASYO3hzeRY3ssD1f-VhJTSuJ1StdlmA/s1600/14.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 296px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsrp_E4z_hnYYZTsmTl3943FbnhNxWgKl-2rOOxMReAmxjwnr8KcMXHzFIXbxWG3D8r3GIjbU_bDlnxJ3l0-3VSXPQTSPA8TisjfTaZizfJvaASYO3hzeRY3ssD1f-VhJTSuJ1StdlmA/s320/14.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5407183328691165794" /></a>Finally we have a car tips section that allows the site to pull relevant videos from around the internet. These videos will contain useful information like; how to drive in the snow, how to get the best gas milage, how to keep your car from getting broken into, etc.<div><br /></div><div>My hope is that this tool will encourage people in the Kansas City, MO area to carpool by giving them a range of tools to facilitate that interaction and make it an easy and fun experience. </div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-5874449262970570932009-11-20T08:16:00.004-06:002009-11-20T08:28:39.878-06:00MX: Wireframes<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__l4VoXsHmpRUq0tnTuWAWk4Tl89gDWLTGKjDbqZo1Dj8uBwcdeJaA23UO9JAmSvxwlD1f3O_qlMyzBh9JKVkUtN9MO6S06jPO3mp4s-NHf9ka0vI0Hc8mNCCvWE8_i8PVXvRiXCzW-U/s320/main.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191046615959826" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif58n3aVkuUaPEUB_68mpICoqAQtIf2K1BfUUkm_Kl95DKGsvatJyvhHF2p13QldcMnxjyS7CnKpkLQBg2KnfFleA_XuBPW3MBrABHXIe-y5pThNw6WAzA3GkSHCZIubf9cwDjZR4hq60/s320/snap_nav.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191060884415842" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoH8GyVlqXA1nRe-dbqEBxrqpFU9SCGr4XvNbK4PjyJzGLdYpGDNV38U3s-vDZL1Ti0Q0fqll4yC808CTGNsphs8vyd9o1AdHs-Y2ErEgvFhmCG3ERZvG1QCetgxy9cG2AoC-PSkVXkpY/s320/nav+hit.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191057788821922" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-eE5TVMqMkCx06ZeRToh8YthkkowygYmjN6cTsUMgOiEYEJRFkU7pIoCXemVWKFSDurELiMGoNsH6mbr05OhjbqfJRgS1xXrlK5bjdCNLGW1mBYPW5W5Y_FJB47KdaBYXJYCPy6JGYCA/s320/gallery.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191570581661058" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij-NfI4M1tlmlFlfjfJEcyfYw8QtdbxkmLbYbFR23uk1eb1xBdwl_C-I7WZZ1Rq2XQYNx-sn9-w5RU1ZRcg6j9a2abm3fzN4oKizTSADzYkZ6qLWX7R5CLlzbh8RHz481VTMafxz8-hKc/s320/gallery_scroll_left.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191051933382098" /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 239px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhysVuFyF5GAyIb4GrxupO-LLRme4LG32HQOENHc4-xTsYQfkYERWEJE_3tm9XnCQOCSKmjomHhGvKjJB3o-LbAHsMKS-V1Cf3fIZ90vbfsCBnuyjkApxgTWCthUcGFtv9F-cdf47XBdDs/s320/gallery_info_rollover.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191071926346194" /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8EZ_XisMJYMn_-BhQEUcClzpUOGGiPhyphenhyphenU4aY0u4xO3mJPU84Fybf8xidRq2nN0pBdCVoJw-TVg8x1nrwQKWvHu1T-eDtDj_Mtu8FZ-2_cfWvP3-039DOunXin34yZbyUYfN8-Ha0HBa8/s1600/gallery_hit.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8EZ_XisMJYMn_-BhQEUcClzpUOGGiPhyphenhyphenU4aY0u4xO3mJPU84Fybf8xidRq2nN0pBdCVoJw-TVg8x1nrwQKWvHu1T-eDtDj_Mtu8FZ-2_cfWvP3-039DOunXin34yZbyUYfN8-Ha0HBa8/s320/gallery_hit.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191575074018290" /></a><div style="text-align: center;"><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Mg0cBPnVu-oG7CPt9N2Qmb2Yci8k-GALa6EppBIFmINYEOrQKqaihOiWvZDG1MpBEu__q8MbDraDR_EX1g-t-hOLL6P9PAl1k9MnJkqEUTHoGoAzx5vGiQPLW1Gob7wSuvU0op86nmU/s1600/contact.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Mg0cBPnVu-oG7CPt9N2Qmb2Yci8k-GALa6EppBIFmINYEOrQKqaihOiWvZDG1MpBEu__q8MbDraDR_EX1g-t-hOLL6P9PAl1k9MnJkqEUTHoGoAzx5vGiQPLW1Gob7wSuvU0op86nmU/s320/contact.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191566076282274" /></a><div style="text-align: center;"><div style="text-align: left;"><br /></div></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1qtDyhFeWb9A3v_ui8F44iVGzwaMvpld1N23bmZMG1gYcQhdsouGZSnQHDFRBOq0MDisxIpO6pqK6Ni54e8xUQhDnO0Xgs5Rzg2lZuLiDreClupia6ohuC78k2kS9tp5itkVYVQIPww/s1600/about.png" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk1qtDyhFeWb9A3v_ui8F44iVGzwaMvpld1N23bmZMG1gYcQhdsouGZSnQHDFRBOq0MDisxIpO6pqK6Ni54e8xUQhDnO0Xgs5Rzg2lZuLiDreClupia6ohuC78k2kS9tp5itkVYVQIPww/s320/about.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5406191563842797954" /></a>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com1tag:blogger.com,1999:blog-5160109255297501483.post-4167228855825975032009-11-19T22:28:00.003-06:002009-11-19T23:30:33.787-06:00MX: Reading 78-93<b>all users can speak the language of the interface.</b><div><a href="http://www.youtube.com/watch?v=o4MwTvtyrUQ">No</a> they don't, and I think this video pretty effectively refutes that claim. i do however think that all users can understand the interface, but this comes from repetition mostly. our moms know how to use computers because someone has showed them how, and they've done it lots of times, but have you ever tried to watch them figure something new out? </div><div><br /></div><div><b>a language designed by a small group of people and adapted by millions of computer users.</b></div><div>this is crazy to think about. i always like thinking of the converse when i read stuff like this. so what is a language designed by millions of people for a small group? what is a language designed by millions of people for millions of people? (lol, ttyl, :), lmao, rofl, wtf, btw, etc)</div><div>i wonder if that counts. hmm...</div><div><b><br /></b></div><div><b>are we wired to understand the interface? since we all adopt it so easily?</b></div><div><b>we adopt them due to their basis in previous paradigms.</b></div><div>how could we make a case that we are wired to understand the interface? i don't think it is my knowledge of physical desktop dynamics that allows me to understand the workings of my digital computer desktop. also, it isn't really an exact approximation of how the desktop works its just the language that is the same. people usually keep files in a filing cabinet next to their desk not on it, and who puts files within each other? i understand the desktop as a metaphor, but i don't think it's because of my knowledge of desktops that i understand computers. i think it is the human predisposition to systematize things that allows us to understand computers. is there a real world hunter-gatherer...thing (for lack of a better word) that would have evolved into an ability to inherently understand the computer interface? i think it's fun to think that there is.</div><div><br /></div><div><b>the camera has become the metaphor for the 3D computer interaction.</b></div><div>yeah...</div><div><br /></div><div><b>directing the virtual camera becomes as important as controlling the hero's action.</b></div><div>i feel like i take this concept for granted. that direction comes out of necessity, and it has gotten better and easier to do, but i remember hating this interaction when i was a kid and 3D games first came out. previous games what is in front of you is to the right of the screen since these were "side-scrolling" adventures, but now what is in front of you is in the middle of the screen, but your character is in the middle of the screen, so how do they reconcile that? well, make the user move the camera. i want a better solution.</div><div><br /></div><div><b>one wants the computer screen to be a dense and flat information surface whereas the other insists that it become a window into a virtual space</b>. </div><div>but then to present the user with information in the virtual space a scrim masks the space and text appears thus breaking the experience. i still have yet to see a seamless integration of the two ideas. how can i present you with rich information, and make you feel as though you are moving trough a virtual space. </div><div><br /></div><div><b>why am i pressing a button that presses a button?</b></div><div>i thought of this while reading. i have to press a physical button, that then presses a virtual button, that then makes something happen. strange. i want to eliminate one of these buttons. get rid of this stupid typewriter model of computer interaction. i don't always need the alphabet and numbers when i'm working on a computer, so why do i always have to look at it? make my keyboard change depending on what i'm doing. separate the interface from the interaction. dual screens, the lower that replaces the keyboard becomes a fluctuating touchscreen with the interface on it, while the upper is a data display space. hmm, would this disconnection destroy the ability for the user to easily know what buttons go with what?...hmm...HELL NO! lets do it!</div><div><br /></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-87463339708610703542009-11-19T18:27:00.002-06:002009-11-19T18:28:24.588-06:00MX: website Iterations<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWr58PuDMAjvMmSNPiRC5JBEAstWuo8s0brgIyFadjuXV0TO4HczICnFJvcHb8FzJXDF2YHNBV_ylXtewS7ekNFqz4DniP7ZO5D0hztrBNbDnT95529z_BYN1UJzgumUUTeyUiR3p5s4/s1600/websiteIterations.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 240px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWr58PuDMAjvMmSNPiRC5JBEAstWuo8s0brgIyFadjuXV0TO4HczICnFJvcHb8FzJXDF2YHNBV_ylXtewS7ekNFqz4DniP7ZO5D0hztrBNbDnT95529z_BYN1UJzgumUUTeyUiR3p5s4/s320/websiteIterations.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5405976058541317490" /></a>Check out this wireframe Eppelheimer!Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-87879642309061756752009-11-18T00:22:00.005-06:002009-11-18T03:20:58.968-06:00MX: iterations<a href="http://www.iantirone.com/cameraColor_Navigation_01/WebcamColourTracking.swf">Iteration 01</a><br /><br />so, with this interaction method the pane of images would run across the middle, and you would be able to scroll over each side to move the pane in that direction. it doesn't move the whole way yet but if i go with this method, i'll fix it. i'll also fix the fact that the pane bleeds off the stage. although i kinda like that.<br /><br />Damnit! so I couldn't code the next two, so I mocked up screen shots. It's proving difficult to make that box that follows my finger interact with other elements on the stage. I know i'll crack it, just haven't gotten there yet. So next I've combined the modal nav with augmented reality. What should happen is the nav appears where your tracked object is at the snap of the fingers. The site utilizes the computers built in mic to pick up the sound of a snap and display the navigation.<br /><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQFbViQWAcduCVxst67fhrM_K2uaQy7wL-Znnrq9t60lnQhYyTsffHMCGoKLTMjNiHjKUhE4q2ONFtNkML-6_eYJP2qm_J9YcVva8uuso8_8srneKf-udXQWUV8fVPvptJYWAVXK1RjUY/s320/modalReality.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5405369460675994882" /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh52cIsclJSBcAkXBS7SY7hTCegKAOKpfTukD3lZ5MYL_FRglogSifNFhDhAMH2Ka1aZMy6xxkROpd6Torh390ZI1ApEIFQic_sCONiSmxi9VQulWu0Nxoy5aydjyCD0GZ-FZ0Uguz3wY/s1600/modalReality02.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh52cIsclJSBcAkXBS7SY7hTCegKAOKpfTukD3lZ5MYL_FRglogSifNFhDhAMH2Ka1aZMy6xxkROpd6Torh390ZI1ApEIFQic_sCONiSmxi9VQulWu0Nxoy5aydjyCD0GZ-FZ0Uguz3wY/s320/modalReality02.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5405369469004393618" /></a><br /><div style="text-align: center;"><br /></div><br />Next this iteration uses the idea of the hot corner and works on a series of rollovers to access content.<br /><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6OxNS1Ps3Qmmidb9cLjwZaCVzTEYG-9nmn873tNeK6MMiBGkHU-K7Vc2k2vbpHqfBRfSsqbLInKMqoAL0cLd3yzLa_5KQfcvp14j49m2loKeeubmX4lgZFulQnbNDBvGPYNqRW5epiBU/s320/hotCornernav01.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5405370669359702818" /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqjDuJ6XxHnT5AzVEECSpDK4AyRehhhdFZMS6rsS8iu-HPOPD39W9so1ROomgwfLN16aMZBC_4UPVE4rS7lUd-FVmdb7d43LITRKKIK8XtAkIm77P499Kt_NvHdRFElm9CMHBD_eMfXl0/s1600/hotCorner_nav.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqjDuJ6XxHnT5AzVEECSpDK4AyRehhhdFZMS6rsS8iu-HPOPD39W9so1ROomgwfLN16aMZBC_4UPVE4rS7lUd-FVmdb7d43LITRKKIK8XtAkIm77P499Kt_NvHdRFElm9CMHBD_eMfXl0/s320/hotCorner_nav.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5405370675199848226" /></a><br /><div style="text-align: center;"><br /></div>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-75856087095763123872009-11-17T13:46:00.002-06:002009-11-17T15:40:44.686-06:00MX: Language of New Media thoughts—In "meatspace" we have to work to remember, but in cyberspace we have to work to forget.<br /> -this isn't necessarily profound, but i really like it for some reason. aside from terming reality "meatspace" it talks about the temporality of memory and how that doesn't extend to a computer. so when does a computer really forget? When you destroy them, but that no longer applies. With cloud computing it's no longer the disconnected computer, but rather a network of servers all remembering everything you do. What will the future be like when accounts of history are accurate? Hmmm...i kinda felt like i was going somewhere. Guess not.<br /><br />—Most of the activity remains invisible to the user.<br /> -wouldn't it be weird if it didn't? what if you saw all the calculations and processes that your computer was performing as you were doing things. Would it be beautiful or obnoxious? I think it has the potential to be beautiful, but would that add anything to the experience? no, probably not. What could it add to the experience. Think of a music visualizer for computer processes.<br /><br />—A user does many vastly different tasks using the same few tools.<br /> -i want users to do the same tasks using vastly different tools. so navigating the same website with your mouse, your keyboard, your microphone, your camera, your accelerometer...what else is there. By plugging things into your different ports! That would be weird.<br /><br />—The computer moved from being a production tool to a distribution tool.<br /> -is there another mode here we are forgetting? production, distribution...maybe utilization? but the computer is most certainly is a utilization tool, given the nature of the distribution. hmm...are there others? <br /><br />—Netomat, and Webstaker are two browsers that purposefully (unlike ie6) display your content as it wants to, and not as you intend it to be displayed.<br /> -this idea is just hilarious to me. i wonder what other things can be uncovered with this kind of thinking. I immediately think of the episode of Aqua Teen Hunger Force with the e-helmet. The one that can download any mp3 and convert it to the same ragtime song. I like things that screw stuff up for the user intentionally. But how can that be used for good? How can I take something someone else made and display it in a better, or more efficient or prettier, or whatever way? I guess css allows for the disconnect between form and content, but can it go farther. can it be used for something other than form?<br /><br />—there is no hierarchy with hyperlinking. one page doesn't have more weight over the other. <br /> -I don't know that i agree with this. i think that the current page tends to have more weight, but it really depends on what you are hyperlinking to. if you are stumbling from link to link within wikipedia then yeah i would agree, but if you use the links at the bottom that show sources, it seems to me that those links would be hierarchically more important.<br /><br />—time became a flat image or landscape<br /> -?Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0tag:blogger.com,1999:blog-5160109255297501483.post-71858617922972925912009-11-16T20:58:00.001-06:002009-11-16T21:01:04.547-06:00Michael and Ian Solve the World: Episode 2<object style="height: 344px; width: 410px"><param name="movie" value="http://www.youtube.com/v/CywRcBJJzN0"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/CywRcBJJzN0" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="410" height="344"></object></embed>Ian Tironehttp://www.blogger.com/profile/05826895928701574220noreply@blogger.com0