tag:blogger.com,1999:blog-24568146474027759662024-03-05T02:45:21.149-06:00Eli Sebastian BrumbaughProcess BlogEli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.comBlogger389125tag:blogger.com,1999:blog-2456814647402775966.post-32878389439950844132013-05-05T23:56:00.002-05:002013-05-05T23:56:49.865-05:00Poetic Final<br />
<div style="background-color: white; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 12px auto 6px;">
<div class="p1">
<span class="s1">As artists, we all recognize how fundamental imagination is. as albert einstein once said, “knowledge is limited, but imagination encircles the world.” but imagination should not be something that is limited to children and artists. people should be inspired to use their imagination from day to day. </span></div>
<div class="p1">
<span class="s1"><br /></span></div>
<div class="p1">
<span class="s1"></span></div>
<div class="p1">
<span class="s1">The monument of imagination provides everyday people with the opportunity to activate their imagination, allowing them to think as they did when they were children, when elephants could fly and the grass could be any color you wanted it to be. </span>legos are something that people of all ages can directly relate to their childhood. legos were one of the first toys that granted us the ability to create whatever we wanted, as if the building blocks to our wild imaginations. </div>
<br /><br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-GVXD-azK8NU/UYNFX071GgI/AAAAAAAABqI/f6snw-lqGyw/s1600/still1.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="266" src="http://2.bp.blogspot.com/-GVXD-azK8NU/UYNFX071GgI/AAAAAAAABqI/f6snw-lqGyw/s400/still1.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-_ScnpNyoZP0/UYNFX8FjebI/AAAAAAAABqM/e7y9TD1JuYY/s1600/still2.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="266" src="http://1.bp.blogspot.com/-_ScnpNyoZP0/UYNFX8FjebI/AAAAAAAABqM/e7y9TD1JuYY/s400/still2.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-jTz_a9eTFXM/UYNFZf2oVPI/AAAAAAAABqg/lczL3EbQPa0/s1600/still5.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="266" src="http://2.bp.blogspot.com/-jTz_a9eTFXM/UYNFZf2oVPI/AAAAAAAABqg/lczL3EbQPa0/s400/still5.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-nIwa9u-j8ow/UYNFaK4TSnI/AAAAAAAABqo/cF9oHTzMz-k/s1600/still6.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="266" src="http://3.bp.blogspot.com/-nIwa9u-j8ow/UYNFaK4TSnI/AAAAAAAABqo/cF9oHTzMz-k/s400/still6.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br /><br /><a href="http://www.scribd.com/doc/139200067/Imagination-Presentation" style="color: #990000; text-decoration: none;" title="View Imagination Presentation on Scribd">Imagination Presentation</a> by <a href="http://www.scribd.com/ashley_einspahr" style="color: #990000; text-decoration: none;" title="View Ashley Einspahr's profile on Scribd">Ashley Einspahr</a></div>
<iframe class="scribd_iframe_embed" data-aspect-ratio="1.52881355932203" data-auto-height="false" frameborder="0" height="450" id="doc_51548" scrolling="no" src="http://www.scribd.com/embeds/139200067/content?start_page=1&view_mode=slideshow&access_key=key-1iqjwyqo8mwloah14m7h" style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" width="100%"></iframe>Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-67051505389176144392013-04-29T23:57:00.000-05:002013-05-05T23:57:59.571-05:00Project 3 / Week 3<br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<a href="http://2.bp.blogspot.com/-q7kLNMBC9zc/UYctnk5UfZI/AAAAAAAABq8/DHSbdVXrO5I/s1600/by+default+2013-05-05+at+11.11.31+PM.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="123" src="http://2.bp.blogspot.com/-q7kLNMBC9zc/UYctnk5UfZI/AAAAAAAABq8/DHSbdVXrO5I/s400/by+default+2013-05-05+at+11.11.31+PM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<a href="http://1.bp.blogspot.com/-Eyig7uUfLxQ/UYctoH7VYkI/AAAAAAAABrE/KLQIS3Etxhs/s1600/by+default+2013-05-05+at+11.11.43+PM.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="223" src="http://1.bp.blogspot.com/-Eyig7uUfLxQ/UYctoH7VYkI/AAAAAAAABrE/KLQIS3Etxhs/s400/by+default+2013-05-05+at+11.11.43+PM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<br /></div>
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">This week we've basically been messing around with our materials and testing the scale of our lego bricks to our landscape and choosing lego colors. we've chosen our location to be shakespeare garden in central park in new york city because of high traffic and it's located between the MET and the MNS. we've also developed a logo and have been experimenting with the placement of our objects.</span>Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-59322848932728689152013-04-22T14:16:00.000-05:002013-04-22T14:17:07.699-05:00Monument Concept<br />
<div class="p1">
"Legos are the building blocks of imagination."</div>
<div class="p1">
This is a monument to imagination. </div>
<div class="p1">
<br /></div>
<div class="p1">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4scTbQjizVI7ipZ8BNcW_XamgkLBhTAHAmYjSVencR7OhKrf6dcA3E1wV010H6W_eL8LfOQh-MwrmbOllllvPuTyl8GYi6v-mr97qP-fhyW0LsKpMX5S3JwD4CpJd2QcTeiSSDzy5Nh2e/s1600/1210468095895_DxygKseb_l.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4scTbQjizVI7ipZ8BNcW_XamgkLBhTAHAmYjSVencR7OhKrf6dcA3E1wV010H6W_eL8LfOQh-MwrmbOllllvPuTyl8GYi6v-mr97qP-fhyW0LsKpMX5S3JwD4CpJd2QcTeiSSDzy5Nh2e/s320/1210468095895_DxygKseb_l.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-th-GmXCoHM0Jni5NB23cofEaCyfTGpVCU1vVWOF1EByysE_O2TfCiOf2YHIN_Uc_o6r7f8opRbApxlnRKZ-0BG_DBaDkgbAY1cGUM-tsVZDPvVRvh15z9kGPo3_mB1sQF61RDTEcqq44/s1600/482505447066_EztrXdv1_l.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-th-GmXCoHM0Jni5NB23cofEaCyfTGpVCU1vVWOF1EByysE_O2TfCiOf2YHIN_Uc_o6r7f8opRbApxlnRKZ-0BG_DBaDkgbAY1cGUM-tsVZDPvVRvh15z9kGPo3_mB1sQF61RDTEcqq44/s320/482505447066_EztrXdv1_l.jpg" width="227" /></a></div>
<br /></div>
<div class="p2">
<br /></div>
<div class="p1">
Central Park, my recreating a section of the park we will be able to apply the ability to connect blocks of lego's to it. This will allow visitors to experience a sense of whimsy, and wonderment. </div>
<div class="p2">
<br /></div>
<div class="p1">
PLAN OF ATTACK:</div>
<div class="p1">
</div>
<ul>
<li>Buy the basic lego colors of clay. (Yellow, red, blue, and green)</li>
<li>Buy or find the tools to carve and paint. </li>
<li>Buy the plants, shrubs, and trees for the park.</li>
<li>Buy the benches, lamp pole, trashcan, etc.</li>
</ul>
<br />
<div class="p1">
BUILDING:</div>
<div class="p1">
</div>
<ul>
<li>Test our hypothesis. Based on the size of the tree we'll determine the size of the blocks, and therefore the dots. </li>
<li>Build the model.</li>
</ul>
<br />
<div class="p1">
PRESENTATION:</div>
<div class="p1">
</div>
<ul>
<li>Photograph and start Keynote.</li>
<li>Finish the Keynote. </li>
</ul>
<br />Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-89953735500619434392013-04-17T11:25:00.003-05:002013-04-17T11:27:18.645-05:00Degree Project - Week 12<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjArd58uMQ8rVwn-XU6qPsZUW3sPf-9Ut2vgxvpnKZZ2r2Ue_A2xCawkGKymLjkeg2BchZOsQDlbKY2sLHOAFxfxCuJjeut44QqrFxczcdkV-FYw-XY9ib5yZ21sc4k-1GpTe6y2kpxzkOq/s1600/Screen+Shot+2013-04-17+at+11.24.04+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjArd58uMQ8rVwn-XU6qPsZUW3sPf-9Ut2vgxvpnKZZ2r2Ue_A2xCawkGKymLjkeg2BchZOsQDlbKY2sLHOAFxfxCuJjeut44QqrFxczcdkV-FYw-XY9ib5yZ21sc4k-1GpTe6y2kpxzkOq/s400/Screen+Shot+2013-04-17+at+11.24.04+AM.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Currently I am in the final steps of adjusting my video, setting the timing, and working on how the assets will be presented. Above is a context shot that I've been posting on Dribbble as I work on the project. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd3XaxGiYJHlZH0YXwvvVJe_K6je3Jhm6I_Lt_9Indt8FY7ugD9qMzGrlsaTqRiq__crPZ-j9CN5CE01xWFsuXn1fEpZlx6MKnjUMrKvXf3tX2vLSWqbc7uKzBXkY2nXVFFOtRgOICbZEM/s1600/Screen+Shot+2013-04-17+at+11.22.26+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd3XaxGiYJHlZH0YXwvvVJe_K6je3Jhm6I_Lt_9Indt8FY7ugD9qMzGrlsaTqRiq__crPZ-j9CN5CE01xWFsuXn1fEpZlx6MKnjUMrKvXf3tX2vLSWqbc7uKzBXkY2nXVFFOtRgOICbZEM/s320/Screen+Shot+2013-04-17+at+11.22.26+AM.png" width="170" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6H68YWDeImCI3wIGKzdwLdkJVfoXfcHXBgIQDfExBcnHayE6cixdOyG4VEndYcaAhmCQMZwDUqfHraZvKsPtUsYJ1h9pX_vKSUpt4M8ThgukwZT6T4i4dPRTaYjIA9aUwm-NXQ3pGWVMm/s1600/Screen+Shot+2013-04-17+at+11.22.37+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6H68YWDeImCI3wIGKzdwLdkJVfoXfcHXBgIQDfExBcnHayE6cixdOyG4VEndYcaAhmCQMZwDUqfHraZvKsPtUsYJ1h9pX_vKSUpt4M8ThgukwZT6T4i4dPRTaYjIA9aUwm-NXQ3pGWVMm/s320/Screen+Shot+2013-04-17+at+11.22.37+AM.png" width="184" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFbWoMoZ1b_JqYtQCSSH6GQHAfBGBXMckMIteerPcVpCuoaDiZiRASfaXConKIVrLmDhkJqRdhwumgrpH2O36nE6Y5U3MdTFPIq_x87jqIxfSxZ8-ozkvmdqMzcHU1XznJ6mUa6lXGkzM/s1600/Screen+Shot+2013-04-17+at+11.23.05+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFbWoMoZ1b_JqYtQCSSH6GQHAfBGBXMckMIteerPcVpCuoaDiZiRASfaXConKIVrLmDhkJqRdhwumgrpH2O36nE6Y5U3MdTFPIq_x87jqIxfSxZ8-ozkvmdqMzcHU1XznJ6mUa6lXGkzM/s320/Screen+Shot+2013-04-17+at+11.23.05+AM.png" width="182" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhkC-gfpdd7aHSAkiGJPzBB2LN5BfveuO6OX7xXLbFGh5dbSno6WXe520kppB9cNjFFG3D5qVG_noh6H-DWu9rioJzMwrEya-otGd1fzHZiBBVQBAtjcxXXnTah5YaL8dG7SXwmOOJmKmQ/s1600/Screen+Shot+2013-04-17+at+11.23.20+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhkC-gfpdd7aHSAkiGJPzBB2LN5BfveuO6OX7xXLbFGh5dbSno6WXe520kppB9cNjFFG3D5qVG_noh6H-DWu9rioJzMwrEya-otGd1fzHZiBBVQBAtjcxXXnTah5YaL8dG7SXwmOOJmKmQ/s320/Screen+Shot+2013-04-17+at+11.23.20+AM.png" width="184" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXbLtz2cP0KttpnnF5Gffi9o1zBcUObFqn4Z3qV7W7A7bhb1ozNI0dFVL-FP4RIagJd9xBxgSLr6R7JjlZ9bCOlNY4eSDXVCWsBpD0UXP8cCblalCDAIHumihTibrp7r7Y601yH9-dlKNe/s1600/Screen+Shot+2013-04-17+at+11.22.46+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXbLtz2cP0KttpnnF5Gffi9o1zBcUObFqn4Z3qV7W7A7bhb1ozNI0dFVL-FP4RIagJd9xBxgSLr6R7JjlZ9bCOlNY4eSDXVCWsBpD0UXP8cCblalCDAIHumihTibrp7r7Y601yH9-dlKNe/s320/Screen+Shot+2013-04-17+at+11.22.46+AM.png" width="192" /></a></div>
<br />Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-52670550537646028132013-04-14T23:59:00.000-05:002013-05-05T23:59:14.771-05:00Project 3<br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<a href="http://1.bp.blogspot.com/-_hXgX5wDj6I/UWuQeWDBB6I/AAAAAAAABmI/7dy16nAbqcs/s1600/hd_e213db15ff757da4477a076ffa5f0875.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="400" src="http://1.bp.blogspot.com/-_hXgX5wDj6I/UWuQeWDBB6I/AAAAAAAABmI/7dy16nAbqcs/s400/hd_e213db15ff757da4477a076ffa5f0875.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="300" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
Ashley and I have decided to build our monument based on the internet's past, focusing on some of the earliest websites and social networks that are either no longer in use today, or have evolved to something better. The audience for such a monument would vary from people who are comfortable with technology and experienced these earlier websites to computer geeks who enjoy some witty, tech-related humor.</div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
To illustrate this idea, we plan on building an internet graveyard. The graveyard will hold a series of tombstones dedicated to specific websites. These tombstones will be built with regular concrete, but be shaped as computer monitors that are from the specific time period that each website was in use. The computer monitors will each have a screens of the website's past functionality and different pages, almost like an interactive demo. Similar to a real graveyard, these graveyards with show evidence of being visited, some showing that they haven't been visited in years. This will be shown with leave behind gifts by the tombstones that are fitting to the website and the website's audience. For example, the old Myspace tombstone might have a concert flyer taped to it, since Myspace today is only used by bands promoting themselves. </div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
We'd also like to show the age of the websites by showing some that look extremely dated, while others look freshly buried.</div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
P.S. - We're exited. </div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com1tag:blogger.com,1999:blog-2456814647402775966.post-22615289239787188552013-04-10T10:43:00.003-05:002013-04-17T11:27:29.238-05:00Degree Project - Week 11<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-YBETr7OImJWmX6LT-nlIBV9RHZc1IuGayo3mfLDvmdOxmdHeHUW1KHCZ-mGZZ6VhyZai5QR7BuTpvxEabEfM_FIWAqv3Z4mAkEXUZA8beqqufBumuWw0QHSG7HsyeNurIG8QHJK6U6yA/s1600/Screen+Shot+2013-04-10+at+10.06.12+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-YBETr7OImJWmX6LT-nlIBV9RHZc1IuGayo3mfLDvmdOxmdHeHUW1KHCZ-mGZZ6VhyZai5QR7BuTpvxEabEfM_FIWAqv3Z4mAkEXUZA8beqqufBumuWw0QHSG7HsyeNurIG8QHJK6U6yA/s200/Screen+Shot+2013-04-10+at+10.06.12+AM.png" width="195" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Working icon.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAEGpHpMiYStsmx08rrM7s4_a1U-wB_wvW1kL4GOnqGzlI1XpgU_8acAFDZdRKY4UHfSr75bFpPmDgU9CiBlC-X2kENE91YRcOVAlM1u0mYnxvjYqqXQVsICRorVIW546GGBH14RJyGrkQ/s1600/Screen+Shot+2013-04-10+at+10.11.16+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAEGpHpMiYStsmx08rrM7s4_a1U-wB_wvW1kL4GOnqGzlI1XpgU_8acAFDZdRKY4UHfSr75bFpPmDgU9CiBlC-X2kENE91YRcOVAlM1u0mYnxvjYqqXQVsICRorVIW546GGBH14RJyGrkQ/s320/Screen+Shot+2013-04-10+at+10.11.16+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Currently animating in keynote.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Link to screens coming soon! I have like 40 screens and my photoshop file is about a gig. My computer literally will never forgive me for this project haha. Posting them up soon!</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
I recently made another round of adjustments and UI tweaks thanks to your input! Thanks Marty!</div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-1021090807345413552013-04-08T00:00:00.000-05:002013-05-06T00:01:05.533-05:00Dieter Rams Exhibition Final<br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="http://3.bp.blogspot.com/-LdYN8mW_tLY/UWJoT9cGCpI/AAAAAAAABls/1FvdgsrhmsI/s1600/by+default+2013-04-08+at+1.48.19+AM.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="102" src="http://3.bp.blogspot.com/-LdYN8mW_tLY/UWJoT9cGCpI/AAAAAAAABls/1FvdgsrhmsI/s400/by+default+2013-04-08+at+1.48.19+AM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="http://3.bp.blogspot.com/-lqiejUg9YEc/UWJn8jPyq4I/AAAAAAAABlk/sMhIiG4emKc/s1600/stylesheet-01.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="400" src="http://3.bp.blogspot.com/-lqiejUg9YEc/UWJn8jPyq4I/AAAAAAAABlk/sMhIiG4emKc/s400/stylesheet-01.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="308" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="http://2.bp.blogspot.com/-poQPVB7_26E/UWJmvnCdtOI/AAAAAAAABlQ/KGzCUwpTYrg/s1600/walldecor.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="265" src="http://2.bp.blogspot.com/-poQPVB7_26E/UWJmvnCdtOI/AAAAAAAABlQ/KGzCUwpTYrg/s400/walldecor.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="http://1.bp.blogspot.com/-KCqz4dfrW5I/UWJmtvczHdI/AAAAAAAABk4/emQ3vpU9ECo/s1600/IMG_5872.JPG" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="326" src="http://1.bp.blogspot.com/-KCqz4dfrW5I/UWJmtvczHdI/AAAAAAAABk4/emQ3vpU9ECo/s400/IMG_5872.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="http://2.bp.blogspot.com/-3rY3sOT3YY0/UWJmt0iLpvI/AAAAAAAABlE/MDdf_gFMeIg/s1600/IMG_5887.JPG" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="265" src="http://2.bp.blogspot.com/-3rY3sOT3YY0/UWJmt0iLpvI/AAAAAAAABlE/MDdf_gFMeIg/s400/IMG_5887.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="http://4.bp.blogspot.com/-NYlDegylzZo/UWJovIEwb1I/AAAAAAAABl4/NkHw8yx6Wss/s1600/by+default+2013-04-08+at+1.50.08+AM.jpg" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="210" src="http://4.bp.blogspot.com/-NYlDegylzZo/UWJovIEwb1I/AAAAAAAABl4/NkHw8yx6Wss/s400/by+default+2013-04-08+at+1.50.08+AM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div style="background-color: white; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 12px auto 6px;">
<br /></div>
<div style="background-color: white; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 12px auto 6px;">
<br /></div>
<div style="background-color: white; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 12px auto 6px;">
<a href="http://www.scribd.com/doc/134613462/unspectacular-things-dieter-rams-exhibition" style="color: #990000; text-decoration: none;" title="View unspectacular things - dieter rams exhibition on Scribd">unspectacular things - dieter rams exhibition</a> by <a href="http://www.scribd.com/ashley_einspahr" style="color: #990000; text-decoration: none;" title="View Ashley Einspahr's profile on Scribd">Ashley Einspahr</a></div>
<iframe class="scribd_iframe_embed" data-aspect-ratio="1.77909270216963" data-auto-height="false" frameborder="0" height="400" id="doc_39689" scrolling="no" src="http://www.scribd.com/embeds/134613462/content?start_page=1&view_mode=slideshow&access_key=key-285idy0w8vglne6tns3j" style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" width="100%"></iframe><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;">Dieter Rams often speaks about the future of design and how new structures for our behaviors will continuously be necessary as products and technology advance. Today we are recognizing that his 10 principles are still influencing many design choices today through brands such as Apple.</span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;">The unspectacular things exhibition focuses on product design by Dieter Rams and how it has impacted product and interface design today. The exhibit lets the viewer look at Rams' products side by side next to its contemporary counterparts in a completely interactive environment, and connect these products with his 10 principles. The aesthetic of the exhibition reflects Rams' style and his unobtrusive methods.</span>Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-12183394493269426372013-04-03T10:49:00.001-05:002013-04-03T10:50:10.596-05:00Degree Project - Week 10<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmlGJMPEu-oTEVWp7Za6Fm7KtW7JN_6z8D_9NPXKu24mIFjLzBWWFsiaig4JK-jYzSqVlCbfF1Syv3Zv49qmgRgID5AEVBu7Vn_Y2pgfZJhyQWLyA4nhtkZFq4WM8NlsUt2sbVzHtso9AH/s1600/Blog_Headers-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmlGJMPEu-oTEVWp7Za6Fm7KtW7JN_6z8D_9NPXKu24mIFjLzBWWFsiaig4JK-jYzSqVlCbfF1Syv3Zv49qmgRgID5AEVBu7Vn_Y2pgfZJhyQWLyA4nhtkZFq4WM8NlsUt2sbVzHtso9AH/s320/Blog_Headers-12.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.dropbox.com/s/ow3n9nbvxgpcqac/Updated_Screens_4_3.pdf" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBXVDlaKRgLf9J5BftESiWnBPj4DwLi5K-UkyltMpJnqxj_k_6OJK_2KpQruxGqjx6t7HVH3lhn0A8fC_WVOFygUm20gdHffoE-bMjJHkdwWoW-GK1jbYJMBmXsoLfr8OZrXN5dh81QBn/s320/Blog_Headers-11.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
I've been screen testing with this new app <a href="http://theultralinx.com/2013/03/photoshop-mockup-preview-iphone-remote-connection-app.html">Design Duet</a> which connects directly to the photoshop to display your screens on iPad, iPhone, etc. </div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-89090699740013190892013-03-28T22:00:00.001-05:002013-03-28T22:32:10.567-05:00Dieter Rams, Week 4<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Since our last update we have updated our branding, fleshed out our wall screens and added new interactions, have a new iphone layout, and table screens that include AR markers. Overall we have simplified the branding and style across the board in Rams' style. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="font-family: Arial, Helvetica, sans-serif;">updated branding</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTwRXMu1noOPtMkT-AZGbjbPYrScYrTNf9v9fuI64-Frwcei8HFIu04nc1zBp2T9Y2kbviiT8xQlur2EyM7XbO6RRMa4lxFuJLTuh33SwwI4v9-w29o1XtyrEBCoq26Pq5tLNBp6kxSpAK/s1600/Screen+Shot+2013-03-28+at+10.15.25+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTwRXMu1noOPtMkT-AZGbjbPYrScYrTNf9v9fuI64-Frwcei8HFIu04nc1zBp2T9Y2kbviiT8xQlur2EyM7XbO6RRMa4lxFuJLTuh33SwwI4v9-w29o1XtyrEBCoq26Pq5tLNBp6kxSpAK/s400/Screen+Shot+2013-03-28+at+10.15.25+PM.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>wall screens</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEili7o5c73PGir_H8YsVdmLREWRGbuKA9cs2hNdJNRl5n_wmYQxPmeEm73Xj8HPoy1NMC2WhcaqcM8Ypopubucx4KUdeOw-gUsLdetDB_6dHYAmZoIkKNSmEmqbI0RZlJGMKdCRVgz8FU03/s1600/Wall_Screens-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEili7o5c73PGir_H8YsVdmLREWRGbuKA9cs2hNdJNRl5n_wmYQxPmeEm73Xj8HPoy1NMC2WhcaqcM8Ypopubucx4KUdeOw-gUsLdetDB_6dHYAmZoIkKNSmEmqbI0RZlJGMKdCRVgz8FU03/s320/Wall_Screens-05.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Inactive State</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV3nkoDIUrLElHLsyVNNyyUl6YHoGwOOJIZmHqTGNUXx56ytlyRvg0bgw5GD7DRp-0Fsnhr8hwxqFlsajmOpwJAZ6jTURWWSeyzC_pz3fl0k5e6ZcukzuLCuo0p_QYAByS30nJjCSRyFDu/s1600/Wall_Screens-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV3nkoDIUrLElHLsyVNNyyUl6YHoGwOOJIZmHqTGNUXx56ytlyRvg0bgw5GD7DRp-0Fsnhr8hwxqFlsajmOpwJAZ6jTURWWSeyzC_pz3fl0k5e6ZcukzuLCuo0p_QYAByS30nJjCSRyFDu/s320/Wall_Screens-01.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Single View</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6KfxZ2-guVg1pBALXNhEIOosz-evS193JCbP1ajMRrXLFAqvkPaDp0nY1wddRnPZi7TZADkcGR9fHoxlLXg5yuHZ71s7lnOtHIs0SCTILvxYK3pGlVhwITVmE4LAZqwc5nbS3-u7AuDS/s1600/Wall_Screens-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj6KfxZ2-guVg1pBALXNhEIOosz-evS193JCbP1ajMRrXLFAqvkPaDp0nY1wddRnPZi7TZADkcGR9fHoxlLXg5yuHZ71s7lnOtHIs0SCTILvxYK3pGlVhwITVmE4LAZqwc5nbS3-u7AuDS/s320/Wall_Screens-02.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Single View</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKLJq2YontAYq9ASduV7-DRFLHBmAUldhyR89T8G0sJ5mDK-BsPY78ZgrdP9YSN5BRuhphRNIX4UYH0wWAVofpubrq2hmlbIXFTyjUYhbWcWk5hQavujc3KAjOkfnif2GpTERJiRfeQcS/s1600/Wall_Screens-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKLJq2YontAYq9ASduV7-DRFLHBmAUldhyR89T8G0sJ5mDK-BsPY78ZgrdP9YSN5BRuhphRNIX4UYH0wWAVofpubrq2hmlbIXFTyjUYhbWcWk5hQavujc3KAjOkfnif2GpTERJiRfeQcS/s320/Wall_Screens-03.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Side by Side Comparison</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEddyVWrR75PRgUTOCsOPmsT08Ag3vDh20BZ7aE8sMB5hB0eSC8_1fld4bd3mrdpPkLkbNixxvDUmofJJv5hkKxT4jjQNG3qktq6TGtzAoCII23lKk1FdbFxxybnK10zyHLC930mCrHQQa/s1600/Wall_Screens-04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEddyVWrR75PRgUTOCsOPmsT08Ag3vDh20BZ7aE8sMB5hB0eSC8_1fld4bd3mrdpPkLkbNixxvDUmofJJv5hkKxT4jjQNG3qktq6TGtzAoCII23lKk1FdbFxxybnK10zyHLC930mCrHQQa/s320/Wall_Screens-04.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Detail View</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJf4WdmHpNNA55QQ6k1XCt8AfpmDBerkThjrZ0RUW34-_a2tVDMzugcTXZQvdGnugB-Df5bFwNkNOOCIPu1h1JZxKT-GEe02ee5LSctUfdx3XEyAJfXWF9agY06WH4t2yF8lJ8tbpFULNa/s1600/Screen+Shot+2013-03-28+at+10.12.57+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJf4WdmHpNNA55QQ6k1XCt8AfpmDBerkThjrZ0RUW34-_a2tVDMzugcTXZQvdGnugB-Df5bFwNkNOOCIPu1h1JZxKT-GEe02ee5LSctUfdx3XEyAJfXWF9agY06WH4t2yF8lJ8tbpFULNa/s320/Screen+Shot+2013-03-28+at+10.12.57+PM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;">Context</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>iphone</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45gmXpaCoa4d9KH6y2bSoy6IaPk3gtjW0PRq2pUFTphTM8RYsN0w_WAX7bTd8gPBfp_7wghJyAyMeO6kdElgIHkRgqCP1ub21ZiFJFtNgBI9ZgpKDkWXhNOkbkqkIFSHyd4uBAgcCrAAi/s1600/Screen+Shot+2013-03-28+at+10.14.06+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45gmXpaCoa4d9KH6y2bSoy6IaPk3gtjW0PRq2pUFTphTM8RYsN0w_WAX7bTd8gPBfp_7wghJyAyMeO6kdElgIHkRgqCP1ub21ZiFJFtNgBI9ZgpKDkWXhNOkbkqkIFSHyd4uBAgcCrAAi/s320/Screen+Shot+2013-03-28+at+10.14.06+PM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="font-family: Arial, Helvetica, sans-serif;">table screens</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJ9_WoBXJMj5kt9Z_NN4_MovsNwqNpJO0m_Rs9RKi8gKT-4B-cTm8sqmPZ0CE1y9LM0Mnts4n-a-kveaOPI5y7y4ZPeVUKQ5nn2witFk_JmPDf_18q-i3kvT1NIo9_p-ipgoO9jtKE05M/s1600/Screen+Shot+2013-03-28+at+10.13.28+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJ9_WoBXJMj5kt9Z_NN4_MovsNwqNpJO0m_Rs9RKi8gKT-4B-cTm8sqmPZ0CE1y9LM0Mnts4n-a-kveaOPI5y7y4ZPeVUKQ5nn2witFk_JmPDf_18q-i3kvT1NIo9_p-ipgoO9jtKE05M/s400/Screen+Shot+2013-03-28+at+10.13.28+PM.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw7zlU_Xe9YipD6pRsTMaPHG0QPajNkRYSWBp7_dfbzbX0CKlWmBYq7SHcS3j4oQteD6jEQEBzkHNXkTJtCX2znc0xYSyKo-bJteslO5vdlS9XaA9tcjENXE3K4LVsIWUfeV2cFHgxTsUm/s1600/Screen+Shot+2013-03-28+at+10.13.40+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw7zlU_Xe9YipD6pRsTMaPHG0QPajNkRYSWBp7_dfbzbX0CKlWmBYq7SHcS3j4oQteD6jEQEBzkHNXkTJtCX2znc0xYSyKo-bJteslO5vdlS9XaA9tcjENXE3K4LVsIWUfeV2cFHgxTsUm/s400/Screen+Shot+2013-03-28+at+10.13.40+PM.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-33883104607817046802013-03-27T10:39:00.000-05:002013-03-27T10:39:33.474-05:00Degree Project - Week 9<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh59-SjqJ657cN9ijKv2v0PGgPeKqap2NjJ_h22-SVs-520Dph6Le3e15MCozewLTN7G0ausBvP3gm08ZNstXvPuGuyF_op31RRvd7sxqsFuE42XYSlahehimX6UJwiTrmDWZG5T5GNJq2z/s1600/Blog_Headers-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh59-SjqJ657cN9ijKv2v0PGgPeKqap2NjJ_h22-SVs-520Dph6Le3e15MCozewLTN7G0ausBvP3gm08ZNstXvPuGuyF_op31RRvd7sxqsFuE42XYSlahehimX6UJwiTrmDWZG5T5GNJq2z/s400/Blog_Headers-12.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.dropbox.com/s/6pwi7vez1l72gjh/Current_Screens.pdf" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUg2wjLnBUS795UMzILTXa0qFdhC3qJ9_WsbpzmP-9WmxjC3pQtsTCas03tnOsZv60D4sOQvuIiu0Pce3Xl-83tYdSM8Q_upktgAiqRb-rrhSvX-ZfW8ST4a9A_-dARVMhWrSjCtVacG4L/s400/Blog_Headers-13.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Currently I am working on the last 25% of my design work and will soon transition into the presentation phase. I will be working with an animated keynote, poster hopefully, and website. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://theultralinx.com/2013/01/flat-design-trend-2013.html">Current Inspiration</a></div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-61814041141798991322013-03-13T10:39:00.001-05:002013-03-13T10:43:36.831-05:00Degree Project - Week 7 <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjA-VoatIfi2DU45m1sx9kWkvaloemYxw4sOs4IlpCIgsQrwsJqXlnIwXCI2IgPwYSTD2oJXD2tjNf8JDAVcEoMFlX5yU0Y3KpiLpsl2r116kpfrerg33czct9sCpADxLl2AXyjI9hwB4E/s1600/Blog_Headers-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjA-VoatIfi2DU45m1sx9kWkvaloemYxw4sOs4IlpCIgsQrwsJqXlnIwXCI2IgPwYSTD2oJXD2tjNf8JDAVcEoMFlX5yU0Y3KpiLpsl2r116kpfrerg33czct9sCpADxLl2AXyjI9hwB4E/s400/Blog_Headers-10.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="p1">
</div>
<div style="text-align: left;">
<b>Mom/Entrepreneur User Persona Feedback:</b> "We have a private moms group where we feel comfortable discussing issues that pertain to moms, that we don't want everyone else reading. We plan play dates on here, birthday parties, etc. It would be nice to have more info on local activities so we wouldn't miss things. ie, (baby name witheld) LOVES Winnie the Pooh, and I found out one of the theaters did a winnie the pooh play. I was really disappointed we didn't know about it in time."</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
"<span style="text-align: center;">it's nice to have an outlet to rant or ask questions or have discussions about parenting. in our moms group, we have each shown our weaknesses, and have found that we can trust each other. none of us claims to be perfect. an interesting note- i see 5 of these moms regularly, have met a few others once or twice, but the majority of them i've never met."</span></div>
<span class="s1"></span><br />
<div style="text-align: left;">
<span class="s1"><br /></span></div>
<span class="s1">
</span>
<div class="separator" style="clear: both; text-align: center;">
<span class="s1"><a href="https://www.dropbox.com/s/nlhudwvmz1giom5/FLTR.pdf" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLBTEotMGlO1kfipmd4ZFAERaWWreMw0W81F1lEwatY-jHHxGMWY3VglJdjgIJphS3S6Y3rpiZjc0o_MWEIwG-cTRdMHrcGWQkrKsaen1WyjqVmsE-URNuSaVsINVQX2hE5JmFGoBdHi4u/s320/Blog_Headers-11.png" width="320" /></a></span></div>
<span class="s1">
<div class="separator" style="clear: both; text-align: center;">
<b>^ Better viewing order than Blogger. </b></div>
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg58cYt4yaK1AgYlVUUmVEY6usaziqrnMzqKRCnvxuM8H8KUJxsKGDzYqU0s_Qsayr_HVmlmXdD5EaUw-J4iWHw_CRYNOefhFcFXPjZDJ8kPXghmtjojHEufieorQdxUcd6Dg299B3aWXWf/s1600/Screen+Shot+2013-03-13+at+10.41.22+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg58cYt4yaK1AgYlVUUmVEY6usaziqrnMzqKRCnvxuM8H8KUJxsKGDzYqU0s_Qsayr_HVmlmXdD5EaUw-J4iWHw_CRYNOefhFcFXPjZDJ8kPXghmtjojHEufieorQdxUcd6Dg299B3aWXWf/s320/Screen+Shot+2013-03-13+at+10.41.22+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_fd5rvol74q0gtaOFQKCHGIKYi_PyySJdAySSpXjF1koZix04RcFbIIamnl4_giW78M12u1j1EkDu2WzOt98VDgQrDI1myJuV0ha2gZ5xF7u7nlywjyn2BZ8VJG9dJff5RS3Ni0rmVRw/s1600/Screen+Shot+2013-03-13+at+10.41.56+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM_fd5rvol74q0gtaOFQKCHGIKYi_PyySJdAySSpXjF1koZix04RcFbIIamnl4_giW78M12u1j1EkDu2WzOt98VDgQrDI1myJuV0ha2gZ5xF7u7nlywjyn2BZ8VJG9dJff5RS3Ni0rmVRw/s320/Screen+Shot+2013-03-13+at+10.41.56+AM.png" width="213" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRQjNx4Sko9x7yyJTt3282Dss9GDKkWjKaAe_6i8mQ5Vo7zAaE2IMkxkhX-UFhowdkijcGjPAhHDj5QeP7ey2VrM9PjuKyj9W41G3YmuAsH_Vng0oV6heY08nTNdLeFeZFFG6H3osP-p0/s1600/Screen+Shot+2013-03-13+at+10.41.15+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRQjNx4Sko9x7yyJTt3282Dss9GDKkWjKaAe_6i8mQ5Vo7zAaE2IMkxkhX-UFhowdkijcGjPAhHDj5QeP7ey2VrM9PjuKyj9W41G3YmuAsH_Vng0oV6heY08nTNdLeFeZFFG6H3osP-p0/s320/Screen+Shot+2013-03-13+at+10.41.15+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqCXdsqsQmm2tgx0zKqFN2hbShYkqsuUCM1mZyqTfx7Uhch4lLf__pzEnmsZZ9tu60UuxT4WZl6fvR9gZj-yYVHDMWCcYzbEe0mgz28u0p5m8r1NSm4FxX-r43PVpF1EsVER4h038PXvQ/s1600/Screen+Shot+2013-03-13+at+10.42.08+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqCXdsqsQmm2tgx0zKqFN2hbShYkqsuUCM1mZyqTfx7Uhch4lLf__pzEnmsZZ9tu60UuxT4WZl6fvR9gZj-yYVHDMWCcYzbEe0mgz28u0p5m8r1NSm4FxX-r43PVpF1EsVER4h038PXvQ/s320/Screen+Shot+2013-03-13+at+10.42.08+AM.png" width="233" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbF1lVf3OX4pB5o_jlse-x6bwCb45RNfa0juXfeHzcVlhLH8YY5QAVkc9pTaFf3s0E0PcCC2f5ZflVKJ8eLkYej1ikkpcUbEUDwMeWL0br0jJVs1dZZiZWGpF9tVaS9hd2wqLqwf0EtxIF/s1600/Screen+Shot+2013-03-13+at+10.42.43+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbF1lVf3OX4pB5o_jlse-x6bwCb45RNfa0juXfeHzcVlhLH8YY5QAVkc9pTaFf3s0E0PcCC2f5ZflVKJ8eLkYej1ikkpcUbEUDwMeWL0br0jJVs1dZZiZWGpF9tVaS9hd2wqLqwf0EtxIF/s320/Screen+Shot+2013-03-13+at+10.42.43+AM.png" width="198" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
INSPIRATION:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-68033181698499771062013-03-10T17:51:00.001-05:002013-03-10T17:51:12.615-05:00Spatial Dieter Rams, Week 2<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">This week we decided to expand our system a little further than just wall screens. While these will still exist in the exhibit, we've decided to add interactive table screens as well. Here's the functionality of each:</span><br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" /><br />
<div class="p1" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
<i>Wall:</i></div>
<ul class="ul1" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Side by Side comparison.</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Single view.</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Detail view.</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Flip view.</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">giant interactive wall screens</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">before approached, zoomed in detail shots - zooms out as you approach?</li>
</ul>
<div class="p1" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
<i>iPhone:</i></div>
<ul class="ul1" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">All items featured in the exhibition. - lock/unlock - take photo to unlock </li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Map of where everything is. </li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Story/Narrative behind the show.</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Bio of Rams.</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Augmented Reality (See bellow)</li>
</ul>
<div class="p1" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
<i>Table Digital: </i>(Design: clean white with nothing on it minus the Rams styled AR marker)</div>
<ul class="ul1" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">(iPhone Main Function #1) You sat the phone down and whatever object is on the phone springs to life on the table. Supporting information pops up next to it.</li>
</ul>
<ul class="ul1" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; margin: 0.5em 0px; padding: 0px 2.5em;">
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">(iPhone Main Function #2) - You can hold up the phone to the table over the AR markers and the objects themselves pop up on the table (through your screen). You can move the phone around to see them in full 360. </li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Shows inspired projects</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Shows 1/10 principals. Each product has 1 of 10 principals. Encourage people to view all 10. Includes a link to all 10 if they choose too view them all.</li>
<li class="li2" style="margin: 0px 0px 0.25em; padding: 0px;">Related Rams products</li>
</ul>
<div style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
<br /></div>
<div style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">
We've also decided to reduce the exhibition space to the first floor alone. Here's our location plan for the screens and tables.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-o1qIR0sRYj4/UT0H-i5UoBI/AAAAAAAABf4/NchCuoY1ov0/s1600/Spatial-01.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="290" src="http://4.bp.blogspot.com/-o1qIR0sRYj4/UT0H-i5UoBI/AAAAAAAABf4/NchCuoY1ov0/s400/Spatial-01.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-UCRovix7aOI/UT0H91Ve75I/AAAAAAAABfs/iTlcHaXbDLY/s1600/Spatial-02.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="228" src="http://4.bp.blogspot.com/-UCRovix7aOI/UT0H91Ve75I/AAAAAAAABfs/iTlcHaXbDLY/s400/Spatial-02.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
The 10 items featured in the exhibition:</div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-mwdpS8QjzBM/UT0IN1ZqZ9I/AAAAAAAABgw/nH-IGwrHB7s/s1600/products-07.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="181" src="http://2.bp.blogspot.com/-mwdpS8QjzBM/UT0IN1ZqZ9I/AAAAAAAABgw/nH-IGwrHB7s/s400/products-07.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
Our concept still focuses on Rams' products inspring modern-day products, but we've decided not to limit ourselves to only one product. Here's some examples. We've also narrowed the exhibit to Dieter Rams electronic products with a focus on the surface and interface.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Ec0Z0Z9amFM/UT0IJOD0f-I/AAAAAAAABgE/p5GM-RX4oHI/s1600/products-01.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="400" src="http://3.bp.blogspot.com/-Ec0Z0Z9amFM/UT0IJOD0f-I/AAAAAAAABgE/p5GM-RX4oHI/s400/products-01.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="370" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
We thought it might be interesting to have the wall screens (before approached) show zoomed in, detailed shots of the products and their interfaces, so to further emphasis the exhibits focus. Here's some examples of zoomed in, detailed shots:</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-zlVus_FDrSQ/UT0IJ20jzEI/AAAAAAAABgY/rHBrh-FTYtk/s1600/products-02.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="397" src="http://3.bp.blogspot.com/-zlVus_FDrSQ/UT0IJ20jzEI/AAAAAAAABgY/rHBrh-FTYtk/s400/products-02.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
We've begun exploring the interactivity of the table screen. Here's a rough mock-up of how it may look. The + symbols are clues to where viewers can use the augmented reality feature on their phone. The first image shows the design in detail, and the second shows the entire table view.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ud9do6pQB_c/UT0IKNCqExI/AAAAAAAABgU/1A9o_QmH7t8/s1600/products-03.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="248" src="http://1.bp.blogspot.com/-ud9do6pQB_c/UT0IKNCqExI/AAAAAAAABgU/1A9o_QmH7t8/s400/products-03.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-6GAvaCu-2ZI/UT0INiVtNsI/AAAAAAAABgs/MXXVyMD0awU/s1600/products-06.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="197" src="http://2.bp.blogspot.com/-6GAvaCu-2ZI/UT0INiVtNsI/AAAAAAAABgs/MXXVyMD0awU/s400/products-06.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
We've also begun exploring some design options for the iPhone component with the flat style we're going for:</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ctGHhAnuwjI/UT0H-oW5kRI/AAAAAAAABf8/vKpYvoyuFls/s1600/Spatial-03.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="400" src="http://4.bp.blogspot.com/-ctGHhAnuwjI/UT0H-oW5kRI/AAAAAAAABf8/vKpYvoyuFls/s400/Spatial-03.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="225" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-TtCI-eVReeA/UT0IKYi7uaI/AAAAAAAABgg/f9nwg_C7J14/s1600/products-04.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="400" src="http://2.bp.blogspot.com/-TtCI-eVReeA/UT0IKYi7uaI/AAAAAAAABgg/f9nwg_C7J14/s400/products-04.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="225" /></a></div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-yJff0AUQ6i8/UT0IKnVUIXI/AAAAAAAABgk/d7fYUJTRQOU/s1600/products-05.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="400" src="http://1.bp.blogspot.com/-yJff0AUQ6i8/UT0IKnVUIXI/AAAAAAAABgk/d7fYUJTRQOU/s400/products-05.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="225" /></a></div>
</div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-79925923778574379462013-03-08T23:15:00.000-06:002013-03-08T23:16:51.990-06:00AssessmentSpatial has been a class of what I would have to say full of surprise. At first glance I thought we would be focusing on general things we had yet to cover in the course of our studies here at KCAI like wayfinding, exhibition design, and later monument design. Out of ignorance at first glance I didn't think to see the greater value in these studies. As someone who is greatly interested in user experience and Interface design I have been pleasantly surprised at home much this class actually informs the aspects of design I am interested in. Just as easily as we can apply our considerations to spatial design we can also apply them to one person's experience interaction with anything from app to exhibition. The exhibition design at the Rock and Roll museum was also extremely informative because it took into account interaction design and user experience in a spatial and digital realm. I will be the first to admit my short coming in this area. I have a difficult time focusing myself on things like exhibition design and way finding but this class has been very helpful in giving me a chance to look at it in a entirely new light.Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com2tag:blogger.com,1999:blog-2456814647402775966.post-25492140304749461122013-03-06T09:17:00.003-06:002013-03-06T10:38:06.037-06:00Degree Project - Week 6<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz88GXQ0m-_oYLxJbXE4f2ojQScIRr2CUAed9vtMAwulXkNKMxu9XPIlDuH4-sbOsxnaaMFo2Xygnei6B4qRZKSxTyCipZiu_D_Lug-XnfUXpe7Y7P6ix0W-aCnzCk3lqjhaxuCHw9cDvw/s1600/Blog_Headers-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz88GXQ0m-_oYLxJbXE4f2ojQScIRr2CUAed9vtMAwulXkNKMxu9XPIlDuH4-sbOsxnaaMFo2Xygnei6B4qRZKSxTyCipZiu_D_Lug-XnfUXpe7Y7P6ix0W-aCnzCk3lqjhaxuCHw9cDvw/s400/Blog_Headers-09.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
New updated wireframes with current scenarios. Experimenting with functionality and possible points of interaction. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7iJySg0arKMK2vjAh5kYtuRv06U0qAsYxsMYmTjO_shI6XXjc96Sx8gzTbTPfkHRX4KeTtpCpFHfa030r-LPUsmO4mY2Zb96XTnFVDX6wh5p7NrFy-mXjIKiXlq7zBEumjvS2JCqonpA/s1600/photo+(4).PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7iJySg0arKMK2vjAh5kYtuRv06U0qAsYxsMYmTjO_shI6XXjc96Sx8gzTbTPfkHRX4KeTtpCpFHfa030r-LPUsmO4mY2Zb96XTnFVDX6wh5p7NrFy-mXjIKiXlq7zBEumjvS2JCqonpA/s320/photo+(4).PNG" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvVZcFPNXCGnH2OMaXS4aT31SFqtcQpUeOM25KXWlQotJa5_eoCKYkSRclwOneHLLD8SVXw_uLZfcSdZke9li3IdoWWxtphzRksaDTGXPYNi03XsuoiWlJEcidkeHLS_WtnRcqM6xXEwp/s1600/photo.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvVZcFPNXCGnH2OMaXS4aT31SFqtcQpUeOM25KXWlQotJa5_eoCKYkSRclwOneHLLD8SVXw_uLZfcSdZke9li3IdoWWxtphzRksaDTGXPYNi03XsuoiWlJEcidkeHLS_WtnRcqM6xXEwp/s320/photo.PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidzYT26Lq5RBHf6A2nJvH1QABasd8p9j1QwWh5MOo19WhtzVQ5Kx2aZ07fcwwO9afQ4zaFk94pfzRxdu_ua072CqDsbstXfmd5N2ADSU1lNyVXFyGtaNV3142eNtZRuw97FFc_O0Ne1HrU/s1600/photo+(3).PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidzYT26Lq5RBHf6A2nJvH1QABasd8p9j1QwWh5MOo19WhtzVQ5Kx2aZ07fcwwO9afQ4zaFk94pfzRxdu_ua072CqDsbstXfmd5N2ADSU1lNyVXFyGtaNV3142eNtZRuw97FFc_O0Ne1HrU/s320/photo+(3).PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLLzpUgT1qXjrA65X72FYxQJqeunk2yWciwlnJVmURDkgsocObYIpXdQCGFGKkVWi8n2iApYQTJXELsAZbkcnboGUJhLl6Pqx8Zk3E4PN35m9T_MoWuGRDRJvLabEkzwrQCCIbR7Iw0y9/s1600/photo+(1).PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLLzpUgT1qXjrA65X72FYxQJqeunk2yWciwlnJVmURDkgsocObYIpXdQCGFGKkVWi8n2iApYQTJXELsAZbkcnboGUJhLl6Pqx8Zk3E4PN35m9T_MoWuGRDRJvLabEkzwrQCCIbR7Iw0y9/s320/photo+(1).PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJiB4UO1xZK3h0F2Qpu-aRrMnsnzAwLKEbFsdbPSLqm7SR1KUWjWDP6mG1asrOxZVvV1OhiZmTHBJAZW9jr35j_L77s6Gc4bXM6q8aFEZ0nSgF4s_-JIGyPA6YhB14jGAjgYsA94LuiWVM/s1600/photo+(2).PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJiB4UO1xZK3h0F2Qpu-aRrMnsnzAwLKEbFsdbPSLqm7SR1KUWjWDP6mG1asrOxZVvV1OhiZmTHBJAZW9jr35j_L77s6Gc4bXM6q8aFEZ0nSgF4s_-JIGyPA6YhB14jGAjgYsA94LuiWVM/s320/photo+(2).PNG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Based on those digital wireframes I have created the following: </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6JkGwMar6Fswl0hDstrK6KkQl4FM7vrCFBOYASR_izhyphenhyphens8k3U0vj_mia4b3XYIJSqjlanhrRVuflKBZprb4v0-WJwxEW_hQNwuIRu814DjZweW6ISyQbz1BGZ1PYW8ERpM3n8Z-zS0rM/s1600/Fltr-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy6JkGwMar6Fswl0hDstrK6KkQl4FM7vrCFBOYASR_izhyphenhyphens8k3U0vj_mia4b3XYIJSqjlanhrRVuflKBZprb4v0-WJwxEW_hQNwuIRu814DjZweW6ISyQbz1BGZ1PYW8ERpM3n8Z-zS0rM/s320/Fltr-01.jpg" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Logging into the app.</li>
<li>Setting up with FB or Twitter will allow them to immediately see how the app functions.</li>
<li>The tutorial will be able to work with their initial connections from FB or Twitter as an example. Based on my sample these are also the two most common networks.</li>
<li>Currently you swipe from screen to screen in this window for the examples of use and introducing function. I plan on replacing this with a more overlaid function inside the app itself. </li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKQhH68Cn7WTqdBPwMy05-VL_t1Am7AAmDScjbt_d8OHwU1fyB0TE4RX4-HZis71egOf8CQc50zA88X9pWUZeOhXt_AySNhwmqySJZIrCNaW4LeN5bqzYj3f8V1tn_Utldx0WxX-2aRSU/s1600/Fltr-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKQhH68Cn7WTqdBPwMy05-VL_t1Am7AAmDScjbt_d8OHwU1fyB0TE4RX4-HZis71egOf8CQc50zA88X9pWUZeOhXt_AySNhwmqySJZIrCNaW4LeN5bqzYj3f8V1tn_Utldx0WxX-2aRSU/s320/Fltr-03.jpg" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Setting up initial authorizations.</li>
<li>This is a pretty standard function across all applications. </li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6eWXXSDL8i-yS25wHHIirqQ9j4_n3wgt5DiZvaVDFUDM0WcfYHZAF0FRMDe3o3wUQHwhuVtfpiIOacCu3K5-Tul0i_HoyfvDwDdfD2ILpZGL8mUKFDLCk-tyBiSGcmEqhjB1dwvLWLk8u/s1600/Fltr-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6eWXXSDL8i-yS25wHHIirqQ9j4_n3wgt5DiZvaVDFUDM0WcfYHZAF0FRMDe3o3wUQHwhuVtfpiIOacCu3K5-Tul0i_HoyfvDwDdfD2ILpZGL8mUKFDLCk-tyBiSGcmEqhjB1dwvLWLk8u/s320/Fltr-02.jpg" width="282" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
</div>
<ul>
<li>Connecting additional accounts. These are organized by categories.</li>
<li>I've decided to take things that walk two lines like Instagram and include it in the Social category. Where something like Flickr I feel would fall into Professional. I feel like showing the accounts that they might not even have helps remind the user that there are other networks out there and they might see content shared from those other networks. </li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cN1XsvQ0vIHSLVhrpvQ7v6GVeCK2zP8vPr8CQ-I0UaA1iyaZnt8jzlLpv1bo0f3n4yvz-9A5oIdy-YyYtOdAZGcVmZxjw3nq8JHTh1rB8ZclB0OYJrhCOzQLF3YkFxvPegA4KtvFFcxa/s1600/Fltr-04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cN1XsvQ0vIHSLVhrpvQ7v6GVeCK2zP8vPr8CQ-I0UaA1iyaZnt8jzlLpv1bo0f3n4yvz-9A5oIdy-YyYtOdAZGcVmZxjw3nq8JHTh1rB8ZclB0OYJrhCOzQLF3YkFxvPegA4KtvFFcxa/s320/Fltr-04.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
</div>
<ul>
<li>App Home / Function: Hold down to reorder categories.</li>
<li>I think I might remove the functions at the bottom. Less visual clutter is extremely important to me for this project and I think I can nest the needed functions in the top menu. </li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfftGdkYIkZeB_ueYlKmi7QzhxLUjtWjGinw7Xso2ggTny6zgRlzItV1HsPvOxCB2DUyvDhSUJR1I1HVVCUs7Na1IfAVt8bh5plsGWmNfKNiOjjkUyu0UZIju82V_VqSyHSKpTgeuWXc1/s1600/Fltr-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfftGdkYIkZeB_ueYlKmi7QzhxLUjtWjGinw7Xso2ggTny6zgRlzItV1HsPvOxCB2DUyvDhSUJR1I1HVVCUs7Na1IfAVt8bh5plsGWmNfKNiOjjkUyu0UZIju82V_VqSyHSKpTgeuWXc1/s320/Fltr-05.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
</div>
<ul>
<li>Where the menu exists / reveal quick access to List & Feed. </li>
<li>The Menu allows for quick access to a hidden menu: Allowing you to edit the lists, add new lists, possibly another function i'm still working on, and closing the menu. </li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWTW8SkGs22qfmd33zw0Ns68pWtx4T9b2mhbBSc5lEfaCzNW0ho7wdmp7jjLY5UgkqEMhOvIEaERDdMUkiCg9uhLSc6yvYtxfv26wf2n-ysQ1d6JjZzeNSpvMTvZ1lJQHIOTJSzEvWPMp/s1600/Fltr-06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWTW8SkGs22qfmd33zw0Ns68pWtx4T9b2mhbBSc5lEfaCzNW0ho7wdmp7jjLY5UgkqEMhOvIEaERDdMUkiCg9uhLSc6yvYtxfv26wf2n-ysQ1d6JjZzeNSpvMTvZ1lJQHIOTJSzEvWPMp/s320/Fltr-06.jpg" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Inside the "Favorites" list, the people / connections that form that list are displayed. The number side by side with them is the amount of new "updates" or content that they have shared since you last (viewed them, contacted them, opened the app) - Still experimenting with that. </li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAkWQnXHpdbO0n67u5qCWlX3yMQj533xyPn13_ujh1g3kQCDYygascEVTkAwUEyVbz5lFQRicjpBrGq321W-BesENQgL0czNzmX6SdVIxRTPBWd60Rn7ZcP38nsFTQLt4Yjj8w3vySVfOk/s1600/Fltr-07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAkWQnXHpdbO0n67u5qCWlX3yMQj533xyPn13_ujh1g3kQCDYygascEVTkAwUEyVbz5lFQRicjpBrGq321W-BesENQgL0czNzmX6SdVIxRTPBWd60Rn7ZcP38nsFTQLt4Yjj8w3vySVfOk/s320/Fltr-07.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>On the other side of the coin from the Favorites List is the Feed.</li>
<li>Think of the List as a quick access to specific people who make up those categories where the feed is the collective "feed" of their combined content.</li>
<li>On the left side of this image is showing the quick access to list / feed through a drop down submenu.</li>
<li>On the feed itself user content is presented larger because of the selective nature of the feed itself being composed on only people close to you typically any information is intrinsically important to you and thus being worthy of larger screen real-estate. I was a little cautious of this idea at first but so far the outside feedback from P3 and HUGE have been in support of this idea and the psychological importance of those connections reflected in the amount of content allowed in the interface design. </li>
<li>To the left of the content is the photo of that user posting content, their name, in this example the content is from Facebook so it has adjusted the buttons to be "Likes" and "Shares". Based on the outside feedback the idea of tailoring those buttons and functionality to the originating social network is something that will help this stand out. If the content comes from Twitter for example the buttons will change to "Retweet" & "Favorite". The ability to reply and share is Facebook native, where it would be adjusted for the network. </li>
<li>This is not represented currently in these wires but each post will have an icon near it representing where that content originated. It will help explain the button functionality changes. It can also function as a quick link to the original post on FB or Twitter, etc. </li>
<li>On side note some people post to FB using Twitter. Instead of filling your feed with duplicate posts it would know to remove the duplicates immediately. </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLlADqf2LKVK_ph4ZdvXaz9Fa-yYx9ook2lshlMajXqCPniF09bHqMaiOG3KF8tt3eMmXOQN88RSi8DJU0krnoGVMZyZ-0BYR1itkfDLfRmwh53AYj1duKk_W2V11C22mYX5jPI9B_0np/s1600/Fltr-08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuLlADqf2LKVK_ph4ZdvXaz9Fa-yYx9ook2lshlMajXqCPniF09bHqMaiOG3KF8tt3eMmXOQN88RSi8DJU0krnoGVMZyZ-0BYR1itkfDLfRmwh53AYj1duKk_W2V11C22mYX5jPI9B_0np/s320/Fltr-08.jpg" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>This is the User Profile screen. This would function as a summery of your connections with this individual. How you're connected, what lists they're on within your app. It would be accessible through their user photo in the feed or in the list of users. </li>
<li>I'm planning on simplifying this profile screen further. I'm not sold on the Call functions for example. I know FB allows you to call people for free and I could run it through that. I just don't know if its worth cluttering up the screen further at this point. </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizuOsKS8PbVNx1bDcLfIRQJr7qhsTJJhYO41WEBp_trM49j6JAojDpPYFeFWGY8sk5tZeA7WykHplbGpaO00zSfkhzvIfokUefcz8nGLT9pQoYYx-w5A3ZXl3FdsDj9WqWqTO6vJwTpAKO/s1600/Fltr-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizuOsKS8PbVNx1bDcLfIRQJr7qhsTJJhYO41WEBp_trM49j6JAojDpPYFeFWGY8sk5tZeA7WykHplbGpaO00zSfkhzvIfokUefcz8nGLT9pQoYYx-w5A3ZXl3FdsDj9WqWqTO6vJwTpAKO/s320/Fltr-10.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>This is two examples of how the user could create a new list.</li>
<li>As you start to type the name it would populate with names pulled from all of your connected networks. It would be able to remove duplicates. </li>
<li>On the left version you tap the contacts that you want to add to populate the new list. </li>
<li>Ont he right version you tap the + sign to quickly add or remove people from the list. </li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: left;">
My next step is to start fleshing out the rest of my wireframes, getting them into scenario order, focusing on design, and actual content. Experiment with color, and how it can be controlled by the user. </div>
<br />
Inspiration / Resources:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS-F6YA8rDwvPn-BlceQYeAqBasbJ-bUpVPpyJFXfNqmZ1Dokbie0eXlzNE4qR8gm5kfLUvn6Y2GmM-nUBYwBXLVj2-wHrjMvioefJ5pXCWdG3Xr9qoO5TQfMAOZGaJeUYh_vHwfb4C8Qw/s1600/Screen+Shot+2013-03-06+at+10.34.48+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS-F6YA8rDwvPn-BlceQYeAqBasbJ-bUpVPpyJFXfNqmZ1Dokbie0eXlzNE4qR8gm5kfLUvn6Y2GmM-nUBYwBXLVj2-wHrjMvioefJ5pXCWdG3Xr9qoO5TQfMAOZGaJeUYh_vHwfb4C8Qw/s320/Screen+Shot+2013-03-06+at+10.34.48+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FMEImG6ABh8NBd73sHmqi5NCYcobAlEXJs8J7rHxvhc_eahpEHG5qbc-cTMhnDs6uBnikLM1EZI75NFzE0O347ayaAeoS5vTMWc9VGVUu4oXnbbnpvUP7xCA0bmdnMx-U_1JumLiXFUD/s1600/Screen+Shot+2013-03-06+at+9.41.28+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4FMEImG6ABh8NBd73sHmqi5NCYcobAlEXJs8J7rHxvhc_eahpEHG5qbc-cTMhnDs6uBnikLM1EZI75NFzE0O347ayaAeoS5vTMWc9VGVUu4oXnbbnpvUP7xCA0bmdnMx-U_1JumLiXFUD/s320/Screen+Shot+2013-03-06+at+9.41.28+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41l_9CZM6slHeRjopAw1nk-vyaDbGBcZIneKcNQPqZW2SUFxWx1EtMUbK-FM2fciwpIaCimQoHwCK3JCaSZ6AWBckQT6-Kwd11BJwL46C2bz09KmjPkfXNd-u2mA8uWkmaZSwYsZgJJkl/s1600/Screen+Shot+2013-03-06+at+10.36.12+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41l_9CZM6slHeRjopAw1nk-vyaDbGBcZIneKcNQPqZW2SUFxWx1EtMUbK-FM2fciwpIaCimQoHwCK3JCaSZ6AWBckQT6-Kwd11BJwL46C2bz09KmjPkfXNd-u2mA8uWkmaZSwYsZgJJkl/s320/Screen+Shot+2013-03-06+at+10.36.12+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPL1ZbhrtKioG5O6f7XQuOib1MJZwCje6SinCiI5eiUNwxX4AdKfIcppgqdznTbGqBPOgarL2WqxPBuHNQnSL-SD4R4QY-J1_XumMQoTMIpSPr3fwn54dq3IPE0EllwP1Jx8-vdz2DShR9/s1600/Screen+Shot+2013-03-06+at+10.36.04+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPL1ZbhrtKioG5O6f7XQuOib1MJZwCje6SinCiI5eiUNwxX4AdKfIcppgqdznTbGqBPOgarL2WqxPBuHNQnSL-SD4R4QY-J1_XumMQoTMIpSPr3fwn54dq3IPE0EllwP1Jx8-vdz2DShR9/s320/Screen+Shot+2013-03-06+at+10.36.04+AM.png" width="255" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPuskk85ihXIUPVYYkmiXUZVeG_tOa9Zg9vTEAiimSLbjg-pPDiAjjMt8KPk_kP5eXu42E2UlylgwT30Q-AA56VMq91rxjj9DdDNHpL7irhtL6gyxEXZL_nEgr0k_opxTE0gJBpJD8HFI/s1600/Screen+Shot+2013-03-06+at+10.36.49+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPuskk85ihXIUPVYYkmiXUZVeG_tOa9Zg9vTEAiimSLbjg-pPDiAjjMt8KPk_kP5eXu42E2UlylgwT30Q-AA56VMq91rxjj9DdDNHpL7irhtL6gyxEXZL_nEgr0k_opxTE0gJBpJD8HFI/s320/Screen+Shot+2013-03-06+at+10.36.49+AM.png" width="307" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-29654689563639677382013-03-03T21:36:00.003-06:002013-03-03T21:37:22.631-06:00Dieter Rams, Week 1<br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<a href="http://3.bp.blogspot.com/-ozBUVHfa9g8/UTQVewFGQ6I/AAAAAAAABc8/sKHc_khWdMI/s1600/braunappleipod_rect5402.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="330" src="http://3.bp.blogspot.com/-ozBUVHfa9g8/UTQVewFGQ6I/AAAAAAAABc8/sKHc_khWdMI/s400/braunappleipod_rect5402.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<a href="http://2.bp.blogspot.com/-eQRkEfRoNLw/UTQVfuHtL3I/AAAAAAAABdM/tgn-DiOw4xY/s1600/iphone_braun.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="320" src="http://2.bp.blogspot.com/-eQRkEfRoNLw/UTQVfuHtL3I/AAAAAAAABdM/tgn-DiOw4xY/s400/iphone_braun.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<a href="http://3.bp.blogspot.com/-u_AKiIWKhwk/UTQVfzmX2mI/AAAAAAAABdQ/q-cIURkd2bM/s1600/wthr-app.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="300" src="http://3.bp.blogspot.com/-u_AKiIWKhwk/UTQVfzmX2mI/AAAAAAAABdQ/q-cIURkd2bM/s400/wthr-app.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="282" mozallowfullscreen="" src="http://player.vimeo.com/video/60050813?byline=0&portrait=0" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" webkitallowfullscreen="" width="500"></iframe></div>
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">"The possibilities for innovation are not, by any means, exhausted. Technical development is always offering new opportunities for innovative design. But innovative design always develops in tandem with innovative technology, and can never be an end in itself."</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Dieter Rams was often talking about the future of design and how new structures for our behaviors will continuously be necessary as products and technology advances. Today we are recognizing through brands like Apple that his 10 principles are still influencing many design choices today. We decided to continue researching exactly how much modern day products really are being influenced by Rams, and we've decided to frame our concept around this. Here's a breakdown of how we (Ashley and I) imagine our concept working:</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Title: </i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">past / present</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Exhibition:</i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Side by side comparison of his work juxtaposed with a modern counterpart. When not active (by sensor) Rams quotes are displayed that foreshadow the overall concept of the exhibition. (how the best work is timeless, the future of design, etc.)</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">How:</i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Interactive walls</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Where:</i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Every wall holds a screen.</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Gestures:</i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">You can tap to cycle through the three views: original design, modern counterpart, and a side by side comparison. You can swipe and hold to FLIP the image.</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Exhibition layout:</i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">1st and 2nd floor are hold the same type of content.</span><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">The pathway of the exhibition is oldest to newest (a timeline of his works overtime).</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">iPhone/iPad App:</i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Allows you to interact and explore the functionality of the famous Dieter Rams designs and their modern counterparts on the screen.</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">iPhone/iPad Distro:</i><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">You can download the app on your own iPad/iPhone, or borrow an iPad from the exhibition.</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Branding exploration: </i><br />
<b style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;"><br /></b><span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;"></span>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px; text-align: center;">
<a href="http://1.bp.blogspot.com/-4VL7Q3M5yXI/UTQVfErL3eI/AAAAAAAABdA/SUuP05h8Uvs/s1600/Rams-01.jpg" imageanchor="1" style="color: #f36344; margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="http://1.bp.blogspot.com/-4VL7Q3M5yXI/UTQVfErL3eI/AAAAAAAABdA/SUuP05h8Uvs/s400/Rams-01.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<b style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;"><br /></b><span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;"></span><i style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Narrative</i><b style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">:</b><br />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">As an industrial designer, Raleigh St. Clair feels that products today are becoming too complicated and too dressed up with extra features. Raleigh has always been a Dieter Rams enthusiast and has preached about Rams' desire to tidy up the world and make it a better place. Raliegh decides to attend the Past / Present exhibition of Rams' work in order to get a closer look at how Rams has influenced certain products today and give Raleigh some peace of mind.</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">Raleigh enters the exhibition to an introductory screen that introduces the exhibit and advises him to download the exhibit app on his iPhone (or use on of the space's iPads).</span><br />
<br style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;" />
<span style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 20px;">As he enters the first room of the exhibit, he soon recognizes that the exhibit is set up in a linear format of earlier works to later works. As he approaches the first screen, a quote slowly fades to a front view of one of Rams' earliest products. Raleigh taps the screen to see this product in comparison to a product today that has been influenced/inspired by the past product. Raleigh takes out his iPhone to interact with the product and get a better feel of how Rams approached the functionality of his products. After he reads more about both products on the wall screen, he continues to the next product in the exhibit.</span>Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-28579064949555076862013-02-28T00:03:00.000-06:002013-05-06T00:03:50.312-05:00PJ 1 Wayfinding Final<br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRdeTuQV645uhWMXdBrZX1P0Qgb3ZJGBqCLkTocnqztnYz4G5ORAmLw87vet2L3NFQQp-4k6-QY5moqS9D0qHzRs6vAyBemrKb2ZJAGxrUceHazv3z3Gw0F5445TdzirYbutLNL1FstBG/s1600/Screen+Shot+2013-02-24+at+6.43.36+PM.png" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmRdeTuQV645uhWMXdBrZX1P0Qgb3ZJGBqCLkTocnqztnYz4G5ORAmLw87vet2L3NFQQp-4k6-QY5moqS9D0qHzRs6vAyBemrKb2ZJAGxrUceHazv3z3Gw0F5445TdzirYbutLNL1FstBG/s320/Screen+Shot+2013-02-24+at+6.43.36+PM.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="320" /></a></div>
<br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoJTAbetJT41e0jxTGkUmHNSfiThFUsD03OL6dWzrXAzjQmr2xsMgQdBfylR26Zw5tM_pEtgewN4T5ZskmTaw5MEK7Dd6JZUJXF6TDc7h2HT0rFB-G2nvRLktU4dksErXJ6AtnI3O7n-kb/s1600/Screen+Shot+2013-02-24+at+6.44.04+PM.png" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoJTAbetJT41e0jxTGkUmHNSfiThFUsD03OL6dWzrXAzjQmr2xsMgQdBfylR26Zw5tM_pEtgewN4T5ZskmTaw5MEK7Dd6JZUJXF6TDc7h2HT0rFB-G2nvRLktU4dksErXJ6AtnI3O7n-kb/s320/Screen+Shot+2013-02-24+at+6.44.04+PM.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="320" /></a></div>
<br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2DuSpMYbglHeF9R6waWivctTBKM7Jiwv17ih9NPb9sl1GZI6UliwiNvwNO-8GA0GI3I1VY1mYv8kdkRQzU_VnzmR1IdbB5sbiFS8l8qyYKvJDTlT87XSkW1tAWkbL99n9Hi_EBn6IRyMs/s1600/Screen+Shot+2013-02-24+at+6.44.22+PM.png" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2DuSpMYbglHeF9R6waWivctTBKM7Jiwv17ih9NPb9sl1GZI6UliwiNvwNO-8GA0GI3I1VY1mYv8kdkRQzU_VnzmR1IdbB5sbiFS8l8qyYKvJDTlT87XSkW1tAWkbL99n9Hi_EBn6IRyMs/s320/Screen+Shot+2013-02-24+at+6.44.22+PM.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="320" /></a></div>
<br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwdqXtM6zTBv_U8b6w8_B48tl82uNO5UJnTRWIxFnxz-Vx3pfqDC8sY7w6v71-kp-vP-_kZoBtHcSJpgEyyLLPctdp89b37SeXqAFknIY0fOGtlUYYgpsVq-3w1BR5a42zDGFeZ9EsDiP/s1600/Screen+Shot+2013-02-24+at+6.47.45+PM.png" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwdqXtM6zTBv_U8b6w8_B48tl82uNO5UJnTRWIxFnxz-Vx3pfqDC8sY7w6v71-kp-vP-_kZoBtHcSJpgEyyLLPctdp89b37SeXqAFknIY0fOGtlUYYgpsVq-3w1BR5a42zDGFeZ9EsDiP/s320/Screen+Shot+2013-02-24+at+6.47.45+PM.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="320" /></a></div>
<br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
</div>
<br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUC4cuhilsDyNak0Jqx_7JvcqC4g3SdCQm3W3JlhCokwR6N9FK-EFfHf4GPNJHNOHGIgABRwgpFpQiR60jMd4fMXO3x8PpjHQQV9kL2YSDAbVuTYzyezEDtIuWg-BQrbhDaqID934mwd9/s1600/Screen+Shot+2013-02-24+at+6.48.29+PM.png" imageanchor="1" style="color: #990000; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUC4cuhilsDyNak0Jqx_7JvcqC4g3SdCQm3W3JlhCokwR6N9FK-EFfHf4GPNJHNOHGIgABRwgpFpQiR60jMd4fMXO3x8PpjHQQV9kL2YSDAbVuTYzyezEDtIuWg-BQrbhDaqID934mwd9/s320/Screen+Shot+2013-02-24+at+6.48.29+PM.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="320" /></a></div>
<span id="goog_72404197" style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;"></span><span id="goog_72404198" style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;"></span><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><div style="background-color: white; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 12px auto 6px;">
<div style="text-align: center;">
<div style="margin: 12px auto 6px;">
<a href="http://www.scribd.com/doc/127108067/SX-Presentation-PJ1" style="color: #990000; text-decoration: none;" title=""></a><a href="http://www.scribd.com/elibrumbaugh" style="color: #990000; text-decoration: none;" title=""></a></div>
<iframe class="scribd_iframe_embed" data-aspect-ratio="1.54156171284635" data-auto-height="false" frameborder="0" height="300" id="doc_23858" scrolling="no" src="http://www.scribd.com/embeds/127108067/content?start_page=1&view_mode=slideshow&access_key=key-g2be0f2ss7ib0ymneuy" width="400"></iframe></div>
</div>
<div style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<br style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;" /><span style="background-color: white; color: #666666; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 18px;">Our wayfinding system focuses on KCAI’s “energetic”, “active” and “artistic” spirit through dynamically shaped signage, based on a triangular-shaped grid system. This system gives each sign an interesting, organized structure, but allows for each sign to be individual and unique from the rest. The signs have an overlapping, oragami-like structure that alludes to the unique students evolving and transforming through their school years here. Integrated into the signs are random, transparent pieces that are made up of many small triangles. This suggests at them being a work in progress, as both the students and their art are always growing.</span>Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-87626472017337390212013-02-27T10:10:00.003-06:002013-04-24T00:45:29.443-05:00Degree Project - Week 5<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_iFVZP505A_MhIT7SJE3OpWzE2ralQb0M5vx-fIHM-q9KqIFn6xFH4915yw3fhS5XeYOb4zF8wNuqifI9OrYgF6nDJJK_TN_uY6hHtxOLlJiCnzG2QO2qUlI7wzUsJ2uc5sxbvxsH7RL/s1600/Blog_Headers-03.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_iFVZP505A_MhIT7SJE3OpWzE2ralQb0M5vx-fIHM-q9KqIFn6xFH4915yw3fhS5XeYOb4zF8wNuqifI9OrYgF6nDJJK_TN_uY6hHtxOLlJiCnzG2QO2qUlI7wzUsJ2uc5sxbvxsH7RL/s320/Blog_Headers-03.jpg" /></a><br />
<br />
<b>Survey Results (Click to view analytics)</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.dropbox.com/s/syqxa3znutaa20o/Degree%20Project%20-%20Social%20Media%20Usage%201st%20Survey.pdf" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeZMBA0AAbzTvDO1hXj4VimKU9MuiUPcihFajOBrE4sZfXp84L64Q9aEF-Ikc9_QZy7uTttnleBdT4NNcB5YMJZEVlsm4zM5xW8yipq1P-X1KmkP3K08s1UODMQvm3jg6Nsv_9Tg1J079/s320/Blog_Headers-05.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.dropbox.com/s/l0j9dxe667ndzp2/Degree%20Project%20-%20Social%20Media%20Usage%202nd%20Survey.pdf" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPmUxoElP1QwBBiF0qes7sSr1Bluyi_iSfNuCwx7l9p0_jPNTRu2KIX3Rn5Mhf1wtWuP6vYjkT7Sz2f2J8LNtQm_1sKwxmcIUuF7EPt8oPyGOOuvVkU8gMXJLpvLcs3v0JIZL4472ZwfrV/s320/Blog_Headers-06.jpg" width="320" /></a></div>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<br />
<br />
<b><br /></b>
<b>Updated User Scenarios:</b><br />
<br />
<b><br /></b>
<b>Wireframed Scenarios:</b><br />
(This was done using the <a href="http://new.livestream.com/accounts/646193/events/1914013">Paper App</a> and my iPad. I have sense ordered a <a href="http://the-maglus.myshopify.com/">stylus</a> to prototype much faster!)<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibIWm3K2H9nG8itUXFncmkLWCEtVG25NMLi3mj8x-NW46EEFKPKOxJ0AkR6bx7TKfSXVgwbx4_tkjR6Cc_DttIi5YeTQbeIocLZ7rhRJtId4EG4AOUorJfpTOk1H3U_7RQuvH822WXMFjA/s1600/photo.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibIWm3K2H9nG8itUXFncmkLWCEtVG25NMLi3mj8x-NW46EEFKPKOxJ0AkR6bx7TKfSXVgwbx4_tkjR6Cc_DttIi5YeTQbeIocLZ7rhRJtId4EG4AOUorJfpTOk1H3U_7RQuvH822WXMFjA/s320/photo.jpg" /></a><br />
<b>(Scenario 1) Introducing</b><br />
<ul>
<li>Introducing the Application / On boarding - Welcome/Tutorial Screens. </li>
<li>Signing up / Logging into the App.</li>
</ul>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRSNEEtgxySC5uBK4PZ56svW_bt4XlpGBrDZIBkAk2B34nNCMdQdrngzKpUyKwV5YiodnjAmP0B8yQFLlwuv7Qv0AaRNQJWr8pfjqYsdZhW5THnIeSxOfs1UXdmQQrDZAb7pdscp055UT/s1600/photo_1.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRSNEEtgxySC5uBK4PZ56svW_bt4XlpGBrDZIBkAk2B34nNCMdQdrngzKpUyKwV5YiodnjAmP0B8yQFLlwuv7Qv0AaRNQJWr8pfjqYsdZhW5THnIeSxOfs1UXdmQQrDZAb7pdscp055UT/s320/photo_1.jpg" /></a><br />
<b>(Scenario 2) Implementing </b><br />
<ul>
<li>Connecting your networks / Looking over your profile.</li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8oOIYAosUPFpqZn4SScBEkPqoB5QlOLoeLc-Zv9086uKphXazlkQoJHIXGNGlnqMe3aAvJ2jrItKmaE32JtflwqK4sbvZk0-CvP3rz6iUySVUHMu28Yo35uawp55YC_7dk4ZuiB-x_b98/s1600/photo.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8oOIYAosUPFpqZn4SScBEkPqoB5QlOLoeLc-Zv9086uKphXazlkQoJHIXGNGlnqMe3aAvJ2jrItKmaE32JtflwqK4sbvZk0-CvP3rz6iUySVUHMu28Yo35uawp55YC_7dk4ZuiB-x_b98/s320/photo.jpg" /></a><br />
<b>(Scenario 3) Tailoring</b><br />
<ul>
<li>Tailoring / Editing your algorithm established connections. User control. </li>
<li>For example the app has collected the networks of all of your individual family members.</li>
<li>They can then select only the members of their family they want to closely follow. </li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxOz22wFldpcbW9s8plPTjxCxHuO-YhPolHk60L7IxjMqAHsY14oMW-EiQ0oh3sRhSFWV9BUVfSEPiwfN0hBtdv3Qk9IPyXSFPXs2tM9j12cogrl4Z7KyeNMDgax58mCARgM2epv2aKEUD/s1600/photo_2.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxOz22wFldpcbW9s8plPTjxCxHuO-YhPolHk60L7IxjMqAHsY14oMW-EiQ0oh3sRhSFWV9BUVfSEPiwfN0hBtdv3Qk9IPyXSFPXs2tM9j12cogrl4Z7KyeNMDgax58mCARgM2epv2aKEUD/s320/photo_2.jpg" /></a><br />
<b>(Scenario 4) Benefiting / Contributing</b><br />
<ul>
<li>Viewing the content of those now tailored master feed of "<b>All"</b> of their connections (or just a category like "<b>Family", or "Favorites"</b>.</li>
<li>Experimenting with the different ways content in the feed can be denoted as what source its from: ie. Facebook, Twitter, Tumblr, Linkedin, etc. I'm planning on small icons currently.</li>
<li>Replying to that content in a quick, and familiar way. Experimenting with popovers, and as shown below slide to reveal menus in a horizontal and vertical way. </li>
</ul>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrLJQM5BSy8Z9030jUT_zOUVcpQj_X0LhK6t1lfDesUj-JoNaHbYMf_N93am4gcKsjSufuduk1k48gH21qp5uPfhw1mLD4RNPzsPbDg3cKqhyphenhyphenKvtdKHs_h7qZuxX3F-XAX3HSOpAx8f3o/s1600/photo_3.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrLJQM5BSy8Z9030jUT_zOUVcpQj_X0LhK6t1lfDesUj-JoNaHbYMf_N93am4gcKsjSufuduk1k48gH21qp5uPfhw1mLD4RNPzsPbDg3cKqhyphenhyphenKvtdKHs_h7qZuxX3F-XAX3HSOpAx8f3o/s320/photo_3.jpg" /></a><br />
Reply V.2<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXNKk3MNx-EpCAA0zo1zCZOOwy1ZU2SftxTAFBBDF-rBfKXl_iRC3ON4nj3YoTY_ZAo6hLIz1597nvjg7sssU9pv9sMLRvXvCArlwojJAj4V0wxrAkyjgBbD_0tKE8RNhhjC-cu8IkR3K/s1600/photo_4.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXNKk3MNx-EpCAA0zo1zCZOOwy1ZU2SftxTAFBBDF-rBfKXl_iRC3ON4nj3YoTY_ZAo6hLIz1597nvjg7sssU9pv9sMLRvXvCArlwojJAj4V0wxrAkyjgBbD_0tKE8RNhhjC-cu8IkR3K/s320/photo_4.jpg" /></a><br />
Reply V.2<br />
<br />
<b>App Studies</b> of Brewster, and Supply. Both utilize a series of unique but sensible hidden or collapsable menu features. Something I've been struggling with integrating into my own designs.<br />
<br />
<b>Svpply</b> is a great source of inspiration regarding its flat design style, subtle use of color and clear settings and roll over navigation interface.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8SR_4iKOrJBA__aFiLv6Yp5G6z4oaVNdI7mvk6djcm5hLYxpaigQxFhJBPcNwpZXkpfkoI2Afh9HO84PMxQYw5mYo6t7j1BnYg4XK-ezEyALli3h9HoMkQFk6qgW4_UuRkwjwJlXclgit/s1600/Blog_Headers-04.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8SR_4iKOrJBA__aFiLv6Yp5G6z4oaVNdI7mvk6djcm5hLYxpaigQxFhJBPcNwpZXkpfkoI2Afh9HO84PMxQYw5mYo6t7j1BnYg4XK-ezEyALli3h9HoMkQFk6qgW4_UuRkwjwJlXclgit/s1600/Blog_Headers-04.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8SR_4iKOrJBA__aFiLv6Yp5G6z4oaVNdI7mvk6djcm5hLYxpaigQxFhJBPcNwpZXkpfkoI2Afh9HO84PMxQYw5mYo6t7j1BnYg4XK-ezEyALli3h9HoMkQFk6qgW4_UuRkwjwJlXclgit/s640/Blog_Headers-04.jpg" width="324" /></a><b>Brewster</b> is a tailorable contact app which hits close to home regarding my app concept but fails to deliver content outside of contact information and links. Its ability to manage contacts and supply data from existing networks was fascinating and I believe that I see where I can improve on its concept with my own.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfRylUl9F176eLLDQ84EJ-YrVgvNZn9dKauNS45uOaKfKuUmhDrIGbRVIhvCZWcQuVgNcB-Z4A5YIzELcmrQ8XBRkFJzGBcBBgZSOuVvpAmdeGJSgYMPYvncHDHsyUfShcJw0o0iqZenFB/s1600/photo+(1).JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfRylUl9F176eLLDQ84EJ-YrVgvNZn9dKauNS45uOaKfKuUmhDrIGbRVIhvCZWcQuVgNcB-Z4A5YIzELcmrQ8XBRkFJzGBcBBgZSOuVvpAmdeGJSgYMPYvncHDHsyUfShcJw0o0iqZenFB/s400/photo+(1).JPG" width="295" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxOzL7zDFluRqlp_lXUb5dVoBkJtl0TE8caImTX5_ImRjx44Myum5VJE3OodkrBnNOwV7xLr2yU-R8vTbizHx0esyCKdFe63Z7NOyQP2ulcpW2vmxxUcKRfriVwa67XVm5Vyf2wapyyHIT/s1600/photo+(2).JPG" /></span><span style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="text-align: start;"><b>Forthcoming Wireframe Style (Functionality Example):</b></span></span><span style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhAw1HuwOqFrw8jVkGJOni9s4jsl-DF02ejFio_-3_g-u_O0AauGer5OmzHPUYgirVUROY8Y2XGuLAY5zgGrguq9onikesNn_X_OHPbcxRYlYtjL0hFEVFzWt74VTK2JglHo4K1dfhbOq/s1600/Blog_Headers-07.jpg" imageanchor="1" style="clear: left; color: black; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhAw1HuwOqFrw8jVkGJOni9s4jsl-DF02ejFio_-3_g-u_O0AauGer5OmzHPUYgirVUROY8Y2XGuLAY5zgGrguq9onikesNn_X_OHPbcxRYlYtjL0hFEVFzWt74VTK2JglHo4K1dfhbOq/s400/Blog_Headers-07.jpg" width="400" /></a></span><b style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">Design Inspiration:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_LEZl00yjaCZwHaYtUG4JbqI3PkKizRBatrBhMiWp8HI8eRBCjqUDq2B6bWXG1P8795vM_sQnqskfcr8uK9tbJNHXGXE7ZIhtdmLtZGsJ1z45dqrJ5oseuqEJ7OexjvtzSdyyEeyx29YJ/s1600/Screen+Shot+2013-02-27+at+10.16.26+AM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_LEZl00yjaCZwHaYtUG4JbqI3PkKizRBatrBhMiWp8HI8eRBCjqUDq2B6bWXG1P8795vM_sQnqskfcr8uK9tbJNHXGXE7ZIhtdmLtZGsJ1z45dqrJ5oseuqEJ7OexjvtzSdyyEeyx29YJ/s320/Screen+Shot+2013-02-27+at+10.16.26+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg62bFapZa3RnAdUo-OfXMM7DdKa-jWb178BSvFCDEXt_GkTvrigW0WB0_fQCmysPPh5Fvlklg7cZDG_lzVvjgcBWOBTJ5KySTvAz4pxWpcoryadskiv07VQ-2nNuAtrFNiLS93oSZnxccT/s1600/Screen+Shot+2013-02-27+at+10.16.42+AM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg62bFapZa3RnAdUo-OfXMM7DdKa-jWb178BSvFCDEXt_GkTvrigW0WB0_fQCmysPPh5Fvlklg7cZDG_lzVvjgcBWOBTJ5KySTvAz4pxWpcoryadskiv07VQ-2nNuAtrFNiLS93oSZnxccT/s320/Screen+Shot+2013-02-27+at+10.16.42+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv5R5GT6KKQ2Y6zQr_5VEG0Ay1CACbb0Wdd3I2Gm14osfa5DT5xCk9xd1EDZ5TFOEU3mPtcnu13YFLv8H-BWMm91XKGq2wQ_tNnatYy0_Sa2SFhSpH8Lz27Xpb8V1qHlW7dsNM2W4pALFw/s1600/Screen+Shot+2013-02-27+at+10.16.34+AM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv5R5GT6KKQ2Y6zQr_5VEG0Ay1CACbb0Wdd3I2Gm14osfa5DT5xCk9xd1EDZ5TFOEU3mPtcnu13YFLv8H-BWMm91XKGq2wQ_tNnatYy0_Sa2SFhSpH8Lz27Xpb8V1qHlW7dsNM2W4pALFw/s320/Screen+Shot+2013-02-27+at+10.16.34+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAQtpwCiHOuxubmDjK4j8PUUXMM6qhyphenhyphenPqC41IBNEuL7dvABj1tN4n8wOSaZkQt7xI145zdLJt0gCMwk0G9FioZXcBiFY3S9M_q8KPqOHsRmVpaqZUULHBaudsxEhur5VGg-nHq1eYOOTO/s1600/Screen+Shot+2013-02-27+at+10.16.55+AM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAQtpwCiHOuxubmDjK4j8PUUXMM6qhyphenhyphenPqC41IBNEuL7dvABj1tN4n8wOSaZkQt7xI145zdLJt0gCMwk0G9FioZXcBiFY3S9M_q8KPqOHsRmVpaqZUULHBaudsxEhur5VGg-nHq1eYOOTO/s320/Screen+Shot+2013-02-27+at+10.16.55+AM.png" width="320" /></a></div>
<b style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></b>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com1tag:blogger.com,1999:blog-2456814647402775966.post-35807492679896148242013-02-18T08:04:00.000-06:002013-02-20T10:19:30.297-06:00Degree Project - Week 4<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKXNmZPvwGNX9J0-Rl0xajue-j4oyK6iX6Cnnae0h5YhT5c68LxqUS9D92G212uxnVOfoqaJNpNbt8AYZS0j4MTtQJGpKSL_F6PRL0S1pp1XCkkUBBnoijPzOXjtx0G31TixGPWxDv_od2/s1600/Untitled-1-02.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKXNmZPvwGNX9J0-Rl0xajue-j4oyK6iX6Cnnae0h5YhT5c68LxqUS9D92G212uxnVOfoqaJNpNbt8AYZS0j4MTtQJGpKSL_F6PRL0S1pp1XCkkUBBnoijPzOXjtx0G31TixGPWxDv_od2/s320/Untitled-1-02.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b>Inspiration (social media app on boarding / built in user app introductory tutorials)</b></span><b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">:</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz3Ma9ahib8AGT1lj4vO5mq3gqqYjFoJg2ZQcVM3Hq0cTEXtHm6jdqOn3JDr6xIZR7_D8_thCKvROpWpnDjhXPKrjgMSzU2DQ0gvTCNgoiT0p-wDimN5_yO0ITtT_1RoRt-byP13OwYmME/s1600/Screen+Shot+2013-02-20+at+9.53.35+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz3Ma9ahib8AGT1lj4vO5mq3gqqYjFoJg2ZQcVM3Hq0cTEXtHm6jdqOn3JDr6xIZR7_D8_thCKvROpWpnDjhXPKrjgMSzU2DQ0gvTCNgoiT0p-wDimN5_yO0ITtT_1RoRt-byP13OwYmME/s320/Screen+Shot+2013-02-20+at+9.53.35+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibEX7wPOoFkw8wh9PBFUHq3N5lsGJ5H7-kjofcMDdQ6k6ChyCrjHU3z6P288z2EXHn3SOayKQdICxCGt46n3n46hlyrLYCSZA0IhpGh2Zg5OFh2XPb22MMX9b6SDyFAUbq4LI8AiVFkEdW/s1600/Screen+Shot+2013-02-20+at+9.53.22+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibEX7wPOoFkw8wh9PBFUHq3N5lsGJ5H7-kjofcMDdQ6k6ChyCrjHU3z6P288z2EXHn3SOayKQdICxCGt46n3n46hlyrLYCSZA0IhpGh2Zg5OFh2XPb22MMX9b6SDyFAUbq4LI8AiVFkEdW/s320/Screen+Shot+2013-02-20+at+9.53.22+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy2EAy4LSL-OWHXDogZnXRGDD7z84xpTc-TAvspwH5rBEyQFyHSJZCDyLW6mTWGhuUyVY90XtR8PVjIeQvt1UkpA5dP16MC8hLygzseNL4q64T2b0DpVk9Q_ljju-z_Yf3WzmB0YrPx9pS/s1600/Screen+Shot+2013-02-20+at+9.53.13+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy2EAy4LSL-OWHXDogZnXRGDD7z84xpTc-TAvspwH5rBEyQFyHSJZCDyLW6mTWGhuUyVY90XtR8PVjIeQvt1UkpA5dP16MC8hLygzseNL4q64T2b0DpVk9Q_ljju-z_Yf3WzmB0YrPx9pS/s320/Screen+Shot+2013-02-20+at+9.53.13+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZIt91uMsrK22yrlLt_C9gl6idEgXnfUrcABETgEtcIZqWNy4wEF8u25Ol1-oXJjuU-CG2j-hGwndOZ09-pH7SsP_RtUVxkzbv25Yk2yQLDQoc-tBUdBLv12kdccMuQNbB3YR5Ke-L-6I/s1600/Screen+Shot+2013-02-20+at+10.00.39+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZIt91uMsrK22yrlLt_C9gl6idEgXnfUrcABETgEtcIZqWNy4wEF8u25Ol1-oXJjuU-CG2j-hGwndOZ09-pH7SsP_RtUVxkzbv25Yk2yQLDQoc-tBUdBLv12kdccMuQNbB3YR5Ke-L-6I/s320/Screen+Shot+2013-02-20+at+10.00.39+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">Flat design inspiration:</span></b><br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqwo_IlPJGtR-anHPmfV3x7IP4LEkze1cs_aTgn5WvuqNPEnhnqMxKsnTe5gcKwevhdmt7zPpGaKuaZjm683y-BNiRPRdxB8VuCLdnb5zLWcZYXeClTBFT5G95VxzD8ZYdCYI4V9gJYWs/s1600/Screen+Shot+2013-02-20+at+9.57.53+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqwo_IlPJGtR-anHPmfV3x7IP4LEkze1cs_aTgn5WvuqNPEnhnqMxKsnTe5gcKwevhdmt7zPpGaKuaZjm683y-BNiRPRdxB8VuCLdnb5zLWcZYXeClTBFT5G95VxzD8ZYdCYI4V9gJYWs/s320/Screen+Shot+2013-02-20+at+9.57.53+AM.png" width="320" /></a></div>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><br /></span></b><b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><a href="https://docs.google.com/forms/d/1R7tVHhzxG168K-5SssZcdR9rNNfXVa4s6ILhtmJOofs/viewform">New Survey</a> (To help map my scenarios/behaviors):</span></b><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><a href="http://elibrumbaugh.dropmark.com/101952">Dropmark</a></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">Questions for myself moving forward:</span></b><br />
<ul>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Should I also focus on those not as frequently social media users? This is a tool really for those people who have multiple networks like myself. I think the "Spark" category might be it. </span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">What are the psychological effects of social media. ie confidence building with "likes"?</span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">How is my app going to effect that? Can it be plugged into the equation?</span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">If this app is for the "Spark" kind of user it must allow for gathering of social media statistics for that confidence building moment. </span></li>
<li><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">How can my app foster "trust" and "Control" - See below. </span></li>
</ul>
<br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">Narrowing the scope: </span></b><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Focus on <b>spark users</b>. They are the average age of my sample (24), have an average of 1,000 connections to manage, belong to more networks, and is constantly online through their iPhone, iPad, or MacBook Pro. They contribute some of their self-confidence to social media accolades. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61Kso-AKlk2davALZYsdHjzIBrKJl6XBRjzIOv9xfHFM8nMEF8cFeV2EbKSMN9hAr5i9fWrMaTwOXEKM_XQP7_uWKYeYCP7krsAO26Klht-c1fEW676hgorXgFbPky_qkfX35gpnuXra7/s1600/Untitled-1-01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61Kso-AKlk2davALZYsdHjzIBrKJl6XBRjzIOv9xfHFM8nMEF8cFeV2EbKSMN9hAr5i9fWrMaTwOXEKM_XQP7_uWKYeYCP7krsAO26Klht-c1fEW676hgorXgFbPky_qkfX35gpnuXra7/s640/Untitled-1-01.jpg" width="372" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b>Additional</b></span><b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"> Research: (Primarily for reference and research contribution) </span></b></div>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></b>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Two things social media users demand: (Control & Trust)</span></b><br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Something my app focuses primarily on providing. </span></b><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Helvetica, sans-serif; line-height: 16px; white-space: nowrap;"><span style="font-size: x-small;">Reference: Aimia-Social-Media-White-Paper-6-types-of-social-media-users</span></span><br />
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></b>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Control</b>: "<u><i>Consumer desire for control over their personal information correlates to the amount of information they’re willing to share</i></u>, the number of connections they make, the brands with which they engage and the reputation they build online. <u><i>Control equals exposure: The more control a consumer perceives over their social media activity, the more likely they are to engage with a wider variety of social media networks</i></u>."</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Trust:</b> <u><i>Social media activity is driven by the level of trust consumers have in their ability to navigate social media</i></u>, how much they trust their friends and networks with their personal information, and how much trust they </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;">place in the social networks themselves. The degree of trust correlates with consumers’ willingness to share information about themselves through social media. <i><u>Trust equals participation: The more trust a consumer places in social media networks and their connections, the more likely they are to actively participate</u>.</i>"</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-small;"><b>Fantastic presentation about social media and where its heading: </b></span><br />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" mozallowfullscreen="" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/10672778" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" webkitallowfullscreen="" width="427"> </iframe> </div>
<div style="margin-bottom: 5px;">
<strong> <a href="http://www.slideshare.net/iBianca/comscore-its-a-social-world-top-10-needtoknows-about-social-networking-and-where-its-headed" target="_blank" title="comScore - It's a social world: Top 10 need-to-knows about social networking and where it's headed">comScore - It's a social world: Top 10 need-to-knows about social networking and where it's headed</a> </strong> from <strong><a href="http://www.slideshare.net/iBianca" target="_blank">Bianca van de Ketterij</a></strong></div>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></b>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">Research regarding my sample age and choice of a mobile focus:</span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp0KosZxBPGuNQKOGh7CrzfOke3PZVyRM-HzaiXmD5ahJGTmIEV7RNNsbKzISw7afVfQ3aTb80vOhcQ0eUjbA7jONkJW5LDOUOsTb0OQ9gw-5ubcHB1nE5FitsGIPAJALRZj-zw3EY0EVe/s1600/Screen+Shot+2013-02-20+at+8.53.51+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp0KosZxBPGuNQKOGh7CrzfOke3PZVyRM-HzaiXmD5ahJGTmIEV7RNNsbKzISw7afVfQ3aTb80vOhcQ0eUjbA7jONkJW5LDOUOsTb0OQ9gw-5ubcHB1nE5FitsGIPAJALRZj-zw3EY0EVe/s320/Screen+Shot+2013-02-20+at+8.53.51+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhUqk8My6_mYUruVzPJ0azKMUvWMY9AAqPQpppROT4_VvoPhyphenhyphenKg8DsZwy_YhCWt851DLcWqsEIycXKIq9LfFC6myp1k7wBs5X1sQm2beqOA2QC38yFFr1m1rXM0gErvfpLMpIwwWNp58l/s1600/Screen+Shot+2013-02-20+at+8.58.43+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhUqk8My6_mYUruVzPJ0azKMUvWMY9AAqPQpppROT4_VvoPhyphenhyphenKg8DsZwy_YhCWt851DLcWqsEIycXKIq9LfFC6myp1k7wBs5X1sQm2beqOA2QC38yFFr1m1rXM0gErvfpLMpIwwWNp58l/s320/Screen+Shot+2013-02-20+at+8.58.43+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihuOp6Rw0FtCyLFOOEkPn1vw90BMKTEWTpQ4GPyvbnoLCEsSejoFKQEf6zIor9KATbLYG9s3IynWKGOWCt_pu-7jWAOpRk6vrrVAH1xuewTXixdwIKXYpKuPBTyXaUBsvFrlsrwCELoytJ/s1600/Screen+Shot+2013-02-20+at+8.56.59+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihuOp6Rw0FtCyLFOOEkPn1vw90BMKTEWTpQ4GPyvbnoLCEsSejoFKQEf6zIor9KATbLYG9s3IynWKGOWCt_pu-7jWAOpRk6vrrVAH1xuewTXixdwIKXYpKuPBTyXaUBsvFrlsrwCELoytJ/s320/Screen+Shot+2013-02-20+at+8.56.59+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnaiE2ZV3krvIfhB-reOOp1GKfM0UfyAr8OA10iw5NwRjhkR3xwqHI0jstCeJDJqWlLfPNQ5bYMn8NY8rqyn2KVuEmyhn7DQC3lPGC0K0FRVLjIIidacC0Ut-QATbzK51LEtB7etlqPFtB/s1600/Screen+Shot+2013-02-20+at+9.01.54+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnaiE2ZV3krvIfhB-reOOp1GKfM0UfyAr8OA10iw5NwRjhkR3xwqHI0jstCeJDJqWlLfPNQ5bYMn8NY8rqyn2KVuEmyhn7DQC3lPGC0K0FRVLjIIidacC0Ut-QATbzK51LEtB7etlqPFtB/s320/Screen+Shot+2013-02-20+at+9.01.54+AM.png" width="278" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGe9fbLhN_5KdH4vs4o6jDpPrHWY8YtxEgAvUpg_vgVauX5S0LMa0xNRhqIVhZ1yBMumy4-jw94Z-wIlC0lA7FOPeugLOZc4TLM_HpjLPxymexUICCrc9szAEPx3R9317syEP-5TvrrnH8/s1600/Screen+Shot+2013-02-20+at+9.02.19+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGe9fbLhN_5KdH4vs4o6jDpPrHWY8YtxEgAvUpg_vgVauX5S0LMa0xNRhqIVhZ1yBMumy4-jw94Z-wIlC0lA7FOPeugLOZc4TLM_HpjLPxymexUICCrc9szAEPx3R9317syEP-5TvrrnH8/s320/Screen+Shot+2013-02-20+at+9.02.19+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhvtr4n8yX5yedzt7MdcMOwzkONxJwlhYoevAoltEwoGbmkiEAkfHeEdRjLurqqfOizMx2xBe58mMaYiOYnO__YCacX4M6jKXB9Pu9rVnD_QMeG36x22gSdiAFiVbnQ1kHFhcjpTtFxcxz/s1600/Screen+Shot+2013-02-20+at+9.03.51+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhvtr4n8yX5yedzt7MdcMOwzkONxJwlhYoevAoltEwoGbmkiEAkfHeEdRjLurqqfOizMx2xBe58mMaYiOYnO__YCacX4M6jKXB9Pu9rVnD_QMeG36x22gSdiAFiVbnQ1kHFhcjpTtFxcxz/s320/Screen+Shot+2013-02-20+at+9.03.51+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_V61Cej3ufgCIGTvm77v5HJnt-7-IhmSB6CF5ajPHgNxujcZTvYV1TTRBt8r6TgkERqwd5OV__vZg1IYt0-UVR1i_GWd_0W31PJs5ZgXeioGvCv3JMPMtLR928OlXcMvDNt2dq0QqQBX/s1600/Screen+Shot+2013-02-20+at+9.04.39+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_V61Cej3ufgCIGTvm77v5HJnt-7-IhmSB6CF5ajPHgNxujcZTvYV1TTRBt8r6TgkERqwd5OV__vZg1IYt0-UVR1i_GWd_0W31PJs5ZgXeioGvCv3JMPMtLR928OlXcMvDNt2dq0QqQBX/s320/Screen+Shot+2013-02-20+at+9.04.39+AM.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHdWvd-zU0D1jctPNroJQmBE-k_9MtgzrNWk6hqDyFpge9AEhgYvnaTBKFOhoSiBhulvHfSMilrSyvKGaLaRyFfpmDprFbqCwVIvYXPCDDLy-599ZjH-6ndZm8auPEBS6VOfFeuD05W9XT/s1600/Screen+Shot+2013-02-20+at+9.04.18+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHdWvd-zU0D1jctPNroJQmBE-k_9MtgzrNWk6hqDyFpge9AEhgYvnaTBKFOhoSiBhulvHfSMilrSyvKGaLaRyFfpmDprFbqCwVIvYXPCDDLy-599ZjH-6ndZm8auPEBS6VOfFeuD05W9XT/s320/Screen+Shot+2013-02-20+at+9.04.18+AM.png" width="320" /></a></div>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></b>
<b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></b><b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">(Researched) User Personas:</span></b><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Typical Onlooker (16%)</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Age: 36</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Income: $85k</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Education: College Degree</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Household: Married, 2 Children</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Connections: <100</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Networks: Facebook, Youtube, Linkedin, etc.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Tools: PC, Android</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Frequency: Daily</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Participation: Low</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Exposure: High</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">"I use social media to reconnect with people and typically observe others. I share almost nothing."</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Typical Cliquer (6%)</span><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Age: 47</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Income: $95k</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Education: Graduate Degree</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Household: Married, 1 Child</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Connections: <100</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Networks: Facebook, Youtube, Linkedin, etc.</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Tools: iPhone, PC</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Frequency: Daily</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Participation: Medium</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Exposure: High</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">"I use facebook to post about my day. I like pictures, and I love to comment on my friends' pictures and videos."</span><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Mix-n-Mingles (19%)</span><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Age: 29</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Income: $95k</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Education: Graduate Degree</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Household: Married, 1 Child</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Connections: <200</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Networks: Facebook, Twitter, Linkedin. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Tools: Mac, iPhone</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Frequency: Multiple times a day. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Participation: High</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Exposure: High</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">"I use social media to interact with family and friends–including new friends i've met online."</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Typical Spark (3%)</span><br />
<br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Age: 24</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Income: $80k</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Education: In grad school. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Household: Lives with partner. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Connections: <1,000</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Networks: Facebook, Twitter, Linkedin, Blogs</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Tools: iPhone, iPad, Macbook. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Frequency: Always online. </span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Participation: High</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Exposure: High</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">"Social media enables me to meet with my regular friends and meet new ones. It increased my confidence and allows me to enjoy my life."</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-23127785355454198992013-02-17T18:04:00.001-06:002013-02-18T11:41:02.588-06:00KCAI Wayfinding - Week 3<a href="http://ashleyeinspahr.blogspot.com/">Please see Ashley's blog for the most recent blog update!</a><br />
<br />
This week we did a lot of refining within our signs and placements. We started to think about where the signs would be located, what the sides look like, the dimensions, what they might look like at night, etc. <br />
<br />
We began taking context shots and decided to lead the viewer from the street outside of KCAI (beginning with the street signs) and working their way into the building. Each photo hints at the photo/sign that follows. <br />
<br />
At night, we imagine the text being lit up as well as the transparent triangles, making he signs still easily viewable from a distance in the dark. In the side view, you'll see that the front and back planes exist as separate pieces when coming from the base, but are connected with a thin piece of metal when higher up (as if it were floating). <br />
<br />
We've also began laying out the final book and sequencing how it will be read through. The aesthetic of the book alludes to the angles/triangles in our way finding experience and has a clean, architectural feel. <br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>New Street Sign Design:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmFv4kBFmpvvb8prph4DlzzBZ_AAfgk3Zwzjh1qgo7RKocvy81ToKIu341CE7m_t7cFby-KLzbMRFwopTpnpHww0Is8XT0D-J54o4R7MSPR0CDCYJ5LKSmNLiuoZU6D8wLG8U4f8rd4h6/s1600/SX_KCAI_Wayfinding_Current_2_17-11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmFv4kBFmpvvb8prph4DlzzBZ_AAfgk3Zwzjh1qgo7RKocvy81ToKIu341CE7m_t7cFby-KLzbMRFwopTpnpHww0Is8XT0D-J54o4R7MSPR0CDCYJ5LKSmNLiuoZU6D8wLG8U4f8rd4h6/s1600/SX_KCAI_Wayfinding_Current_2_17-11.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Height Comparison: </b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6E-rKyvfKh5RSrEbhXnBMs1hmZthuWFinp9vuj3BoGffce58wXqzQk0Nz5zOUcu13vSS5O6xlHafafTxcImWFBttTzQ6h_Z6EqEcVkmjLjNo90dKOG6hfQrwxAJoojbAORyCcirQkDNAS/s1600/SX_KCAI_Wayfinding_Current_2_17-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6E-rKyvfKh5RSrEbhXnBMs1hmZthuWFinp9vuj3BoGffce58wXqzQk0Nz5zOUcu13vSS5O6xlHafafTxcImWFBttTzQ6h_Z6EqEcVkmjLjNo90dKOG6hfQrwxAJoojbAORyCcirQkDNAS/s320/SX_KCAI_Wayfinding_Current_2_17-10.jpg" width="294" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Sign Dimensions: </b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMuqJx-tvNldAna7YtWwUVQPSWwC_bAphajFgulCSDajmRAjiyddXnXU_6hvNqouU0G_cMtsi8u_VIMGL46C2eXcxRq4TiSnu3-zV7tDkWrOHkBZOhX6QMebZooxDSDfMmkc7HyaNcMbka/s1600/SX_KCAI_Wayfinding_Current_2_17-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMuqJx-tvNldAna7YtWwUVQPSWwC_bAphajFgulCSDajmRAjiyddXnXU_6hvNqouU0G_cMtsi8u_VIMGL46C2eXcxRq4TiSnu3-zV7tDkWrOHkBZOhX6QMebZooxDSDfMmkc7HyaNcMbka/s320/SX_KCAI_Wayfinding_Current_2_17-09.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwck2Kt4Zfur8xsFImE_unmG7pHz2fiep5ZUbnWgyfnWpRKX2bcGQ0TSIQJwCjooiSc2tPkVq0-rW8kd-gfPLT4ntx4fHU54IG8KJxM6qt-u8HV50b-OGV4P1-1VC8AIha_km3uMon1vC-/s1600/SX_KCAI_Wayfinding_Current_2_17-13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwck2Kt4Zfur8xsFImE_unmG7pHz2fiep5ZUbnWgyfnWpRKX2bcGQ0TSIQJwCjooiSc2tPkVq0-rW8kd-gfPLT4ntx4fHU54IG8KJxM6qt-u8HV50b-OGV4P1-1VC8AIha_km3uMon1vC-/s320/SX_KCAI_Wayfinding_Current_2_17-13.jpg" width="193" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHAQJEbw564o5qjcT_Zr3DZp8014s0lATkUJ5kekc0CqBZcbAXHFGPE-wW_muvDOt19WmY5-6K2aVI1sWe7vF0GBI-36ahlGl6HJdiGmZMHc8QbpVvT4UmflCJ1I-TWjdYSUQ7v_EEGAEZ/s1600/SX_KCAI_Wayfinding_Current_2_17-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHAQJEbw564o5qjcT_Zr3DZp8014s0lATkUJ5kekc0CqBZcbAXHFGPE-wW_muvDOt19WmY5-6K2aVI1sWe7vF0GBI-36ahlGl6HJdiGmZMHc8QbpVvT4UmflCJ1I-TWjdYSUQ7v_EEGAEZ/s320/SX_KCAI_Wayfinding_Current_2_17-12.jpg" width="249" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6msZtAbMF4ym8ORHcFDzx-aOzpKHhXVl_iqMOtRstcro1CxNygdhpdGYXdS9JVXxqq5QT1heEgOb2Pc0PykvKpPntu1Rfjsaj84f10WyK25DVvR-t7NWn6XFwlDUVNQswsDRZG7KatJd-/s1600/SX_KCAI_Wayfinding_Current_2_17-14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6msZtAbMF4ym8ORHcFDzx-aOzpKHhXVl_iqMOtRstcro1CxNygdhpdGYXdS9JVXxqq5QT1heEgOb2Pc0PykvKpPntu1Rfjsaj84f10WyK25DVvR-t7NWn6XFwlDUVNQswsDRZG7KatJd-/s320/SX_KCAI_Wayfinding_Current_2_17-14.jpg" width="296" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<b>Updated Map Design:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisX2tgW9rEVcYppdAqllGgT4maHA5hmMLdNLCorbJ8JXgEA6rSTL1G1lTmh6MGCOlTDgE6d5yHvoVTqS3YQL3a1Lo98PwNna72t4HgNOvQJafe_bf36-Jl0k_wb1jwUQzgBq1boRgFqND3/s1600/SX_KCAI_Wayfinding_Current_2_17-08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisX2tgW9rEVcYppdAqllGgT4maHA5hmMLdNLCorbJ8JXgEA6rSTL1G1lTmh6MGCOlTDgE6d5yHvoVTqS3YQL3a1Lo98PwNna72t4HgNOvQJafe_bf36-Jl0k_wb1jwUQzgBq1boRgFqND3/s320/SX_KCAI_Wayfinding_Current_2_17-08.jpg" width="319" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Night View:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHn7hIkSCZgzvNJajGrY_tvzzxRmI4kHLG1ylBzB7J_zujy83cr4AH_rjihcijf_E06llZu18st6Bh-TW0wdmj-w28heWx8pIEy-nymjO6wxy0-z-4RuIv-qfzvabjB5CVthOoq0xe1Blg/s1600/SX_KCAI_Wayfinding_Current_2_17-07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHn7hIkSCZgzvNJajGrY_tvzzxRmI4kHLG1ylBzB7J_zujy83cr4AH_rjihcijf_E06llZu18st6Bh-TW0wdmj-w28heWx8pIEy-nymjO6wxy0-z-4RuIv-qfzvabjB5CVthOoq0xe1Blg/s320/SX_KCAI_Wayfinding_Current_2_17-07.jpg" width="254" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Example Placement:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUf18EIwBaAIArrmZH9DcKwEkbxXfvtlbNHVa3u7ZQVD8fA5V3YFpSDgof9fS6FRohHyLu-6wgcbV9DFy3Rr_vr0lxjSSvnXGx81WLe4vPHPMgGQFXv2A-Agz0LRFEkejePqzHH77SmxXY/s1600/SX_KCAI_Wayfinding_Current_2_17-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUf18EIwBaAIArrmZH9DcKwEkbxXfvtlbNHVa3u7ZQVD8fA5V3YFpSDgof9fS6FRohHyLu-6wgcbV9DFy3Rr_vr0lxjSSvnXGx81WLe4vPHPMgGQFXv2A-Agz0LRFEkejePqzHH77SmxXY/s320/SX_KCAI_Wayfinding_Current_2_17-02.jpg" width="213" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjznHhrYCVJ0kQv2LZg9N1Tp-m3lX8H9jo-u5AiRgZFunXTzV1AQ1q6P9nrgW3dQ2_BZzFInrACO2DWDFdDo8rsoMtJDQ04Gc8xRAotZJxbCa9FWJwlviR79Vu38psFqfpyOgzJ5ldxfZ/s1600/SX_KCAI_Wayfinding_Current_2_17-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjznHhrYCVJ0kQv2LZg9N1Tp-m3lX8H9jo-u5AiRgZFunXTzV1AQ1q6P9nrgW3dQ2_BZzFInrACO2DWDFdDo8rsoMtJDQ04Gc8xRAotZJxbCa9FWJwlviR79Vu38psFqfpyOgzJ5ldxfZ/s320/SX_KCAI_Wayfinding_Current_2_17-03.jpg" width="212" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXM2JiNG3pO8VG4LArBHxmcohXfc7Y-yyl7g86hAIkjrIn6wXVKzwhESL7AcXr2Fo2GQK3a2kyMQ40J1tlcWoz89a5l6YSc3uM1imqQ6MnW_TI_CGDlOctuLpuZQDiMBBDxwlhqHxSOvZ/s1600/SX_KCAI_Wayfinding_Current_2_17-04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXM2JiNG3pO8VG4LArBHxmcohXfc7Y-yyl7g86hAIkjrIn6wXVKzwhESL7AcXr2Fo2GQK3a2kyMQ40J1tlcWoz89a5l6YSc3uM1imqQ6MnW_TI_CGDlOctuLpuZQDiMBBDxwlhqHxSOvZ/s320/SX_KCAI_Wayfinding_Current_2_17-04.jpg" width="213" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgILfDcG4rRVTRjhnsozsueRuK3KCGCTGN_R8hG1y0H3FgNMVqOE6j1KNyozzzDN2b8q9Plb9IrthTdKSLJ6m2xliPQWGuNvITjBlyh_Ijb8aT2sKgXUHtvZzJJV9S-pYqaygEKtlxxYnx9/s1600/SX_KCAI_Wayfinding_Current_2_17-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgILfDcG4rRVTRjhnsozsueRuK3KCGCTGN_R8hG1y0H3FgNMVqOE6j1KNyozzzDN2b8q9Plb9IrthTdKSLJ6m2xliPQWGuNvITjBlyh_Ijb8aT2sKgXUHtvZzJJV9S-pYqaygEKtlxxYnx9/s320/SX_KCAI_Wayfinding_Current_2_17-05.jpg" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b>Book Spreads:</b></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6F9d1HAZemnUSUwbxOloFCKGv7Vma7xqrgAi0WvDFCA7gOqWHnirfrYZkPf6npxuhVQOEHsN-4Zk2RbbsgA10oGmRJIksweazExtyH2YHljrX1Mv8UztwwwDUeoJgiIPSHFCKfKFOBHOq/s1600/book-blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6F9d1HAZemnUSUwbxOloFCKGv7Vma7xqrgAi0WvDFCA7gOqWHnirfrYZkPf6npxuhVQOEHsN-4Zk2RbbsgA10oGmRJIksweazExtyH2YHljrX1Mv8UztwwwDUeoJgiIPSHFCKfKFOBHOq/s320/book-blog.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmHkJeOpBhAJWFglgf8F2yv4d9yLjFgoFw9clCOK9CxeQ7pFsHkw94zPbuWwoMpxpQZmLSW295wzDUK36P4ADrr25VDLXkcdgJvH-6lnqPUs8GzTefEsgPhJXt-8cONEfKpc4cVV_ZPks/s1600/book-blog2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmHkJeOpBhAJWFglgf8F2yv4d9yLjFgoFw9clCOK9CxeQ7pFsHkw94zPbuWwoMpxpQZmLSW295wzDUK36P4ADrr25VDLXkcdgJvH-6lnqPUs8GzTefEsgPhJXt-8cONEfKpc4cVV_ZPks/s320/book-blog2.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagFfQmCe_cJ7lbs7q91K1op6ftVyj9gTWwudupNPdrRTaJ_136sSwmqxOLb19GE0V3fGLxHnWhaEzQr3h1WNV8pBOTalk5oA0serBqaXFM3corguOblEUETO0w8ZsFd6w2hA-Ye10pBvg/s1600/book-blog3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagFfQmCe_cJ7lbs7q91K1op6ftVyj9gTWwudupNPdrRTaJ_136sSwmqxOLb19GE0V3fGLxHnWhaEzQr3h1WNV8pBOTalk5oA0serBqaXFM3corguOblEUETO0w8ZsFd6w2hA-Ye10pBvg/s320/book-blog3.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4r9f5VyGZ8mGfpYcyNbeIvH6t4j9iTG-wZMS1Ye3Fmo2XP_l6lbeY3e6jTiQHJ5p1T1GlEZdW_bisc00nOnhfXveyJmjWUnpRSLRRHBsOxigdoQ3jjyRhjwa8d_sEyd1JyV871AKd4yl5/s1600/book-blog4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4r9f5VyGZ8mGfpYcyNbeIvH6t4j9iTG-wZMS1Ye3Fmo2XP_l6lbeY3e6jTiQHJ5p1T1GlEZdW_bisc00nOnhfXveyJmjWUnpRSLRRHBsOxigdoQ3jjyRhjwa8d_sEyd1JyV871AKd4yl5/s320/book-blog4.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-81119034338008351932013-02-13T10:18:00.003-06:002013-02-13T10:34:46.253-06:00Degree Project - Week 3<b style="color: #202020; font-family: arial, sans-serif; line-height: 18px;">Project Objective:</b><br />
<span style="background-color: white; color: #202020; font-family: arial, sans-serif; line-height: 18px;"><br /></span><span style="background-color: white; color: #202020; font-family: arial, sans-serif; line-height: 18px;">The objective of my project is to create an iPhone application that will curate multiple social networking applications into a single app, with an emphasis on the people who matter most to you and the content those people create. </span>
<span style="background-color: white; color: #202020; font-family: arial, sans-serif; line-height: 18px;"><br /></span>
<br />
<span style="background-color: white; color: #202020; font-family: arial, sans-serif; line-height: 18px;"><b>Moving Forward:</b></span><br />
<ul>
<li><span style="color: #202020; font-family: arial, sans-serif;"><span style="line-height: 18px;">Create a new survey based on the social networking content that matters most to them / Studying user behavior. </span></span></li>
<li><span style="color: #202020; font-family: arial, sans-serif; line-height: 18px;"><span style="background-color: white;">Focus on defining user personas.</span></span></li>
<li><span style="background-color: white;"><span style="color: #202020; font-family: arial, sans-serif;"><span style="line-height: 18px;">Based on the feedback of my survey define the scenarios. </span></span></span></li>
<li><span style="color: #202020; font-family: arial, sans-serif; line-height: 18px;"><span style="background-color: white;">Narrow the scope of my project and don't over extend myself. ie. Windows 8. (part of why I want to take a crack at this is because a lot of the companies i've been looking at are in need of this kind of experience)</span></span></li>
<li><span style="color: #202020; font-family: arial, sans-serif; line-height: 18px;"><span style="background-color: white;">Figure out what features I want to show and those I just want to elude too. This isn't supposed to be a swiss army knife. </span></span></li>
<li><span style="color: #202020; font-family: arial, sans-serif; line-height: 18px;"><span style="background-color: white;">Think about how I want to present the final product. </span></span></li>
<li><span style="color: #202020; font-family: arial, sans-serif; line-height: 18px;"><span style="background-color: white;">DREAM BIG DAMMIT. </span></span></li>
</ul>
<span style="background-color: white; color: #202020; font-family: arial, sans-serif; line-height: 18px;"><b>Presentation:</b></span><br />
<div>
<br /></div>
<a href="http://www.scribd.com/doc/125309932/Degree-Project-Final-Presentation-1" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px;" title="View Degree Project Final Presentation #1 on Scribd">Degree Project Final Presentation #1</a><span style="font-family: Helvetica, Arial, sans-serif; font-size: 14px;"> by </span><a href="http://www.scribd.com/elibrumbaugh" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px;" title="View Eli Brumbaugh's profile on Scribd">Eli Brumbaugh</a><br />
<br />
<iframe class="scribd_iframe_embed" data-aspect-ratio="1.77906976744186" data-auto-height="false" frameborder="0" height="300" id="doc_14820" scrolling="no" src="http://www.scribd.com/embeds/125309932/content?start_page=1&view_mode=slideshow&access_key=key-fqbstwg8nk15xvr44j9" width="100%"></iframe>
<br />
<br />
<span style="background-color: white; color: #202020; font-family: arial, sans-serif; line-height: 18px;"><b>Updated & Revised Timeline:</b></span><br />
<span style="background-color: white; color: #202020; font-family: arial, sans-serif; line-height: 18px;"><b><br /></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0XxVhV6A7pkitwD7Aw7WhVLCt9FS7YonAXe3VWxDf4W8_dhgDpS-7RuUH_wSALrwlEBuCKTlj3jxRS4jCrqI1YblqEVJf0cbrmgqb8SeP3Ky3JOsKTmuk5qcJ78P2MFIfQkh4bUGpQF1Q/s1600/Screen+Shot+2013-02-13+at+10.16.24+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0XxVhV6A7pkitwD7Aw7WhVLCt9FS7YonAXe3VWxDf4W8_dhgDpS-7RuUH_wSALrwlEBuCKTlj3jxRS4jCrqI1YblqEVJf0cbrmgqb8SeP3Ky3JOsKTmuk5qcJ78P2MFIfQkh4bUGpQF1Q/s320/Screen+Shot+2013-02-13+at+10.16.24+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90MwDImtCoc85tjxIYjkw0F8j6liNUISIno-FnLdUWUP2tbxzDjkdUZ_NDb2kekm0z6d6ZR_wvEpGuw8C3w5Fe-COgFsFM84eWI0pKdbbEfHX9D4OF8I1EoAgiDhR0y755Hz37OZ5i7sV/s1600/Screen+Shot+2013-02-13+at+10.16.34+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90MwDImtCoc85tjxIYjkw0F8j6liNUISIno-FnLdUWUP2tbxzDjkdUZ_NDb2kekm0z6d6ZR_wvEpGuw8C3w5Fe-COgFsFM84eWI0pKdbbEfHX9D4OF8I1EoAgiDhR0y755Hz37OZ5i7sV/s320/Screen+Shot+2013-02-13+at+10.16.34+AM.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjBsrF23ZkEYKa-Oy7wvxDFRJIOjjkBAA-vM_jeVsoQYS58F2wUAi-kw3BV6AtMEG1gUr0x9p9xkTpcpI-pxwGXna2QLw7pBI50p-Zs-njdfWHQngeXYAkZZ00x6HEeBzbcBhtN8BGJTwy/s1600/Screen+Shot+2013-02-13+at+10.16.42+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjBsrF23ZkEYKa-Oy7wvxDFRJIOjjkBAA-vM_jeVsoQYS58F2wUAi-kw3BV6AtMEG1gUr0x9p9xkTpcpI-pxwGXna2QLw7pBI50p-Zs-njdfWHQngeXYAkZZ00x6HEeBzbcBhtN8BGJTwy/s320/Screen+Shot+2013-02-13+at+10.16.42+AM.png" width="320" /></a></div>
<span style="background-color: white; color: #202020; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"><b><br /></b></span>
<b style="color: #202020; font-family: arial, sans-serif; line-height: 18px;">Research on Mobile App Usage.</b><br />
<b style="color: #202020; font-family: arial, sans-serif; font-size: 13px; line-height: 18px;"><br /></b>
<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" mozallowfullscreen="" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/9423965" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" webkitallowfullscreen="" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<strong> <a href="http://www.slideshare.net/MatthiasBhmer/presentation-appsensor-at-mobilehci-11" target="_blank" title="Presentation AppSensor at MobileHCI '11">Presentation AppSensor at MobileHCI '11</a> </strong> from <strong><a href="http://www.slideshare.net/MatthiasBhmer" target="_blank">Matthias Böhmer</a></strong><br />
<a href="http://matthiasboehmer.de/2012/09/study-on-mobile-app-multitasking/">Another on Multi-tasking.</a><br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b><span style="color: #202020; font-family: arial, sans-serif;"><span style="line-height: 18px;">Design Inspiration:</span></span></b><br />
<div>
<b style="color: #202020; font-family: arial, sans-serif; line-height: 18px;"><a href="http://elibrumbaugh.dropmark.com/101952">Dropmark Collection</a></b><br />
<br />
<br />
<b><span style="color: #202020; font-family: arial, sans-serif;"><span style="line-height: 18px;">Reading Inspiration:</span></span></b><br />
<div>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOShZ8KB4LjhO0z3eeBtzc-0VMdj_ixvj2u1DZyuSkz_LtzU6p2Rh6wddp1grYlCJJwGbYKkgLSkn4G0i2eOy3gyxjIzQ5LouSFMOeXtJqHR3LMO8LNM1DhPuS4tnOamfR2IMcPgXtBLt/s1600/tumblr_inline_mh8kopv3dc1qz4rgp.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOShZ8KB4LjhO0z3eeBtzc-0VMdj_ixvj2u1DZyuSkz_LtzU6p2Rh6wddp1grYlCJJwGbYKkgLSkn4G0i2eOy3gyxjIzQ5LouSFMOeXtJqHR3LMO8LNM1DhPuS4tnOamfR2IMcPgXtBLt/s320/tumblr_inline_mh8kopv3dc1qz4rgp.gif" width="287" /></a></div>
<br />
<br />
<div style="text-align: center;">
<a href="http://blog.keenancummings.com/post/41520387444/interfaces-are-stories">Interfaces Are Stories</a></div>
</div>
</div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-57317760400421501432013-02-12T10:49:00.001-06:002013-02-12T10:52:41.106-06:00Study on Mobile App Usage<iframe allowfullscreen="" frameborder="0" height="356" marginheight="0" marginwidth="0" mozallowfullscreen="" scrolling="no" src="http://www.slideshare.net/slideshow/embed_code/9423965" style="border-width: 1px 1px 0; border: 1px solid #CCC; margin-bottom: 5px;" webkitallowfullscreen="" width="427"> </iframe> <br />
<div style="margin-bottom: 5px;">
<strong> <a href="http://www.slideshare.net/MatthiasBhmer/presentation-appsensor-at-mobilehci-11" target="_blank" title="Presentation AppSensor at MobileHCI '11">Presentation AppSensor at MobileHCI '11</a> </strong> from <strong><a href="http://www.slideshare.net/MatthiasBhmer" target="_blank">Matthias Böhmer</a></strong> <br />
<br />
<a href="http://matthiasboehmer.de/2012/09/study-on-mobile-app-multitasking/">Another on Multi-tasking.</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmFUDJPiZJ-KTqUk15BHhqIKUhCjWADFiEDmqQx9Csf8q24SrlMcWlyopvaDEr6HgOxknm9ImxmueVJqXcTMQRpC_mU5hXt-qZhnGUOU5akhIZCFaU8FkiYzINeLQ_Vz8ZpmFTen32waGH/s1600/Screen+shot+2013-02-12+at+10.50.49+AM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmFUDJPiZJ-KTqUk15BHhqIKUhCjWADFiEDmqQx9Csf8q24SrlMcWlyopvaDEr6HgOxknm9ImxmueVJqXcTMQRpC_mU5hXt-qZhnGUOU5akhIZCFaU8FkiYzINeLQ_Vz8ZpmFTen32waGH/s320/Screen+shot+2013-02-12+at+10.50.49+AM.png" width="320" /></a></div>
<br /></div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-17569969031826830312013-02-11T11:29:00.002-06:002013-02-11T12:13:02.202-06:00Degree Project - Presentation 1<div style="-x-system-font: none; display: block; font-family: Helvetica,Arial,Sans-serif; font-size-adjust: none; font-size: 14px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 12px auto 6px auto;">
<a href="http://www.scribd.com/doc/124947163/DP-Presentation-1" style="text-decoration: underline;" title="View DP - Presentation 1 on Scribd">DP - Presentation 1</a> by <a href="http://www.scribd.com/elibrumbaugh" style="text-decoration: underline;" title="View Eli Brumbaugh's profile on Scribd">Eli Brumbaugh</a> </div>
<iframe class="scribd_iframe_embed" data-aspect-ratio="1.77906976744186" data-auto-height="false" frameborder="0" height="300" id="doc_13847" scrolling="no" src="http://www.scribd.com/embeds/124947163/content?start_page=1&view_mode=slideshow&access_key=key-ejvnbpsdojfjc9uu1hb" width="100%"></iframe><br />
<br />
<div style="text-align: center;">
Video of animated transitions.</div>
<iframe src="http://player.vimeo.com/video/59419430" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/59419430">Keynote</a> from <a href="http://vimeo.com/elibrumbaugh">Eli Brumbaugh</a> on <a href="http://vimeo.com">Vimeo</a>.</p>Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-30423108676705088682013-02-11T11:16:00.001-06:002013-02-11T11:16:35.829-06:00Interfaces Aren’t a Descriptions; They’re Stories<div class="separator" style="clear: both; text-align: center;">
<a href="http://blog.keenancummings.com/post/41520387444/interfaces-are-stories" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NCumlVdDcMwKpdMGtklUOQ_T5cLUbXraXZKXPd1AOFKPx9161sson00KLsQTvA3C9lO41uqGUui1dZDrGfuZHFGe2I9S2hkl5yGDpg1CJUDeEeb-tO21DjbZn6-t0YplOLR2zyHFaQB_/s320/Screen+Shot+2013-02-11+at+11.12.23+AM.png" width="274" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blog.keenancummings.com/post/41520387444/interfaces-are-stories">Article Link</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">From <a href="http://www.theparisreview.org/interviews/4825/the-art-of-fiction-no-21-ernest-hemingway" style="background-color: transparent; border-bottom-color: rgb(152, 134, 94); border-bottom-style: solid; border-width: 0px 0px 2px; color: #98865e; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">George Plimpton’s interview with Ernest Hemingway</a>, 1954:</span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
—</div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Interviewer:</strong></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Do you make a distinction between “flat” and “round” characters?</em></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Hemingway:</strong></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">If you describe someone, it is flat, as a photograph is, and from my standpoint a failure. If you make him up from what you know, there should be all the dimensions.</em></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">—</em></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
This is why this conversation goes on, why it is worth having. T<span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">he desire for more honest (or at least more </span>interesting<span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">) interfaces and a certain aesthetic have been lumped together and called “<a href="http://layervault.tumblr.com/post/32267022219/flat-interface-design" style="background-color: transparent; border-bottom-color: rgb(152, 134, 94); border-bottom-style: solid; border-width: 0px 0px 2px; color: #98865e; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">flat design</a>”. I’m concerned with the deeper drive for mor pure interaction design, and t</span><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">here is more to it than altering your style or changing your habits in Photoshop. There is a fundamentally different process, something genuinely unique from print design</span><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">. That difference goes much deeper than tools, and even defies directly translatable principles. “What’s good for print is good for digital” doesn’t hold up as a mantra of ‘flat’ design.</span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Much of skeuomorphism is about transcribing the physicality of real world interfaces into flat interfaces. It’s a pretty banal process to search for the real world analog to the idea of <em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">toggling a setting,</em> or <em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">amplifying volume</em>, and then assigning to that a flattened representation of a three dimensional interface. It is description, it is flat, as a photograph is, and it is a failure.</div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Flat design is the opposite of flat. This <a href="http://branch.com/b/flat-design-needs-a-new-name?ref=group" style="background-color: transparent; border-bottom-color: rgb(152, 134, 94); border-bottom-style: solid; border-width: 0px 0px 2px; color: #98865e; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">honest / native / natural / essential / lean / minimal / truemorphic design</a> wipes the paradigm clean from banal visual descriptions. It’s is not limited by what you can describe to the user about the interface and experience with photographic accuracy. It is made up, from everything you know, about how people behave and flow and interact, and most of what you know is left unsaid, unrepresented, untranslated, and undescribed. Description is flat. Hemingway left almost everything out, and rather than describe a scene, he tells a story, just as we tell experiences. In making it up, “there should be all the dimensions.”</div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Flat design is not flat.</span><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span>Screens are flat. The interfaces within them are dynamic. They have real depth — depth through time, depth of experience, depth of emotion. Faux spatial depth is the least interesting possibility of a digital, multi-touch interface design. Don’t translate interfaces. Make them up, with all their depth and dimension.</div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
-----------</div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Thought about this a bit more and had some thoughts on the <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">aesthetics</strong> of flat design. </em></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">I wonder if the aesthetic of flat design is just a signal to the user that this is something different. Rather than the digital format informing only the design process, it is also a desire for it to directly inform the use as well. It’s disorientation so that the user might be reoriented. It is a way for the designer to speak through the interface and say:</span></div>
<blockquote style="background-color: white; border-left-color: rgb(188, 164, 116); border-left-style: solid; border-left-width: 2px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-left: 0px; padding-left: 1em; quotes: none;">
<div style="background-color: transparent; border: 0px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
“This is not a dashboard, a keyboard, a console. It is not a toggle, a button, a switch, a handle. This is not mechanical.</div>
<div style="background-color: transparent; border: 0px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
But it is interactive — moveable and mutable. It’s some of what those other, physical things are, but not entirely, and in some ways less, in many ways more.”</div>
</blockquote>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">As an aesthetic, flat design’s purpose is to signal to the user as they walk in the door that things are different here. What I see in these “flat” designs is a deliberate effort to pull users along rather than wait for them to get there on their own. Can users grasp something new without the crutch of metaphor? Will they naturally develop new understanding and behavior, or do we need to move them forward?</span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: ff-tisa-web-pro-1, ff-tisa-web-pro-2, calluna-1, calluna-2, georgia, serif; font-size: 15px; line-height: 25px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Metaphor is not inherently bad. It’s a teaching tool. It’s great for transition. But forever burdening the digital format with physical metaphors is like putting a Shelby Cobra V8 engine in Fred Flintstone’s car and telling him to still push along with his feet.</span></div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-13570636110013374132013-02-11T11:13:00.002-06:002013-02-11T11:14:15.277-06:00KCAI Wayfinding - Week 2<br />
<div class="post-body entry-content" id="post-body-4981290532021732819" itemprop="description articleBody" style="background-color: white; color: #666666; font-family: 'Crimson Text'; font-size: 14px; line-height: 1.4; position: relative; width: 494px;">
This week, Ashkey and I sort of redeveloped our concept from last week. We're still focusing on KCAI's "energetic", "active" and "artistic" spirit through the dynamically shaped signs, but the signs shapes have based on a new, triangular-shaped grid system. This system gives the sign more of an organized structure, but allows us to still keep each sign unique from the rest. We've also added more depth to the signs by giving them this an overlapping, oragami-like structure, and sometimes even playing with placing the type on the two separate layers, lining up only when someone's looking at the sign with right angle. We didn't want to mess with this feature too much though, since way finding signage should be read easily. The white triangles (made up of many small triangles) within each sign are meant to be transparent glass, alluding to the idea of it being incomplete, or a work in progress. These changes focus on the students evolving and transforming through their school years here, as well as the never-ending process of making art itself.<br />
<br />
<div class="p1">
<br /></div>
<div class="p1">
As you see below, we've developed a few different color systems for this way finding concept. We're still working on our final map, but we're thinking about having the outside signage one color, that way KCAI easily recognizable by outsiders, and then alternating to the other colors indoors, which could allude to it being more of a creative space. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-0Vx5IpPRvI8/URhsy6KGSqI/AAAAAAAABP0/zzAyql2Woeg/s1600/by+default+2013-02-10+at+9.57.18+PM.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: initial;"><img border="0" height="307" src="http://2.bp.blogspot.com/-0Vx5IpPRvI8/URhsy6KGSqI/AAAAAAAABP0/zzAyql2Woeg/s400/by+default+2013-02-10+at+9.57.18+PM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
grid system</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Y7YyOKTf7e8/URhtK2_ci-I/AAAAAAAABQE/s2TBbCfHBzk/s1600/by+default+2013-02-10+at+9.57.43+PM.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: initial;"><img border="0" height="252" src="http://2.bp.blogspot.com/-Y7YyOKTf7e8/URhtK2_ci-I/AAAAAAAABQE/s2TBbCfHBzk/s400/by+default+2013-02-10+at+9.57.43+PM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
colors</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-VuYQWYBF0-8/URhtK4-fKhI/AAAAAAAABQI/8nZFA25SWwA/s1600/by+default+2013-02-10+at+9.58.15+PM.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: initial;"><img border="0" height="301" src="http://4.bp.blogspot.com/-VuYQWYBF0-8/URhtK4-fKhI/AAAAAAAABQI/8nZFA25SWwA/s400/by+default+2013-02-10+at+9.58.15+PM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
main sign - glass/no glass</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-NTZYy4_3heU/URhszpKIRUI/AAAAAAAABP8/QX6RsLABTAQ/s1600/by+default+2013-02-10+at+9.58.40+PM.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: initial;"><img border="0" height="232" src="http://2.bp.blogspot.com/-NTZYy4_3heU/URhszpKIRUI/AAAAAAAABP8/QX6RsLABTAQ/s400/by+default+2013-02-10+at+9.58.40+PM.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
other signage</div>
</div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com0tag:blogger.com,1999:blog-2456814647402775966.post-83322084582499182632013-02-06T10:39:00.001-06:002013-02-06T10:47:04.051-06:00Degree Project - Week 2<div>
<b></b><br />
<div style="display: inline !important;">
<b><b>Realization: </b></b></div>
<b>
</b></div>
<div class="p1">
<br /></div>
<div class="p1">
We can reward power social media users by giving them a better curated sampling because they have more information in which we can pull the "content profile"from! More Networks = Clearer Picture of that User!</div>
<div class="p1">
<br /></div>
<div class="p1">
<b>Key things this app has to accomplish:</b></div>
<div class="p1">
</div>
<ul>
<li>Cut through the clutter!</li>
<li>Discover the content that truly matters!</li>
<li>Share Content effectively! - You're able to target just those groups of people who you know care the most about the content you're sharing with them. </li>
<li>Get more enjoyment from using it vs competitors! - Open 1 app instead of 8. </li>
</ul>
<div class="p1">
<b>Link to Survey: </b>I believe this will help me identity my primary audience and the audience I'm missing and need to get a sampling from. This app is for everyone. But for the scope of this project I need to identity my primary audience. Its tough because power users would want it to customize their experience. Where my less than tech savvy mother might want it to cut down on how overwhelmed she is with social networking. </div>
<div class="p1">
<b><br /></b></div>
<div class="p1">
<a href="https://docs.google.com/forms/d/17EuslLX0PTE7m1qpvU2JZsS2d1W6wALAFi01mGYYT2o/viewform">Eli Brumbaugh - Degree Project - Social Media Questioner</a><span id="goog_1197333570"></span><span id="goog_1197333571"></span><a href="http://draft.blogger.com/"></a></div>
<div class="p1">
This survey will hopefully answer the questions around:</div>
<div class="p1">
</div>
<ul class="ul1">
<li class="li1">What devices they use most often. </li>
<li class="li1">How many social networks the average person uses.</li>
<li class="li1">How many social apps they have on that device. </li>
<li class="li1">Their most frequently used social app.</li>
<li class="li1">Their least used social app, and why.</li>
<li class="li1">Do they use any apps that are out there to augment their current social app experience like Gabi. </li>
<li class="li1">How they feel about apps using other apps for authorization. (My backend to my app)</li>
<li class="li1">How would they group their "friends" or "connections"</li>
<li class="li1">How would they group their social networks.</li>
<li class="li1">What kind of customization they would like to see?</li>
<li class="li1">What annoys them the most about current networks/apps.</li>
<li class="li1">How much experience they have.</li>
<li class="li1">If they're from a creative field, etc.</li>
<li class="li1">What kind of users they are. </li>
<li class="li1">Favorite kind of prospective tech.</li>
<li class="li1">They're super awesome for filling this out. (no choice) </li>
</ul>
<div class="p1">
<b>New Project Progress Reviewers:</b></div>
<div class="p1">
<b><br /></b></div>
<div class="p1">
Cameron @ P3</div>
<div class="p1">
Luis, Molly, Sean @ Mutual Mobile</div>
<div class="p1">
Brandon, Cheryl, Josh @ Huge</div>
<div>
<br /></div>
<div class="p1">
<i><span style="color: #999999; font-size: large;">"By identifying casual versus power users, organizations can start to segment user behaviors as they relate to traffic, social media and advertising..."</span></i></div>
<div>
<br /></div>
<div>
<b>Interesting Reads: </b></div>
<div>
<ul>
<li>http://socialmouths.com/blog/2012/06/05/curate-content-from-your-smartphone/</li>
<li>http://blog.hubspot.com/blog/tabid/6307/bid/33698/Facebook-Tests-Pinterest-Style-Feature-Called-Collections.aspx</li>
<li>http://www.digitaltrends.com/mobile/facebook-updates-nearby-feature/</li>
<li>http://blog.metaroll.com/2011/12/26/curating-flipboard-content-two-varieties-of-personalization/</li>
<li>http://www.curatecontent.com/</li>
</ul>
</div>
<b>Highly Recommended Curated/Tailored App Audit: </b><br />
<div>
These news apps have to regulate a massive amount of content sometimes along side social content. They have been highly informative in ways that established apps have tailored and curated app data.<br />
<b>News360:</b></div>
<div>
<b><br /></b></div>
<div>
<span style="color: #999999;"><i><span style="font-size: large;">"Digging into the preference options available in the iPad app is like unwrapping the layers of an onion, you can just keep going."</span></i><b><br /></b></span><br />
<ul>
<li>Curates content by pulling information from your social media networks. It reads into how you interact with your contacts, to get to know you. Once it has an idea of your personality it then makes predictions and recommendations of what you'll want to read. </li>
<li>Incredibly high degree of customization </li>
<li>"Digging into the preference options available in the iPad app is like unwrapping the layers of an onion, you can just keep going."</li>
<li>There’s also a Pandora-like mechanic to the application, so it will learn from you the more you use it and from the news stories you are reading, sharing, and liking — as well as those being discarded. </li>
</ul>
<b>Flipboard: </b><br />
<ul>
<li>Simply pick a few topics and your Flipboard is instantly populated with the news you care about. </li>
<li>Organize content by taping and holding any section title on your Flipboard to rearrange the order. </li>
<li>CUT THROUGH THE CLUTTER (Auto organize, limits your viewing, frequent interactions) </li>
<li>You don’t have to waste time reading hundreds of irrelevant tweets or articles, because this tool organizes your content for you. </li>
<li>Limit your viewing to what you want to read and see the most. </li>
<li>This app lets you see the posts of the people you interact with the most, limiting endless Twitter feed scrolling. </li>
<li>SEE MORE CONTENT (Content cull and cut, No extra clicks) </li>
<li>Content curation tools usually cull and cut down the amount of information you see. </li>
<li>Flipboard curates in a different way, pulling together all article elements so you can quickly scan text and images without extra clicks </li>
<li>NETWORK EFFICIENTLY (Quick sharing, Share and comment all in one place) </li>
<li>You can use Flipboard to share comments and reply to your network all in one place. </li>
<li>When your friends or business contacts post photos on Flickr, you can see their latest posts. </li>
<li>If you see an article that would benefit someone in your network. </li>
<li>READ THE IMPORTANT NEWS FIRST </li>
<li>Timeline feature that lets you see how long ago an article or page was posted. The built-in timeline helps you save time when searching online.</li>
</ul>
<div>
<b><a href="http://elibrumbaugh.dropmark.com/101952">My Dropmark</a></b></div>
<div>
<br />
<b>Calendar: </b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiIm8vYIY0eIfgEh3DIhm0udxuSbZC3T_AVUEPpSJcjg8MStZLa7wsUzWoEuS5Eht7pEcFb6mb9Ja8hZ5xoE9AFwoP-_VXbg4QbU8BPe7gb-200yAnARRSjKfTp0bGdXsXpJ7e6dU2L11P/s1600/Screen+Shot+2013-02-06+at+10.42.33+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiIm8vYIY0eIfgEh3DIhm0udxuSbZC3T_AVUEPpSJcjg8MStZLa7wsUzWoEuS5Eht7pEcFb6mb9Ja8hZ5xoE9AFwoP-_VXbg4QbU8BPe7gb-200yAnARRSjKfTp0bGdXsXpJ7e6dU2L11P/s400/Screen+Shot+2013-02-06+at+10.42.33+AM.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYlJEbcesJJ3SQ5F4Za92mfl9m3_HouN8mt14GHQm7Grk6n-Qh8k_gW16o0H80Tkks6enkJl3zWFQOYI7UrX0Rhc8N7xZk5-GyZxk_4nDctsSIWUAa1fywCMfMa5YJUkJ1CgA9bPnIsuT/s1600/Screen+Shot+2013-02-06+at+10.42.25+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYlJEbcesJJ3SQ5F4Za92mfl9m3_HouN8mt14GHQm7Grk6n-Qh8k_gW16o0H80Tkks6enkJl3zWFQOYI7UrX0Rhc8N7xZk5-GyZxk_4nDctsSIWUAa1fywCMfMa5YJUkJ1CgA9bPnIsuT/s400/Screen+Shot+2013-02-06+at+10.42.25+AM.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJhy8r4ztGMBm3AAiyM_7w_ItOBS_0RS8iYwIAuyWG_8YDYau9XD7FiFk6Uo9YJPiRiRSLbJe6u0J63wXukIuPyyQd5nVV9axsPvVochoIS0SKfE4txTNoTiKknBXJgF6Yx6gISoypMfbJ/s1600/Screen+Shot+2013-02-06+at+10.42.18+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJhy8r4ztGMBm3AAiyM_7w_ItOBS_0RS8iYwIAuyWG_8YDYau9XD7FiFk6Uo9YJPiRiRSLbJe6u0J63wXukIuPyyQd5nVV9axsPvVochoIS0SKfE4txTNoTiKknBXJgF6Yx6gISoypMfbJ/s400/Screen+Shot+2013-02-06+at+10.42.18+AM.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3WyFeyzxFgcdsl5xaPJ7I5jzoDEotdycSKDrztlP6ZUm8vrU9haP-UrBl2xJtKC9y9Vl9lfHvNFhdFFSxPNKqPVXX3GL8ltriDwseE2NfPIh81AW-WDbAbfZNq6w0Se1ZfTp8Z9qeKhmG/s1600/Screen+Shot+2013-02-06+at+10.42.41+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3WyFeyzxFgcdsl5xaPJ7I5jzoDEotdycSKDrztlP6ZUm8vrU9haP-UrBl2xJtKC9y9Vl9lfHvNFhdFFSxPNKqPVXX3GL8ltriDwseE2NfPIh81AW-WDbAbfZNq6w0Se1ZfTp8Z9qeKhmG/s400/Screen+Shot+2013-02-06+at+10.42.41+AM.png" width="400" /></a></div>
<br />
<br /></div>
<div>
<b>Imagery:</b></div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVxVrFfF9r-2FrlhQOJih5eece2bW6oC6mIGX4UGabokAGH28Rc28SwYT3uKVG1Hn5u0tU2zl1sw2YNdkhXCCN7ZIEwLWMTslUoXiZmywzNhyVdb01cRB1pT38KHRx1PbjjhqdGvMrbr7/s1600/Screen+Shot+2013-02-06+at+10.23.21+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVxVrFfF9r-2FrlhQOJih5eece2bW6oC6mIGX4UGabokAGH28Rc28SwYT3uKVG1Hn5u0tU2zl1sw2YNdkhXCCN7ZIEwLWMTslUoXiZmywzNhyVdb01cRB1pT38KHRx1PbjjhqdGvMrbr7/s320/Screen+Shot+2013-02-06+at+10.23.21+AM.png" width="238" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Notes</i></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3xKGtUVSooJNDHGzhZwVBeRg3hMZvXiJFOlvIOXc5b7bv6HrtJFXsdk9lJWlb87sGj722fYSnvMCwQNeZEAx6Wm1Ufunvs520zMywL56c7fauEw25PTRF4sqy4hmq0s1ICDwYXgB4Cu2r/s1600/Screen+Shot+2013-02-06+at+10.23.08+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3xKGtUVSooJNDHGzhZwVBeRg3hMZvXiJFOlvIOXc5b7bv6HrtJFXsdk9lJWlb87sGj722fYSnvMCwQNeZEAx6Wm1Ufunvs520zMywL56c7fauEw25PTRF4sqy4hmq0s1ICDwYXgB4Cu2r/s320/Screen+Shot+2013-02-06+at+10.23.08+AM.png" width="237" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Notes</i></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZm5UZNuyjnS2FRKJSAr016UDC-ulERkVFMWMg8-fPkNP61q5sfRrQap5BFGCLZgjuiisN3BUemJGv8GuaOJKwzmHSllsna9qgf5wqmz662nDeDoo0UzuQ4Oy4W8-HVug7ZENrvkqEOr3/s1600/photo+(3).JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZm5UZNuyjnS2FRKJSAr016UDC-ulERkVFMWMg8-fPkNP61q5sfRrQap5BFGCLZgjuiisN3BUemJGv8GuaOJKwzmHSllsna9qgf5wqmz662nDeDoo0UzuQ4Oy4W8-HVug7ZENrvkqEOr3/s320/photo+(3).JPG" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Notes</i></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2YY6-jvFrKw_iEg5Ole45MtCsn2nKkTYEkXiemCDWSy4RA_z5N2_INJtlnjmRvomiIqNlkFm21bNIKfY6RVP9ObHPHiyj_Gy4-OrY_3cEismT909fdehENjcallIsDnKgvPcIdCNAYxBj/s1600/Screen+Shot+2013-02-06+at+10.34.22+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2YY6-jvFrKw_iEg5Ole45MtCsn2nKkTYEkXiemCDWSy4RA_z5N2_INJtlnjmRvomiIqNlkFm21bNIKfY6RVP9ObHPHiyj_Gy4-OrY_3cEismT909fdehENjcallIsDnKgvPcIdCNAYxBj/s320/Screen+Shot+2013-02-06+at+10.34.22+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Insperation</i></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6f-1vW93HFLldn65F8hnqoJ3FzQn1CxURaB5INrIPTmNeOrzafFTDo258E3wrJtLyVCC1JbnOBnXaVS_fJ9KHPJJ8sq9JUyw6QuKJic-kBUPti5RRi3VLE4QFkja2AAQ_4uHRh5ca4tFv/s1600/Screen+Shot+2013-02-06+at+10.35.10+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6f-1vW93HFLldn65F8hnqoJ3FzQn1CxURaB5INrIPTmNeOrzafFTDo258E3wrJtLyVCC1JbnOBnXaVS_fJ9KHPJJ8sq9JUyw6QuKJic-kBUPti5RRi3VLE4QFkja2AAQ_4uHRh5ca4tFv/s320/Screen+Shot+2013-02-06+at+10.35.10+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Insperation</i></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ4e6lFlnsKnRK0V1-NdFF1IC5-pugx3AqconQ6AsbDGJVahtJzGaY9-UY5gSJaxEih8JNCLz16m27ovDpMI1DWqFX56ExSfAVVHINtTe8Wf6gsHblAm_K3_2JPjKjkVSkxICIvqAW5sR3/s1600/Screen+Shot+2013-02-06+at+10.34.13+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ4e6lFlnsKnRK0V1-NdFF1IC5-pugx3AqconQ6AsbDGJVahtJzGaY9-UY5gSJaxEih8JNCLz16m27ovDpMI1DWqFX56ExSfAVVHINtTe8Wf6gsHblAm_K3_2JPjKjkVSkxICIvqAW5sR3/s320/Screen+Shot+2013-02-06+at+10.34.13+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Insperation</i></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMvVYZsPgzOgZl-VFdNSrT6s5WM-xmABX_IvJ6x3Gze3r-MwJCCBjbALlQVsr2qHjpiU-aWzAMv4qf7R-dvatgN2tVaXrAtZPP2qgYus7W0kHLD2HGKzNeHKkiegVhps3B9Pk0eJM7S0Z1/s1600/Screen+Shot+2013-02-06+at+10.35.22+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMvVYZsPgzOgZl-VFdNSrT6s5WM-xmABX_IvJ6x3Gze3r-MwJCCBjbALlQVsr2qHjpiU-aWzAMv4qf7R-dvatgN2tVaXrAtZPP2qgYus7W0kHLD2HGKzNeHKkiegVhps3B9Pk0eJM7S0Z1/s320/Screen+Shot+2013-02-06+at+10.35.22+AM.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Insperation</i></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<br /></div>
Eli Sebastian Brumbaughhttp://www.blogger.com/profile/06369869528871216169noreply@blogger.com3