tag:blogger.com,1999:blog-91580888732566686292024-03-12T16:17:43.343-07:00she!la wongSheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.comBlogger120125tag:blogger.com,1999:blog-9158088873256668629.post-20562211007937734482012-08-03T00:37:00.002-07:002012-08-03T07:11:34.280-07:00what am i up to these days?<span style="font-size: x-small;">i've been getting that question a lot. from friends, family, past acquaintances, etc. </span><span style="font-size: x-small;">it's kind of a tedious conversation for me - just like those who dread discussing with strangers on airplanes or trains what they do for a living.</span><br />
<span style="font-size: x-small;"><br /></span><br />
<span style="font-size: x-small;">for the past month now, i've been out in cupertino, ca for an internship with apple. ever felt like you were out of your league? like you had no idea what you are doing? that's basically how i felt for a while. but at the same time, i'm learning a lot about both myself and the kind of work i want to pursue. everyone i've met so far has always been amazingly supportive. exactly what am i doing? unfortunately, <a href="http://en.wikipedia.org/wiki/Non-disclosure_agreement">i can't really say.</a></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNhPyCq8vJSZ_6XRHCSnvKVm81KOVfWivgk10Iga8SAA4vYcGxmET6q7aterXKwYHDdSXQCMhZ2tyREmCvBK2a2SRdR0dyW2HLKuyIqI-9eHNCOfJ6qxYwczk7RomAMjtKWnCqlVmYUVQ/s1600/IMG_2664.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNhPyCq8vJSZ_6XRHCSnvKVm81KOVfWivgk10Iga8SAA4vYcGxmET6q7aterXKwYHDdSXQCMhZ2tyREmCvBK2a2SRdR0dyW2HLKuyIqI-9eHNCOfJ6qxYwczk7RomAMjtKWnCqlVmYUVQ/s320/IMG_2664.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: x-small;">for those of you who have the same misconceptions i did, the apple campus is not in one central location. rather, it is actually comprised of numerous spots dotted around the city. of course, there's the main campus at infinite loop where all the tour buses stop by. but there are also a whole network of offices on various streets around cupertino and san jose. </span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdd13OXNHdYNTey-Uiuqc89cXNfbwbXKNZSEj_na0qqxLpvNJa0mibDAHAyAXgQGiyh5AofBVVZ1X3nkoWrirq4unq9GJXrApFgoi5f_4Evf3Xr1oezg8901URajzA8IZFUOrMWW8Sa0/s1600/Screen+Shot+2012-08-02+at+11.51.19+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdd13OXNHdYNTey-Uiuqc89cXNfbwbXKNZSEj_na0qqxLpvNJa0mibDAHAyAXgQGiyh5AofBVVZ1X3nkoWrirq4unq9GJXrApFgoi5f_4Evf3Xr1oezg8901URajzA8IZFUOrMWW8Sa0/s400/Screen+Shot+2012-08-02+at+11.51.19+PM.png" width="297" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: x-small;">stopped by one infinite loop my first day to get my badge photo taken. there's also a <a href="http://www.apple.com/companystore/">company store</a> here where you can buy all sorts of apple branded merchandise.</span></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/AVvXsEhmdh3KNx7JKVn1PnYab0mySCRBhBvR1VY1yE6UKBblKak9Vd3fs_Cu7qDnplvNmg-jVCUN8f7nZM8cgGMJfAq9aKIGWEb9d6HFbhn9PZzbk4ux7k1jibP0Hzh3SPdyceEJWSIT5keaBuo/s1600/IMG_2672.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmdh3KNx7JKVn1PnYab0mySCRBhBvR1VY1yE6UKBblKak9Vd3fs_Cu7qDnplvNmg-jVCUN8f7nZM8cgGMJfAq9aKIGWEb9d6HFbhn9PZzbk4ux7k1jibP0Hzh3SPdyceEJWSIT5keaBuo/s320/IMG_2672.JPG" width="320" /></a></div>
<div class="" style="clear: both; text-align: justify;">
</div>
<div class="" style="clear: both; text-align: center;">
<br /></div>
<div class="" style="clear: both; text-align: left;">
<span style="font-size: x-small;">my corporate badge. they allow props for your photo, so i packed quidditch goggles and a little robot especially for that purpose. #nerdwin</span></div>
<div class="" style="clear: both; text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<div class="" style="clear: both; text-align: left;">
<span style="font-size: x-small;"><br /></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjIJQtPq1exlH0GaQiAID8K3FNGmt_6blk1olXn90go883gHo7Jjfs95yd6mRiHsHisDNs-xbutllmgCUktnQ8-F37PetXE20DF-iqK0sRgI-q5YJ1YF5tuDl0QYXFxgbZP_J5vSgkvsI/s1600/IMG_3005.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjIJQtPq1exlH0GaQiAID8K3FNGmt_6blk1olXn90go883gHo7Jjfs95yd6mRiHsHisDNs-xbutllmgCUktnQ8-F37PetXE20DF-iqK0sRgI-q5YJ1YF5tuDl0QYXFxgbZP_J5vSgkvsI/s320/IMG_3005.JPG" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDW2xAv8sDX2MWTa2MSUoad9qnAuVTLcosatQvCu2L4Ivi4qpWoddWRvQEnHqDQrLO_3AxJ006hFfhoX9pI5pUSwE29bkbPj4IijV6dwgafgx8loeCeZ-Zbs-6dFXKfR7E1uCIASRZFGA/s1600/IMG_3006.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDW2xAv8sDX2MWTa2MSUoad9qnAuVTLcosatQvCu2L4Ivi4qpWoddWRvQEnHqDQrLO_3AxJ006hFfhoX9pI5pUSwE29bkbPj4IijV6dwgafgx8loeCeZ-Zbs-6dFXKfR7E1uCIASRZFGA/s320/IMG_3006.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: x-small;">some non-cupertino photos. spent the weekend at monterey bay with two coworkers, one of whom is also a kcai grad! </span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-10603447347597606012010-08-11T08:46:00.000-07:002010-08-11T08:46:11.927-07:00city 17 final<object height="225" width="400"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13656061&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=&fullscreen=1&autoplay=0&loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=13656061&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><br />
<a href="http://vimeo.com/13656061">CITY17::topics in aesthetics</a> from <a href="http://vimeo.com/sheilawong">Sheila Wong</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: x-large;"><i>Now featured on </i></span><a href="http://www.motionserved.com/Gallery/CITY17/598389"><span class="Apple-style-span" style="font-size: x-large;"><i>MotionServed!</i></span></a>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-12950791617791596212010-07-14T21:12:00.000-07:002010-07-14T21:18:23.472-07:00city 17:: conceptualizing<div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTaJkWOt-Lu0GR93QwUaCv3QXB1kcoo2q6gLqnrnQInwv9JGVTseLpul83i1vvRsD9159IoXnIzCxNXRjXdS3NjTRdTJTrGrum8qbBUF7mpZTZjzT9XgWozlcZjZ0dMRtSRhR-Bm6ooTw/s1600/Screen+shot+2010-07-14+at+11.13.36+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTaJkWOt-Lu0GR93QwUaCv3QXB1kcoo2q6gLqnrnQInwv9JGVTseLpul83i1vvRsD9159IoXnIzCxNXRjXdS3NjTRdTJTrGrum8qbBUF7mpZTZjzT9XgWozlcZjZ0dMRtSRhR-Bm6ooTw/s400/Screen+shot+2010-07-14+at+11.13.36+PM.png" width="368" /></a><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2szZlIHzzLTNrsOlxngvpqXzjM3XC4GkuNhg0wea2IpTs7OmoWpFojG-KWLOTpfvAoiaDE2LwVRi5cymuPVAXtc84mvuXGAkOyAD74z9C0lyCuo4sgHmbxjc4HBM9_SqnRGsNwt1G4U/s1600/Screen+shot+2010-07-14+at+11.20.21+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2szZlIHzzLTNrsOlxngvpqXzjM3XC4GkuNhg0wea2IpTs7OmoWpFojG-KWLOTpfvAoiaDE2LwVRi5cymuPVAXtc84mvuXGAkOyAD74z9C0lyCuo4sgHmbxjc4HBM9_SqnRGsNwt1G4U/s320/Screen+shot+2010-07-14+at+11.20.21+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;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjih_KXBLEZTVMjdb8DFQT5PjJulj9jk8VT9akBFC1hpxedq1rG8E8iz4ySgxtVO6VaXWHHvEPxuBpznagXYcnZOXpaaBXK-wPEaXfpUoeRaVT6H0bHr0MVUsffwFW0EVVIvAgk5LS6Jwo/s1600/Screen+shot+2010-07-14+at+10.05.54+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjih_KXBLEZTVMjdb8DFQT5PjJulj9jk8VT9akBFC1hpxedq1rG8E8iz4ySgxtVO6VaXWHHvEPxuBpznagXYcnZOXpaaBXK-wPEaXfpUoeRaVT6H0bHr0MVUsffwFW0EVVIvAgk5LS6Jwo/s320/Screen+shot+2010-07-14+at+10.05.54+PM.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">First round for my current project, "city 17."</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-24302229923122580802010-03-24T18:30:00.000-07:002010-03-24T18:30:08.026-07:00dp::motion tests<object height="300" width="400"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10409380&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10409380&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><br />
<a href="http://vimeo.com/10409380">Untagged - test1</a> from <a href="http://vimeo.com/user3448320">Sheila Wong</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<div><br />
</div><div>Initial motion test. Still needs a lot of revising, but the idea of the elements 'growing' from each other is something I'd like to keep working with.</div><div><br />
</div><div><br />
</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com1tag:blogger.com,1999:blog-9158088873256668629.post-8083191678949010712010-03-22T11:41:00.000-07:002010-03-22T11:41:21.103-07:00dp::refining, iterating<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilXV0N3YQ6FENy0AKTbPfH6xOQxSoAB1Fec-dlat9Sl1vO6XmquD-HV7qRBvaGyljmUWCuWtdIDvfGvW6NHImB53tkrvfzSWW30Uo1lLb2eU5WfQ-k1LBlqK8t97IuxnwsnhXEA8Hn5wY/s1600-h/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilXV0N3YQ6FENy0AKTbPfH6xOQxSoAB1Fec-dlat9Sl1vO6XmquD-HV7qRBvaGyljmUWCuWtdIDvfGvW6NHImB53tkrvfzSWW30Uo1lLb2eU5WfQ-k1LBlqK8t97IuxnwsnhXEA8Hn5wY/s400/1.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;">I've been working on a 'tagging' system which uses a common toolset, but presents a distinct difference between when users tag themselves versus tagging brands. For the self tagging, I worked with a circular arrangement of words.</div><div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNt0aAbhzPVOTIHtS1e596j1SoVkTWRLq7xoZpmKl95JICJKy02OewDfTnoKxSpduK_Cbo4NnJoiFj_cVlpN8uk08osnjbPqXombgGPmiL6YNqvM-fl3mTGJUZG8_ykfAU5hR3JjXtLE4/s1600-h/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNt0aAbhzPVOTIHtS1e596j1SoVkTWRLq7xoZpmKl95JICJKy02OewDfTnoKxSpduK_Cbo4NnJoiFj_cVlpN8uk08osnjbPqXombgGPmiL6YNqvM-fl3mTGJUZG8_ykfAU5hR3JjXtLE4/s400/2.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;">When tagging brands, the tag clouds are presented in a more modular arrangement. Here, inputed words brand off from one another, depending on the connotation of the word itself.</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDbZHYvDXeMFmwsEhUg7EdLjMJt5JHD0_QYV_OxcLDtMP1Vm1i7__Xd27iWjdMbqwuKnOaHxEtMmeimDBlKJOwSRnmwOGj7h-C4FkupA8wgUcbcR8lMDN5sCAUmYSEjg3bcLqC3UEEcLo/s1600-h/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDbZHYvDXeMFmwsEhUg7EdLjMJt5JHD0_QYV_OxcLDtMP1Vm1i7__Xd27iWjdMbqwuKnOaHxEtMmeimDBlKJOwSRnmwOGj7h-C4FkupA8wgUcbcR8lMDN5sCAUmYSEjg3bcLqC3UEEcLo/s400/3.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;">Additionally, a motion graphics element is something I'm looking to incorporate into this project as well. Some sketches on possibly compositions and layouts. I also think I need some other typeface than just simply Serifa.</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuf69laEUbJhA1ErSkd8H9Ei5sacTZ0u3eJ39jjhPkn3vKHI0h1BkT4cHFbXfmAw2f_F297BDDJAcquayW-C3IqekrCcfy5os7dzODtEc8B2bemrLpDTJh7tGfwjM49zlcP14o-Gp6qqQ/s1600-h/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuf69laEUbJhA1ErSkd8H9Ei5sacTZ0u3eJ39jjhPkn3vKHI0h1BkT4cHFbXfmAw2f_F297BDDJAcquayW-C3IqekrCcfy5os7dzODtEc8B2bemrLpDTJh7tGfwjM49zlcP14o-Gp6qqQ/s640/4.png" width="640" /></a></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com2tag:blogger.com,1999:blog-9158088873256668629.post-74633691815316414162010-03-10T01:28:00.000-08:002010-03-10T01:29:07.753-08:00dp::mid semester summation<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><span class="Apple-style-span" style="font-size: 11px;"></span></span><br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><span class="Apple-style-span" style="font-size: 11px;"><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">At the beginning of this project, I originally was looking into how we could encourage creativity among high school students. But once I began interviewing and taking surveys of my demographic, I soon realized that the research question needed to be severely refined. Of the eventual forty-five students I spoke and/or surveyed, a startling amount of them had a similar dependancy on brand names.</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">When asked to define themselves, or what they saw as "identity," a large percentage of the students often brought up name brand items and clothing. But when asked why, they couldn't give any definitive answers.</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">It was at this point that I began to realize that we cannot encourage creativity unless we first understand what stymies it. And thus I began to do research about brand literacy, or the understanding of how messages are analyzed, evaluated and created. As a designer, I've worked in projects where the objective was to create a brand as well, ones where I've had to carefully consider the kinds of qualities and information I was sending to the audience.</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IwNk6jNTLPSaDodOZr6e44FFyH9N6_7fqRpzChSaWH-7ZbkVzOv8wIO48RAdj4XFNb9J7lk9LJJjDl1TOWeuoMsL4iooccnAlZ7czsXwwF4pDV3YOJ7Lo_oIUErDntXOlq3rNr3gwTk/s1600-h/sum1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IwNk6jNTLPSaDodOZr6e44FFyH9N6_7fqRpzChSaWH-7ZbkVzOv8wIO48RAdj4XFNb9J7lk9LJJjDl1TOWeuoMsL4iooccnAlZ7czsXwwF4pDV3YOJ7Lo_oIUErDntXOlq3rNr3gwTk/s320/sum1.png" width="284" /></a></div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">I ran into no shortage of dead ends through different prototypes and experiments, but each iteration left me with different things I would need to consider later on. For a while I focused on the idea of a quiz/game where one could input information about themselves, and it would generate an infographic of sorts for them to keep. But while this idea could possibly motivate students to try it, it lacked dimension and an incentive for longer-term involvement.<br />
<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW1PF_GGasOTeuR6LH-_Ateg5e2KvIZgAQVFONQn8gxVqUV5lI28SGGDRDWBo8eI_7OrYG6TvGdRXEXFNNJINojVa0eKH47QeTX6Vf1whnBATe4imvKgLAYKU5QBU9vA7E3QKMh3q-_a0/s1600-h/sum2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW1PF_GGasOTeuR6LH-_Ateg5e2KvIZgAQVFONQn8gxVqUV5lI28SGGDRDWBo8eI_7OrYG6TvGdRXEXFNNJINojVa0eKH47QeTX6Vf1whnBATe4imvKgLAYKU5QBU9vA7E3QKMh3q-_a0/s320/sum2.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;"><br />
</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj22jfIEWlitZiiOfOr5cuzNi4I7xv1Yabx3_0IarW5LLHONgIhXK3BuXeemurIbgglQe53EIv24xwqccJ1xt6ELmGFs8bBZlbAFBpzi-lUW_BgW8WrjlawWrZ0D9yjWD-sMuOglkYbqAw/s1600-h/sum3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj22jfIEWlitZiiOfOr5cuzNi4I7xv1Yabx3_0IarW5LLHONgIhXK3BuXeemurIbgglQe53EIv24xwqccJ1xt6ELmGFs8bBZlbAFBpzi-lUW_BgW8WrjlawWrZ0D9yjWD-sMuOglkYbqAw/s320/sum3.png" width="320" /></a></div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">For the past few days, I've been building a web-based community that I've dubbed, <i>Untagged</i>. (I'm still open for better names) <i>Untagged</i> seeks to educate its users about the variety of messages that brand names seek to convey to consumers.</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">One of the two main features is the "tagging" system. Basically, you are presented with a brand name and/or logo, and can tag it with words and adjectives of how you perceive the brand. I'll be continuing with this direction in the coming weeks - but I'm very optimistic about the possibilities that <i>Untagged</i> could have.</div></span></span>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com1tag:blogger.com,1999:blog-9158088873256668629.post-49325865153482895322010-03-08T06:50:00.000-08:002010-03-08T06:50:14.243-08:00spatial exp::kc auto show<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXcVpfpAlSAWyd1B3u5_nxmMlBilogN_IPstJs97Erm7pj4u8GOm8v8AMINIPcL_p9IXnW_anvXHmEQg1cRgwidxLSWSBNTLHDCQ4VBkTb8wi1PxJvIOVALeHybFuqy95BxJ7nZceDYs/s1600-h/100_0442.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXcVpfpAlSAWyd1B3u5_nxmMlBilogN_IPstJs97Erm7pj4u8GOm8v8AMINIPcL_p9IXnW_anvXHmEQg1cRgwidxLSWSBNTLHDCQ4VBkTb8wi1PxJvIOVALeHybFuqy95BxJ7nZceDYs/s320/100_0442.JPG" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;">01 - practical signage.</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRdAW9RF85TYRKDICjokqmDaysr9vCAl6LspEfhew-BB0xTyr3lmoHz2LVHk1vOiN92yWyjURkV7rJqkNl9hCZfn0noZg-koiDEeFVWB2V5ETdNRoYpmjG8EsUVlk83UblqQ4InZFNlQ/s1600-h/100_0432.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRdAW9RF85TYRKDICjokqmDaysr9vCAl6LspEfhew-BB0xTyr3lmoHz2LVHk1vOiN92yWyjURkV7rJqkNl9hCZfn0noZg-koiDEeFVWB2V5ETdNRoYpmjG8EsUVlk83UblqQ4InZFNlQ/s320/100_0432.JPG" /></a></div><div class="separator" style="clear: both; text-align: center;">02 - Are rainbows poetic?</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUotzFhjuWwDUdzFBQhCTQ88JcNNQE3ly0NFK3ZQcEwa0mRRuOk5dafz27rqU8FPyN0ssfRokUF0wfbmQ4gFkGdKzbY4zVseax-DokzhahxmtC0myQiAVqvWeoSBu2vJKFmaa8taK_Me0/s1600-h/100_0459.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUotzFhjuWwDUdzFBQhCTQ88JcNNQE3ly0NFK3ZQcEwa0mRRuOk5dafz27rqU8FPyN0ssfRokUF0wfbmQ4gFkGdKzbY4zVseax-DokzhahxmtC0myQiAVqvWeoSBu2vJKFmaa8taK_Me0/s320/100_0459.JPG" /></a></div><div class="separator" style="clear: both; text-align: left;">03 - I suppose nothing is more persuasive to their target demographic than a woman talking about a nice car. Well, she was definitely more persuasive than the majority of the car dealers.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn4FMvLCotWyUofzQc2W3NPNtVn0oPjZmDy6hqor8DEmfw8PlzxSUaEgj3ENAJdchn4H6ogKoU8gf7e9SbtdEh6hyphenhyphenvwWS_4WCtY98MTiFvYosIEMfjCBmf0_y1R-JMrpA1mQJjlEHavuc/s1600-h/100_0469.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn4FMvLCotWyUofzQc2W3NPNtVn0oPjZmDy6hqor8DEmfw8PlzxSUaEgj3ENAJdchn4H6ogKoU8gf7e9SbtdEh6hyphenhyphenvwWS_4WCtY98MTiFvYosIEMfjCBmf0_y1R-JMrpA1mQJjlEHavuc/s320/100_0469.JPG" /></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/AVvXsEgdzZpMIDGlW-wjTVtYhLPMF2tGQhQ6a5tTle0IRCuSAxZ4WhWKblrfhcVRGeCISs4cnc8nzbCBMSbxOK-3nSs_kGD6Q2r_eEb9RsXMiVYZz-X1serGrjd0IUuSEHiuL75tjetURSoYztE/s1600-h/100_0430.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdzZpMIDGlW-wjTVtYhLPMF2tGQhQ6a5tTle0IRCuSAxZ4WhWKblrfhcVRGeCISs4cnc8nzbCBMSbxOK-3nSs_kGD6Q2r_eEb9RsXMiVYZz-X1serGrjd0IUuSEHiuL75tjetURSoYztE/s320/100_0430.JPG" /></a></div><div class="separator" style="clear: both; text-align: left;">For me, this was by far the most persuasive element. I'd buy a car if it came with that dress.</div><div style="text-align: center;"><br />
</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-21276167924559638492010-03-05T11:46:00.000-08:002010-03-05T11:47:24.778-08:00pro practice::finished portfolio site<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: bold;"><a href="http://sheila-wong.com/"><span class="Apple-style-span" style="font-size: x-large;">sheila-wong.com</span></a></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpKKiMu_b-wwUv6eB8QnUHBvg9XHSFzd8206IXfG0v75Oz4kCGVL8XKxpcYMyLuwNG7yMSWZnj-qt12kV2tB_HUKUkJ78xxSTxub21Y4H2f9h7orf6MHvN47wzPFfrQ7S2e36UD_Zatg/s1600-h/Screen+shot+2010-03-05+at+1.39.50+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJpKKiMu_b-wwUv6eB8QnUHBvg9XHSFzd8206IXfG0v75Oz4kCGVL8XKxpcYMyLuwNG7yMSWZnj-qt12kV2tB_HUKUkJ78xxSTxub21Y4H2f9h7orf6MHvN47wzPFfrQ7S2e36UD_Zatg/s640/Screen+shot+2010-03-05+at+1.39.50+PM.png" width="640" /></a></div><div style="text-align: center;"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b><i><span class="Apple-style-span" style="font-family: Times;"><span class="Apple-style-span" style="font-style: normal; font-weight: normal;"><br />
</span></span> </i></b></span></div></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">My finished web portfolio. Still need to finesse the layout of the portfolio elements.</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhixdyMEEj5HhX9KP-PlIkkht6hzFN_Hsp7ZIuM13bP4W_qCHKucIGWivbpUohEv2yX4RC1Ywq6brrFXMtHK_JQ6otBGSGR14lmtGHP2hwnjD5Gk2tYlol27ZBUZqPT60OLd8_cP9Ta9BI/s1600-h/Screen+shot+2010-03-05+at+1.47.20+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhixdyMEEj5HhX9KP-PlIkkht6hzFN_Hsp7ZIuM13bP4W_qCHKucIGWivbpUohEv2yX4RC1Ywq6brrFXMtHK_JQ6otBGSGR14lmtGHP2hwnjD5Gk2tYlol27ZBUZqPT60OLd8_cP9Ta9BI/s400/Screen+shot+2010-03-05+at+1.47.20+PM.png" width="400" /></a></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-58706060586193259302010-02-25T12:29:00.000-08:002010-02-25T12:29:28.772-08:00pro practice::portfolio website<span class="Apple-style-span" style="font-family: 'Lucida Grande';"><span class="Apple-style-span" style="font-size: small;">Got all the code up and running, just need to drop in the portfolio pieces now.</span></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAJ4NfHF4SdcWDQyzk6_2Bg1TLoEoeZUXIeaZn3wmXbSyYzNzLY0tKsh6R7Goi_FSYW2JvPXWJNXyRa3GsgqHr9bte76LOV5zJjIGm_LtSqMH0sGIDszP0k5E2Zm8VRZkKH6xlTDwaQiI/s1600-h/Screen+shot+2010-02-25+at+2.25.47+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="508" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAJ4NfHF4SdcWDQyzk6_2Bg1TLoEoeZUXIeaZn3wmXbSyYzNzLY0tKsh6R7Goi_FSYW2JvPXWJNXyRa3GsgqHr9bte76LOV5zJjIGm_LtSqMH0sGIDszP0k5E2Zm8VRZkKH6xlTDwaQiI/s640/Screen+shot+2010-02-25+at+2.25.47+PM.png" width="640" /></a></div><div><span class="Apple-style-span" style="font-family: 'Lucida Grande';"><span class="Apple-style-span" style="font-size: small;">A very close version of the <a href="http://sheilaw.blogspot.com/2009/12/mx-project-two-final.html">wireframe I made in Multimedia Experience</a>, except some of the navigational elements were moved around, and I changed the sorting method from years to media type.</span></span></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com1tag:blogger.com,1999:blog-9158088873256668629.post-47286351005611867172010-02-24T11:54:00.000-08:002010-02-24T11:54:42.697-08:00dp::small group notes<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><b>User Incentives:</b></div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"></div><ul><li>Personalized space</li>
<li>comparison to others</li>
<li>new content / updates</li>
<li>what is important</li>
<li>connect to similar people</li>
<li>matching users? potential friends</li>
<li>home profile page</li>
<li>sharing facts</li>
<li>what they can do to grow</li>
<li>pair brand literate with someone who isn't</li>
<li>embrace what they like</li>
<li>encourage dialogue between opposites.</li>
</ul><div><br />
</div><div><b>Personality Test Drive / Mentality</b></div><div><ul><li>Subjective validation</li>
<li>Narcissistic personality inventory</li>
<li>Most personality quizzes are only roughly 50% accurate.</li>
<li>Many users don't answer honestly; fear of a negative 'score.'</li>
<li>Popular at end of the year (New Year's resolutions?)</li>
</ul><div><br />
</div><div><b>Quiz/Test Motivations:</b></div><div><ul><li>Self interest / Self discovery</li>
<li>How can they fix what's wrong with them?</li>
<li>How can they get along better with people?</li>
<li>Entertainment</li>
<li>Comparison</li>
</ul></div></div><div><br />
</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-57934234847163924292010-02-24T08:25:00.000-08:002010-02-24T11:44:29.835-08:00mousepath::day 003<div class="separator" style="clear: both; text-align: left;"><b>Day 03:</b> Pro Practice, Degree Project</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NiauHdXke9HiomlPu7Bvxd-hb9wF9VCGB-YaQDFbvHjvCCychUiU5TN1UAmifOmz88bwSjjBexIphgAjhLqvCO1LMTbZz9lmjVEWm42wBWmMVRCY4xRNxnAGfCvHz3GC82YvYYkXvw0/s1600-h/Screen+shot+2010-02-24+at+10.14.50+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NiauHdXke9HiomlPu7Bvxd-hb9wF9VCGB-YaQDFbvHjvCCychUiU5TN1UAmifOmz88bwSjjBexIphgAjhLqvCO1LMTbZz9lmjVEWm42wBWmMVRCY4xRNxnAGfCvHz3GC82YvYYkXvw0/s640/Screen+shot+2010-02-24+at+10.14.50+AM.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;">Some more workin' in Illustrator today. About ten minutes after I started the app.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLMHKTJvM4z80Ytxho4Q-ZaWEDgsYGAtQuDGSzEwyJIZpLfbmSBFYmds5jsZI1VEVgV15eKL3V3ThqAk7cVTNmNPzoKMJ9r8Qc-69Ia-NgtfY3ArqP5O6A526S7gaP5Hz44rZqVU1VUM/s1600-h/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmLMHKTJvM4z80Ytxho4Q-ZaWEDgsYGAtQuDGSzEwyJIZpLfbmSBFYmds5jsZI1VEVgV15eKL3V3ThqAk7cVTNmNPzoKMJ9r8Qc-69Ia-NgtfY3ArqP5O6A526S7gaP5Hz44rZqVU1VUM/s640/1.png" width="264" /></a></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Progression throughout the day. Did a number of small group critiques today, hence the denser collection of dots.<br />
Apparently the application I click most often on my dock is iTunes. Hmm.</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-55598868782876399152010-02-23T15:12:00.000-08:002010-02-23T15:12:49.379-08:00adobe photoshop COOK ::find+share<div style="text-align: center;"><object height="300" width="400"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9338549&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9338549&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object></div><div style="text-align: center;"><a href="http://vimeo.com/9338549">Adobe Photoshop Cook</a> from <a href="http://vimeo.com/user456458">Lait Noir</a> on <a href="http://vimeo.com/">Vimeo</a>.</div><div style="text-align: center;"><br />
</div><div style="text-align: left;">What if Photoshop could be used to cook? An awesome stop-motion video of cookies being made in Photoshop.</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com1tag:blogger.com,1999:blog-9158088873256668629.post-38886207787051457642010-02-22T11:12:00.000-08:002010-02-22T11:17:43.192-08:00dp::initial icon sketches + interactivity wires<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkFgW8MLynNx4sgImPcdEIDzBe6W5X3tUpbAMur0fXIgsOhTvy0VYSosnYHyBxChbPVXTbQ-nd5qkuR2zLCgAcJmSLJbFmBXZB53vEB-N30xgbrAzxCtr3CrZlIrLtQR5KueMO6GAwEKc/s1600-h/Screen+shot+2010-02-22+at+1.11.33+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkFgW8MLynNx4sgImPcdEIDzBe6W5X3tUpbAMur0fXIgsOhTvy0VYSosnYHyBxChbPVXTbQ-nd5qkuR2zLCgAcJmSLJbFmBXZB53vEB-N30xgbrAzxCtr3CrZlIrLtQR5KueMO6GAwEKc/s400/Screen+shot+2010-02-22+at+1.11.33+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;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCKPVJycFqqFoGRWsuB4jWJFzOeay0MqTaYwshNipmHqPDe6buG3h8rR7q3y5OApqF2FuuwHl2pR51QFvm3g-onAR8PevD_MWFpOb9LMq4bqaM2qGqaTSFnC3uE8x7hmqSQqefr27N2o/s1600-h/circlewords.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrCKPVJycFqqFoGRWsuB4jWJFzOeay0MqTaYwshNipmHqPDe6buG3h8rR7q3y5OApqF2FuuwHl2pR51QFvm3g-onAR8PevD_MWFpOb9LMq4bqaM2qGqaTSFnC3uE8x7hmqSQqefr27N2o/s400/circlewords.png" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHFWANeO4r3IfqboNbe1we4skqQWRxgKCdL2XBEZrZfdWHGunou-6U1zd99Ug5cdR2w8Yl6K55_AJQzf-UrYSdn5diSYBE98FdBdAQjOtzcuseFdR7T4IzzdZWm4lpftFMbAN06EfUJg/s1600-h/crowdcloud.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMHFWANeO4r3IfqboNbe1we4skqQWRxgKCdL2XBEZrZfdWHGunou-6U1zd99Ug5cdR2w8Yl6K55_AJQzf-UrYSdn5diSYBE98FdBdAQjOtzcuseFdR7T4IzzdZWm4lpftFMbAN06EfUJg/s400/crowdcloud.png" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip65PaFrA8MAqx_Q6Hb_QnXitrhanjIq4ghSPCtWNqEHbQRxf__IPqGDxlXXCA58SAbk-wMThbuRjhsTA67wYX6hhcKdUzRHMYYqizjeDgqykr4aK-wfCdS8SqJa8Nz9EEFRM-1_gI4bM/s1600-h/dragsort.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip65PaFrA8MAqx_Q6Hb_QnXitrhanjIq4ghSPCtWNqEHbQRxf__IPqGDxlXXCA58SAbk-wMThbuRjhsTA67wYX6hhcKdUzRHMYYqizjeDgqykr4aK-wfCdS8SqJa8Nz9EEFRM-1_gI4bM/s400/dragsort.png" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgyjdY9kn5aVAyjdnUYa-cdcgfk5HZaHRzpuoX9dWPo3ddb2Qs_U9GKxSjEeqBTYZr1LMz1PN_Uql1ona7CiRF2qnOIHgxE4_9dSAgFiB-xcoALGqObP4cwTGTsF0NOd3kjmpmubpDj0/s1600-h/usermass.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgyjdY9kn5aVAyjdnUYa-cdcgfk5HZaHRzpuoX9dWPo3ddb2Qs_U9GKxSjEeqBTYZr1LMz1PN_Uql1ona7CiRF2qnOIHgxE4_9dSAgFiB-xcoALGqObP4cwTGTsF0NOd3kjmpmubpDj0/s400/usermass.png" width="400" /></a><br />
<br />
<b>Critique Notes:</b><br />
<br />
<ul><li>What keeps the user(s) interested?</li>
<li>What could make it more than a one-time experience?</li>
<li>Longer life span?</li>
<li>Working towards something else?</li>
<li>Educated the users, <i>now what?</i></li>
<li>Is there a call to action?</li>
<li>SO WHAT? and LONGEVITY</li>
<li>Encourage change and commitment</li>
<li>Brand literacy</li>
</ul><div><b>Interface/User Experience Notes:</b></div><div><ul><li>Develop visual indicators</li>
<li>Size of circle = priority</li>
<li>Play up interactions</li>
<li>Immediate user feedback</li>
<li>Make it interesting/fun to fill out</li>
<li>Shows off users' skills?</li>
<li>Different iterations</li>
<li>Toggle between self, friends and others</li>
<li>Sorting</li>
</ul><div><b>Other Considerations</b></div><div><ul><li>Facebook/Myspace quizzes</li>
<li>WHY do they take these quizzes?</li>
<li>Self interest</li>
<li>More visual</li>
<li>IQ Tests</li>
<li>Self discovery?</li>
<li>Iterate, innovate</li>
</ul></div></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-84696613009890515862010-02-22T06:48:00.000-08:002010-02-22T11:09:21.473-08:00mousepath::day 002<b>Day 02</b> - Spatial Experience, Degree project<br />
<br />
8:49am<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOHuN-0lybJylsPdsbFZ4OQRFQwYx2gmd_N8DJKspvOOp1p03lreU6yCCSpPqCrau9C9rtvyDPwAeqB_RMQORr1i7FZMXkZdeN1U58f679bQgIGyLQNDyldow7bo4N-Nq1PRa6gXlZ5es/s1600-h/day+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOHuN-0lybJylsPdsbFZ4OQRFQwYx2gmd_N8DJKspvOOp1p03lreU6yCCSpPqCrau9C9rtvyDPwAeqB_RMQORr1i7FZMXkZdeN1U58f679bQgIGyLQNDyldow7bo4N-Nq1PRa6gXlZ5es/s640/day+2.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">Progression throughout the day:</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEapbTybr-Yd6J3mR4SyBfcJdoC2AZhbSF2gfjV31pjI1Cd2vBGiXlSjSbPmlm4zU9uhO1ieluNKs85X01yuhRWcHcwyNAPeRs7FwP6RB0PgLRxG3kUJUp7JDo3FeKxKr83Lj94LSgexM/s1600-h/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEapbTybr-Yd6J3mR4SyBfcJdoC2AZhbSF2gfjV31pjI1Cd2vBGiXlSjSbPmlm4zU9uhO1ieluNKs85X01yuhRWcHcwyNAPeRs7FwP6RB0PgLRxG3kUJUp7JDo3FeKxKr83Lj94LSgexM/s640/1.png" width="264" /></a><br />
<br />
<div style="text-align: left;">Do I really rest my mouse that much? And here I thought I was constantly in motion.</div></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-51199054002563129782010-02-17T11:16:00.000-08:002010-02-17T11:28:24.309-08:00dp::a visual prototypeInteractive model, used information from surveys I distributed to my target audience.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh052XB7m_Ra9ZPcORDpcZaTD9tZKRNeXPr2TKW0nHOQgO9pD75-r7WbhM5GQJmtdfSnaJy0gTUv2u3zchbhj7X4T1kDgTCbp947jVx-nYkxWlAw9M0O4tDrURwv78ggPaS0rWL-FlCB-4/s1600-h/p2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh052XB7m_Ra9ZPcORDpcZaTD9tZKRNeXPr2TKW0nHOQgO9pD75-r7WbhM5GQJmtdfSnaJy0gTUv2u3zchbhj7X4T1kDgTCbp947jVx-nYkxWlAw9M0O4tDrURwv78ggPaS0rWL-FlCB-4/s400/p2.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLdeV5K9iym1vugTVs6PoZaww8mMU6ErETo-Sv3iyT7Q6NWFz3soKT1398MBi1cZ3O5zj2A5FMdEZDbD3cH2RQ88GxWatqYkVefslLPEjhzysQbY8TIDwuuCAPpsmi3AnpsGnfEMjEuhI/s1600-h/p1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLdeV5K9iym1vugTVs6PoZaww8mMU6ErETo-Sv3iyT7Q6NWFz3soKT1398MBi1cZ3O5zj2A5FMdEZDbD3cH2RQ88GxWatqYkVefslLPEjhzysQbY8TIDwuuCAPpsmi3AnpsGnfEMjEuhI/s400/p1.png" width="400" /></a><br />
<div class="separator" style="clear: both; text-align: left;"><br />
</div><div style="text-align: center;"><a href="http://swong.kcaigraphicdesign.com/dp/prototypes/visland.html"><b>See online version.</b></a></div><div style="text-align: center;"><br />
</div><br />
<b>Some notes from critique:</b><br />
<br />
<br />
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><span style="text-decoration: underline;"><b>Revise:</b></span></div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"></div><ul><li>Research question</li>
<li>ICONS</li>
</ul><br />
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"></div><ul><li>Where do I want to be?</li>
<li>Interactivity of the circles? (Draggable?)</li>
<li>Customization, more levels</li>
<li>Plug in your own info, affects the infographics</li>
<li>You vs. general masses</li>
</ul><br />
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><span style="text-decoration: underline;"><b>Icons:</b></span></div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"></div><ul><li>Individuality</li>
<li>Unique icon set</li>
<li>Appropriate connotations</li>
<li>Attributes</li>
<li>Attitude</li>
</ul><br />
<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"></div><ul><li>fun vs. generic</li>
<li>Broader functionality?</li>
<li>Break down more?</li>
<li>Strategy?</li>
<li>Plotted vs. general public.</li>
<li>Educate</li>
</ul>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-86026581674246162092010-02-17T10:33:00.000-08:002010-02-17T12:38:49.632-08:00mousepath::day 001A small experiment I'm starting on the side. Using <a href="http://www.anatolyzenkov.com/">Anatoly Zenkov's</a> <a href="http://dl.dropbox.com/u/684632/mousepath.jar">mousepath</a> code, I'm tracking my mouse's movements throughout the course of the day. (There's a link above to the script, if you want to try it for yourself!)<br />
<br />
<br />
<br />
<b>Day 01: </b>pro practice, lunch, degree project<br />
<br />
(Note: large black dots indicate points where the mouse rested for a period of time. So the larger the dot, the longer the duration.)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAB5OIlrZV62l0H3WFFJkNHPK4RIsZBHFa4gVZAECVGa2epwLzeFihjHRsMMelPXIKoQOSwxHOJs_iAaSfID_QpGbFOgGxO7eSrT5VbxKq3N-pw4qL0mRGQ6wmH1Dakhro_4opTqjQJA4/s1600-h/mousepath.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAB5OIlrZV62l0H3WFFJkNHPK4RIsZBHFa4gVZAECVGa2epwLzeFihjHRsMMelPXIKoQOSwxHOJs_iAaSfID_QpGbFOgGxO7eSrT5VbxKq3N-pw4qL0mRGQ6wmH1Dakhro_4opTqjQJA4/s640/mousepath.png" width="640" /></a></div><div style="text-align: center;">(9:25am - 12:02pm)<br />
<div style="text-align: left;">Lots of movement to the upper right corner! Most likely because of expose'.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrFXUDeHkEZydHcxs3-S4P4U2W33NY0NrRK0f5WJwtJdeMc9Jg1u0Ot-R9gV1oWtdFJDghWHNlDokZQwaXyIofiKFbC-_R5Jh0rvlufVXpOMHBUNpXCfB_-ZJXjGU4cl1ja5WkA13inRU/s1600-h/02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrFXUDeHkEZydHcxs3-S4P4U2W33NY0NrRK0f5WJwtJdeMc9Jg1u0Ot-R9gV1oWtdFJDghWHNlDokZQwaXyIofiKFbC-_R5Jh0rvlufVXpOMHBUNpXCfB_-ZJXjGU4cl1ja5WkA13inRU/s640/02.png" width="640" /></a></div></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-17757528802278591542010-02-11T22:27:00.000-08:002010-02-11T22:27:53.246-08:00pro practice:: three surprises (web design)1.) Motion graphics may be billed as high as $10,000 per on-screen minute.<br />
<br />
2.) When pitching to design a website, a designer may need to hire consultants on creative deliverables such as mood boards, Photoshop comps, or Flash files and determine if a style guide is needed.<br />
<br />
3.) Usually pays around $50 an hour.Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com1tag:blogger.com,1999:blog-9158088873256668629.post-74988599594762390422010-02-09T00:08:00.000-08:002010-02-10T08:23:41.652-08:00dp::timeline + media literacy<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNnq8k-cE-1P6Vq6Dxqh_6itPjDtNNxZ4pjfOjmp9X4m185R2Xcr_7Hkg4HTBlUvPyPqT4qYeHZ2d2_koYmnQNZ4fybUQSHskgDz8CXdblU0aOn0JKgm1m6DZaa8KJ7rjomqTyxomEN0/s1600-h/timeline.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNnq8k-cE-1P6Vq6Dxqh_6itPjDtNNxZ4pjfOjmp9X4m185R2Xcr_7Hkg4HTBlUvPyPqT4qYeHZ2d2_koYmnQNZ4fybUQSHskgDz8CXdblU0aOn0JKgm1m6DZaa8KJ7rjomqTyxomEN0/s640/timeline.png" width="316" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;">How can an interactive web-based community empower high school students to break from commercial mass production and develop their own unique visual identities?</span></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 14px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;"><br />
</span></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;">High school students are my primary audience for this project, but can include college freshmen as well. Students in this grade range are developing their own sense of identity, specifically who they are, their likes and dislikes, etc. Regardless of whether or not we admit it, we are all influenced by something. But all people these days are influenced by one main force: the media. Teenagers are often their main focus because they're still developing their own ideas and are slowly allowing those thoughts to steer their lives in the direction of their choice. ("Virgins of thought" some call them.) One major example of media manipulation is the idea of "having a right look."</span></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;"><br />
</span></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;">During my initial round of surveys, I asked high school students: "What does identity mean to you?" and "What do you associate with identity?" OR "What are you favorite brands?" and "WHY do you buy the brand names you do?"</span></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;">A majority of their responses were often directed towards material objects that they desired: Louis Vuitton purses, Gucci accessories, clothing, etc. Acquiring these name brands seemed to be an important goal for them. A survey of magazines and/or blogs they subscribed to consisted of numerous fashion publications, etc. The problem here seems to be a lack of media literacy. Media literacy is the process of analyzing and evaluating messages in their wide variety of forms. It helps to encourage people to ask questions about what they watch, hear, and read. More importantly, an understanding of the media can help students critically analyze messages to detect propaganda, censorship and bias.</span></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;"><br />
</span></div><div style="color: #333233; font: normal normal normal 12px/normal Helvetica; line-height: 23px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: medium;">So how can design help to teach teenagers about media manipulation and encourage them to become more visually literate? In order to achieve this, I plan on developing an interactive community which can help to educate teens about the media, and encourage them to forge their own identities. I want this to be more than just a collection of educational articles though. I want the final artifact to facilitate dialogue between its readers, and encourage the exchange of independent ideas.</span></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-69709746743698490732010-02-03T10:02:00.000-08:002010-02-03T10:34:41.658-08:00dp::more prototyping<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJknNv4vHNY4pip-p48SEResxWA7fPLHEYIYSN0zzKI5xW5EX32_gkRrJGVgdwTlyGKC_x-KmbGVeujBbz6BZ0D1ho_CkdKTSP-CiLWe5ZTPrFQT9mz-uS4IwoeBpoHZjIMjVt4TtMcus/s1600-h/IP01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJknNv4vHNY4pip-p48SEResxWA7fPLHEYIYSN0zzKI5xW5EX32_gkRrJGVgdwTlyGKC_x-KmbGVeujBbz6BZ0D1ho_CkdKTSP-CiLWe5ZTPrFQT9mz-uS4IwoeBpoHZjIMjVt4TtMcus/s320/IP01.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwRrvVhvyj3apUUUD1kAC51Am9h0kNgjRzYkHcKAWO-JAKVEu55cdYhTVx3r-3Y-LiermoEc65DDzJzLis571WwR9X57YEj_ZwgnbMGvppYlQiB0lGIsm4c-mvZEXBiraiYYAJeL7yNA/s1600-h/IP02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwRrvVhvyj3apUUUD1kAC51Am9h0kNgjRzYkHcKAWO-JAKVEu55cdYhTVx3r-3Y-LiermoEc65DDzJzLis571WwR9X57YEj_ZwgnbMGvppYlQiB0lGIsm4c-mvZEXBiraiYYAJeL7yNA/s320/IP02.png" /></a><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI0dVR8vQh7k1C0vDKTj8Po5qW_lJKIX31l4T69i0qhTkXULRYrsoVRm0AW-AEEdLOFaT4HDhffFNT28ksqRHRdthLp9yZI6zRTHlMfqFKgDXW6pkTmJwWU47Jora7Wnjezpvm_luoAO4/s1600-h/Screen+shot+2010-02-03+at+12.03.19+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI0dVR8vQh7k1C0vDKTj8Po5qW_lJKIX31l4T69i0qhTkXULRYrsoVRm0AW-AEEdLOFaT4HDhffFNT28ksqRHRdthLp9yZI6zRTHlMfqFKgDXW6pkTmJwWU47Jora7Wnjezpvm_luoAO4/s320/Screen+shot+2010-02-03+at+12.03.19+PM.png" /></a><br />
<br />
<br />
A quick prototype worked up for one of my user experiments.Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-6668006016927630852010-02-02T23:59:00.000-08:002010-02-11T22:21:00.269-08:00pro practice::dream job<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">Writing down my "dreams" in life has always been a difficult thing to fully articulate. </div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">A lot of my interests and desires often differ from season to season, but perhaps the most important thing I hope to avoid is being stuck doing the same thing. I don't want to be designing the same type of projects, until the major I'm interested in becomes nothing but a chore. But in regards to graphic design, I'm very interested in web and interactive graphics, and would love to end up with it as the focus of my career. With room for other things, of course. That's one of the things that drew me to graphic design in the first place, it's versatility. When we think about it, what ISN'T design?</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">As far as my own geographic location goes, I've always wanted to move towards the coast. (East or west is fine) Since my stay in Boston a year ago, I've become enamored with dense cities and their transit systems. Especially they're transit systems. Whereas native Bostonians often dreaded the morning commute, I enjoyed the simple act of traveling around. Although I suspect if I were to reside there, it would grow old quickly.</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">Also, the Museum of Science in Boston has a design internship program I wanted. But apparently, I need more "of a background in science." Okay.</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">I once came upon a small store that was literally FILLED with books. Nothing but endless piles of them, stacked into aisles, obscuring the single employee and cash register; a bound paper kingdom. If nothing else, I want to fill my apartment with books like that.</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">For now, I've compiled a list of things I enjoy, and hope that they are part of my future. (Well, some are a given.)</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"></div><ul><li>earl grey tea</li>
<li>scarves</li>
<li>subways</li>
<li>vinyl toys</li>
<li>paint</li>
<li>actionscript</li>
<li>css</li>
<li>maps</li>
<li>keys</li>
<li>museums</li>
<li>flea markets</li>
<li>travel</li>
<li>tiny books</li>
<li>web design</li>
<li>food</li>
<li>vintage watches</li>
<li>snails</li>
<li>trains</li>
<li>books</li>
</ul>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-77520463676589697922010-01-31T20:44:00.000-08:002010-02-01T10:12:50.372-08:00dp::revising the research question, experimentation<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><span class="Apple-style-span" style="font-size: 11px;"></span></span><br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"></span><br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"></span><br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"></span><br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><div style="font: 13.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 16.0px;"><span class="Apple-style-span" style="font-size: xx-large;"><b>Initial Question:</b></span><br />
<b><span class="Apple-style-span" style="color: #333333; font-family: Georgia, 'Times New Roman', sans-serif; font-weight: normal; line-height: 23px;"><span class="Apple-style-span" style="font-size: x-large;">How can an interactive web-based community experience inspire and assist in the creative/artistic endeavors of the Facebook generation for the purpose of promoting an independence from commercial mass production?</span></span></b><br />
<span class="Apple-style-span" style="font-size: xx-large;"><b><br />
</b></span><br />
<span class="Apple-style-span" style="font-weight: bold;"><span class="Apple-style-span" style="font-size: x-large;">Revised question:</span></span></div><div style="font: 13.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><span class="Apple-style-span" style="font-size: x-large;"><i>How can an interactive web-based community empower high school students to break from commercial mass production and develop their own unique </i></span><b><span class="Apple-style-span" style="font-size: x-large;"><i>visual / aesthetic / creative </i></span></b><span class="Apple-style-span" style="font-size: x-large;"><i>identities?</i></span></div><div style="font: 13.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 16.0px;"><br />
</div><div style="font: 13.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 16.0px;"><br />
</div><div style="font: 13.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 16.0px;"><br />
</div><div style="font: 13.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">(While at the same time keeping in mind economic factors, potential for change?)</div><div style="font: 13.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><br />
</div><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"></span><br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"></span><br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><div style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="text-decoration: underline;"><b>Some considerations:</b></span></div><ul style="list-style-type: disc;"><li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">discovering their own identity/political views/aesthetics/</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">identity/views - goals of the designer.</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">create their own identity.</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">empowering a group of non-designers.</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">creating a visual identity?</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">online spaces</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">price ranges/sustainability</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">economical factors</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">focus more towards younger side.</li>
<li style="font: normal normal normal 13px/normal Helvetica; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">something that changes over time / grows along with the user</li>
</ul><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;">With these things in mind, I set to working up some experiments.</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;">Oftentimes, one's visual identity is comprised of the objects that we collect and/or use. It is these little choices that we make (what accessories we carry, the color keychain we use, jewelry, etc) that add up to the whole. (I suppose kind of like Gestalt theory?)</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;">I'm very interested in the DIY culture, and the adaptable nature of the projects that can be found on various online communities. With some of these things in mind:</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span></div><div><ul><li><span class="Apple-style-span" style="font-family: Helvetica; font-size: 13px;">How can an interactive activity facilitate dialogue between users?</span></li>
<li><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;">How do the user's interests shape the creative outcome?</span></span></li>
<li><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;">How can interactive design engage users in an activity?</span></span></li>
</ul><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span></div></div><ul style="list-style-type: disc;"><div><span class="Apple-style-span" style="font-family: Helvetica; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"> </span></span></div></ul></span></span><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"></span><span class="Apple-style-span" style="font-family: 'Lucida Grande'; font-size: small;"></span></span>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-38838995705923091812010-01-31T20:41:00.000-08:002010-01-31T20:41:13.339-08:00spatial exp::buildingsI've narrowed down my list of possible buildings for this project to the following two:<br />
<br />
<br />
1.) Rose Center for Earth and Space (2000)<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQt99cOtai4VhKzTDSk2p3JoQV-PcpeUN8tCGGCAzZrpCfJSF1l-CuL8A4tiftzi4xI_nkHETLfqWu92xpwtmWbnOxd7ewaKTwlLdiZm-nlYaBxNKy21tE-PuGqc3Nepc99aF-9n1F7E/s1600-h/rose_center_museum_of_natural_hi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQt99cOtai4VhKzTDSk2p3JoQV-PcpeUN8tCGGCAzZrpCfJSF1l-CuL8A4tiftzi4xI_nkHETLfqWu92xpwtmWbnOxd7ewaKTwlLdiZm-nlYaBxNKy21tE-PuGqc3Nepc99aF-9n1F7E/s320/rose_center_museum_of_natural_hi.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">2.) Fire Island House (1977, Arthur Erickson)</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj30v0ZSvGPejfQDZNCTxMvI0SEVvkYv-leGmrEhlRdKfVYkRhE5TVF6xyLQUcsLkb_RAElTtrjXHoxP83e_Kjt30VQTW5hJZG55QixLc1ZfMbD7fSZebKixJdZ-zXeJPCJGEDlyRUDxHQ/s1600-h/fire_islandb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj30v0ZSvGPejfQDZNCTxMvI0SEVvkYv-leGmrEhlRdKfVYkRhE5TVF6xyLQUcsLkb_RAElTtrjXHoxP83e_Kjt30VQTW5hJZG55QixLc1ZfMbD7fSZebKixJdZ-zXeJPCJGEDlyRUDxHQ/s320/fire_islandb.jpg" /></a></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-40362256708343218062010-01-26T09:05:00.000-08:002010-01-27T10:16:29.232-08:00dp::research question<span style="font-family: inherit;"><span style="font-size: small;">How can an interactive web-based community experience inspire and assist in the creative/artistic endeavors of the Facebook generation for the purpose of promoting an independence from commercial mass production?</span></span><br />
<span style="font-family: inherit;"><span style="font-size: small;"><br />
</span></span><br />
<span style="font-family: inherit;"><span style="font-size: small;">-</span></span><i><span style="font-family: inherit;"><span style="font-size: small;">a la</span></span></i><span style="font-family: inherit;"><span style="font-size: small;"> Ian Tirone</span></span><br />
<span style="font-family: inherit;"><span style="font-size: small;"><br />
</span></span><br />
<span style="font-family: inherit;"><span style="font-size: small;"><br />
</span></span><br />
<br />
<span style="font-family: inherit;"><span style="font-size: small;">A slight revision:</span></span><br />
<br />
<div style="font: 21.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><span style="font-family: inherit;"><span style="font-size: small;">How can an interactive web-based experience inspire the creative endeavors of Generation X, (or digital natives) for the purpose of promoting independence from commercial mass production?</span></span><br />
</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0tag:blogger.com,1999:blog-9158088873256668629.post-33266365113558889682009-12-04T08:09:00.000-08:002010-02-03T11:07:04.276-08:00mx::project two final<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_FjKNWE72-PrYr7dCcDBjzAUoCna7LnnTsR0YBotsdHDZ6kdUkHPbH0pyYDn5cyYqTQePiDcBV2w6LSgfFEdu0f5QOzDopYF74ErvL_YTeoId92xpmh98JJBx4_Gz9NvY0u4p7a5LJ0/s1600-h/Screen+shot+2009-12-04+at+10.06.21+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_FjKNWE72-PrYr7dCcDBjzAUoCna7LnnTsR0YBotsdHDZ6kdUkHPbH0pyYDn5cyYqTQePiDcBV2w6LSgfFEdu0f5QOzDopYF74ErvL_YTeoId92xpmh98JJBx4_Gz9NvY0u4p7a5LJ0/s400/Screen+shot+2009-12-04+at+10.06.21+AM.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;">This portfolio page is intended as a timeline of sorts. The portfolio has been broken down into several years. When the user clicks on different years, it moves them back and forth over the timeline itself.</div><div class="separator" style="clear: both; text-align: left;">I made my site's navigation very minimal, with different colors to designate different years or parts of the portfolio. The clickable thumbnails are points on the timeline, which allows for the different works to be arranged in chronological order.</div><div class="separator" style="clear: both; text-align: left;">The part I struggled most with was perhaps the Actionscripting. Well, until TweenLite came into my life. Thank you, <a href="http://blog.greensock.com/tweenlite/">Greensock</a>.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://swong.kcaigraphicdesign.com/SWongMX/SWong.html"><b><i><span style="font-size: x-large;">View it live!</span></i></b></a></div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com2tag:blogger.com,1999:blog-9158088873256668629.post-47979153257675245682009-11-30T06:07:00.001-08:002009-11-30T06:07:13.518-08:00mx::reading responses<div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><b>The Interface: p.63 - 78</b><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">In this section of the reading, I was quite fascinated by the connections drawn between graphic interfaces and the design aesthetics established by the <i>Blade Runner</i> movie. In essence, it seems that Macintosh and <i>Blade Runner</i> provided the wireframes for the basic GUI, whereas subsequent companies and/or individuals gave these wireframes the design through which we know them today.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">But I was especially interested in the part where the author ruminates on how the role of the computer has changed, from "being a particular technology…to a filter for all culture…" (p.64) But this is by no means surprising, when we consider the nature of technological innovations in general. Condensing many parts into less or even a singular unit seems to be a basic trend as far as new technologies go: think of how modern CD players could play CDs, and tune into radio stations. Or, even more currently, separate CDs versus all the songs being loaded into one iPod. (with room to spare.) So its really not that surprising that our computers today could almost render things such as TVs, radios, calculators, etc obsolete.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><b>Cinema: p.78 - 93</b><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">Some interesting points are brought up this section. The author wonders wonders how "a language designed by a rather small group of people that is immediately adopted by millions of computer users." Its not because we're "wired" to this sort of thing. Rather, it is thanks to familiar cultural forms. This reminded me of how high school language teachers often instruct students on new languages. They're often shown images (people, food, animals, etc.) that we can all recognize and through this familiarity taught another way to say "apple", for example.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">The section where they talked about how computer games utilize cinematic elements such as the implementation of a dynamic point of view was pretty intriguing as well. It reminded me of childhood days spent playing the <i>Legend of Zelda</i> games. One of the best features of the game's interface was the control over the player's camera angle. A single joystick allowed the user to toggle the angle, and even the proximity to the character. Or, they could even simply press the "Z" button (which later coined the term, "Z-Targeting") to automatically orient the camera to their character's straight-on perspective.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">Some games don't allow their users to have too much control over this feature, instead letting the AI attempt to preempt where the user might need to view. This lack of control however, is mostly just frustrating.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;"><b>The Screen and the User:</b><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">I was most interested in this section of the explorations of the screen as something that is "dynamic." The idea of a screen is simple enough. A square/rectangular frame that is essentially a window or portal into a virtual space. There is of course, some suspension of disbelief. (just like in cinema) Our files and documents do not actually folders, icons, etc. Rather these are merely the forms that we interact with them in. All our texts and documents are simply bits and pieces of binary code.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">But its definitely true how our "viewing regime" is made possible by the full screen viewing. It's something that we often take for granted or forget entirely; until the resolution is off, or the screen image is misaligned and this break in the illusion becomes glaringly annoying.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">The reading goes on to note how historically, the screen has always been a simple rectangular object - one that we view from the comfort of our seats. Thus, I'm very much interested in what happens when this classical window is expanded, into virtually everything around us.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px;">I'd like to make a note at this point on the term "virtual reality." Up until last semester, I was often wary about the term because it sounded so…dated. Instead of technological change and innovation, the term called to mind campy science fiction movies from the early 80s and 90s. Thus, I was happy (relieved?) to find a more suitable alternative when I was looking through some of GE's new site features: "Augmented reality." The phrase certainly has the right connotations. The term "virtual," while true that it implies that it doesn't exist outside of the software, imposes separate boundaries between our world and the simulated. "Augmented" on the other hand implies more of an integration with the real world, with the technology making it something greater than it actually is.<br />
</div><div style="font: 12.0px Helvetica; margin: 0.0px 0.0px 0.0px 0.0px; min-height: 14.0px;"><br />
</div>Sheila Whttp://www.blogger.com/profile/14220046383089802713noreply@blogger.com0