tag:blogger.com,1999:blog-30164780889999549682024-03-13T08:29:52.983-05:00Multimedia Experience with EppTheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-3016478088999954968.post-86812563324908590812010-11-30T17:58:00.001-06:002010-11-30T17:59:09.344-06:00Thursday 6:00-8:00 Armin Vit, then?<div>Who wants to see Armin Vit Thursday night?</div><div><br />
</div><div><a href="http://kansascity.aiga.org/">kansascity.aiga.org</a></div><div><br />
</div><div><a href="http://designalogue.blogspot.com/2010/11/armin-vit-in-kc-dec-2.html">http://designalogue.blogspot.com/2010/11/armin-vit-in-kc-dec-2.html</a></div>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-24833231277272930262010-11-30T17:57:00.000-06:002010-11-30T17:57:17.488-06:00Final Class Deliverables<div>Today I will speak individually with each of you and talk about Project 1 revisions and plans for your portfolio. Have the following done by Friday.</div><div><br />
</div><b>Project 1</b>: Please prepare a CD containing the following files.<div><ul><li>First Presentation</li>
<li>Poster PDFs</li>
<li>Final Video</li>
<li>JPGs of a range of screens from your project in all touchpoints: Web, iPad, iPhone</li>
</ul><div>Write your names and my name on the CD and leave it in the office with Lisa on Friday.</div></div><div><br />
</div><div><br />
</div><div><b>Project 2:</b></div><div>Write a plan for developing your portfolio in pro practice next semester. Include the following:</div><div><ul><li>Which specific system you would like to publish in (a portfolio service, self-designed hosted and produced site, self-hosted blog like wordpress or squarespace)</li>
<li>Which categorization you would like to use to show your work</li>
<li>Any interaction sketches and beginning layouts you have</li>
</ul></div><div><br />
</div><div>Put all into a PDF, make a blog post for it and link to the file for me to download. </div><div>Also email me the file.</div>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-21568079953973540842010-11-22T18:00:00.000-06:002010-11-23T17:57:35.633-06:00FIND + SHARETheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com20tag:blogger.com,1999:blog-3016478088999954968.post-23946752399087309342010-11-18T17:56:00.001-06:002010-11-18T18:29:52.693-06:00Project Two :: Your Digital Portfolio<b>description</b><br />
<br />
Conceive, design, and begin building a personal portfolio website. Your focus will be just one of a large number of possibilities, the main 3 being:<br />
<br />
<ul><li>investigating and finding a portfolio service</li>
<li>altering a blog style site</li>
<li>building a site from scratch</li>
</ul><br />
<br />
Your direction will be set by your ability and goals for a portfolio site and will be unique to each student. Those with the technical ability and need can investigate more experimental directions.<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;">Domain: Decide what to call your online portfolio. </span><br />
<br />
<ul><li>A domain will cost you about $10 a year, but is sometimes rolled into the cost of hosting. </li>
<li>Your name? www.eppelheimer.com</li>
<li>A variation of your name? theepp.com</li>
<li>Your name with a design bent? eppelheimergraphicdesign.com</li>
<li>Something completely different, but design related? designismytruelove.com</li>
</ul><div><div>Use <a href="http://www.godaddy.com/search/domains.aspx?isc=goak2001aa">godaddy</a> or <a href="http://www.networksolutions.com/">networksolutions</a> to see what names are available.</div></div><div><br />
</div><div><div><span class="Apple-style-span" style="font-size: large;">Hosting: Research hosting services </span></div><div><ul><li>Make sure you get a service that uses Linux, not Windows. </li>
<li>View comparative services <a href="http://hosting-review.com/?KID=51866182119757693&gclid=CIer7JLQnJwCFQ_yDAodWmf8eA">here</a></li>
<li>Recommendations from <a href="http://wordpress.org/hosting/">Wordpress</a></li>
<li>Marty uses <a href="http://www.aplus.net/">aplus</a></li>
<li>I use <a href="http://www.lunarpages.com/">Lunarpages</a></li>
<li><a href="http://www.huevia.com/plans/">Huevia</a> is a new hosting service to check out (great customer service!)</li>
</ul></div></div><div><br />
</div><div><div><span class="Apple-style-span" style="font-size: large;">All Inclusive: Research options</span></div><div>Some services offer hosting (still need domain) and a beginning template</div><div><ul><li><a href="http://cargocollective.com/">CargoCollective</a></li>
<li><a href="http://www.squarespace.com/">SquareSpace</a> Tyler uses it: http://www.thenewprogramme.net/, another example: http://www.lawaugh.com/</li>
</ul></div><div><br />
</div><div><span class="Apple-style-span" style="font-size: large;">Flexible templates: Research options</span></div><div>These need hosting and domains</div><div><ul><li><a href="http://www.indexhibit.org/">Indexexhibit</a> example site: http://www.carlmole.co.uk/</li>
<li><a href="http://wordpress.org/">Wordpress</a> example site: http://estudiointerlinea.com/</li>
</ul></div><div><br />
</div><div><b>In class today </b></div><div>1. Review the other section's Find + Share!</div><div>2. Go to the Current Perspectives Lecture</div><div><br />
</div><div><b>Homework </b></div><div><ol><li>Find three great portfolio sites to share with class, post to Portfolio Find + Share</li>
<li>Propose 3 naming options that are available.</li>
<li>Propose a system for use. Ex: wordpress, domain purchased on godaddy, hosted on Huevia.</li>
<li>Begin making a list of your work, and brainstorm ways of categorizing it, ex: timeline, media type, type of design problem, etc.</li>
<li>Working within your system, sketch (by hand) 3 categorization and navigation ideas. Show three or four levels of interaction,<br />
ex: homepage > portfolio > strategy > project<br />
ex: homepage > writing > article</li>
<li>Try one of the portfolio pay services (use the free trials) to build a quick "site". Don't spend a lot of time with this.</li>
<li>Post any reviews or suggestions to this post after researching.</li>
</ol></div><div><br />
</div><div>*do not purchase anything just yet</div></div>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com4tag:blogger.com,1999:blog-3016478088999954968.post-1263494275936541072010-10-26T17:41:00.000-05:002010-10-26T17:41:57.959-05:00DAY NINETEEN :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>Work day</li>
<li>Teams meet with Michael in Univers for progress checks</li>
<ul><li>6:20 Green Thumb Society</li>
<li>6:50 Forte</li>
<li>7:20 Landmark</li>
<li>7:50 Inhabit</li>
</ul></ul><span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<br />
<ul><li>Continue development on all fronts</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-71406425759075808702010-10-21T17:21:00.001-05:002010-10-21T17:22:07.965-05:00DAY EIGHTEEN :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<ul><li>Present design and crit with Ian in Univers</li>
</ul><br />
<br />
<span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<ul><li>Refine design across the board</li>
<li>Prepare storyboard and outline for final video</li>
<li>Write script for final video</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-87795658316163500972010-10-19T17:20:00.000-05:002010-10-19T17:20:23.971-05:00DAY SEVENTEEN :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
Work day: design design design<br />
<br />
<span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
Prepare ALL designed screens as JPGs in order (linear paths through scenarios) for presentation to class on Thursday.TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-70233792121762242952010-10-12T18:06:00.000-05:002010-10-12T18:06:58.254-05:00DAY FIFTEEN :: In Class & Homework<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-size: x-large;">In Class</span></div><ul><li>Progress crit, pick direction</li>
<li>Work day</li>
</ul><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-size: x-large;">Homework</span></div></div><ul><li>Develop design for all touchpoints. Be sure to design in steps that will be easy to navigate and animate. ALL screen designs need to be done by next Tuesday, Oct 19</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-83177054537944339622010-10-07T17:46:00.002-05:002010-10-07T17:46:48.140-05:00DAY FOURTEEN :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<ul><li>Work day</li>
<li>Movies?</li>
</ul><div><span class="Apple-style-span" style="font-size: x-large;">Homework</span></div><ul><li>Continue design of 2 individual directions for each touchpoint (online hub, iPhone, iPad). Prepare your JPGs for an onscreen progress crit Tuesday.</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-12139078481106603202010-10-05T17:33:00.002-05:002010-10-05T17:45:21.867-05:00DAY THIRTEEN :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>Present progress to class, group feedback.</li>
<li>Work time: Focusing on one scenario, design 2 individual directions for each touchpoint (online hub, iPhone, iPad). These should be distinctly different directions, now is the time to explore modes of display.</li>
<ul><li>Helpful resource: download <a href="https://sites.google.com/site/storagelane/storage/iPhone_GUI_PSD_4.psd.zip?attredirects=0&d=1">iPhone</a> and <a href="https://sites.google.com/site/storagelane/storage/ipad_vector_ui.zip?attredirects=0&d=1">iPad</a> GUI files</li>
<li>How do you design distinctly different directions operating within one visual identity? <a href="http://lauraberglund.blogspot.com/2009/10/mx-design-directions.html">Example</a>.</li>
</ul><ul></ul></ul><span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<br />
<ul><li>Continue design of 2 individual directions for each touchpoint (online hub, iPhone, iPad). These should be distinctly different directions, now is the time to explore modes of display. Save each step as a jpeg in numerical order and upload to your blog.</li>
<li></li>
<li>Bring analog items for in-class 3d sketching exploration. (toothpicks, vellum, marshmallows, string, anything) We will put everything into a pile on the back table for a shared pool of supplies.</li>
<li>Post great found interface design in Find + Share. This should inspire you in some way and you should explain why during Find + Share.</li>
</ul><i><span class="Apple-style-span"><span class="Apple-style-span" style="color: #b45f06;">These beginning design phases are meant to focus on exploration and collaboration. Loosen up, have fun, there is time for refinement.</span></span></i>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com1tag:blogger.com,1999:blog-3016478088999954968.post-25091713198897365822010-09-30T08:29:00.002-05:002010-09-30T18:38:57.259-05:00DAY TWELVE :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>Look at sitemaps, wireframes</li>
<li>Work day</li>
</ul><br />
<span class="Apple-style-span" style="font-size: x-large;">Homework</span>: on Tuesday each team presents:<br />
<br />
<ol><li>Sitemap (showing all of the components of your community, even if you are not planning to flush them all out)</li>
<li>Wireframes of all components that you plan to design<br />
<br />
<ul><li>Wireframes should have text content at this point. What goes in all of those little boxes?</li>
<li>Clearly show step by step interaction.</li>
<li>Wireframes should be clear enough that you can hand them off to someone else and they will be able to understand and implement your design.</li>
</ul></li>
<li>Branding: three directions: color, type, language</li>
</ol><br />
<ul><li>Start thinking about</li>
<ul><li>Copy writing. How can you say "profile" as relevant to a specific community?</li>
<li>Look and feel</li>
</ul></ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-11633231931876051672010-09-28T18:10:00.003-05:002010-09-28T18:10:01.042-05:00DAY ELEVEN :: In Class & Homework<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-size: x-large;">In Class</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><ul><li>Look at brand directions and sitemaps/wireframes</li>
<li>Talk about Windows and Mirrors intro</li>
<li>Work day!</li>
</ul><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-size: x-large;">Homework</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><ul><li>Develop brand direction</li>
<li>Develop sitemaps and wireframes</li>
<li>Read Windows and Mirrors, document pages 7-19 (from <i>Wooden Mirror</i> to <i>The Macintosh Interface</i>)</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-85770621452079718982010-09-28T16:30:00.000-05:002010-09-28T16:30:06.643-05:00WireframesCheck out <a href="http://wireframes.linowski.ca/">Wireframes Magazine</a> for guidance and inspiration for your wireframes and sitemaps.<br />
<br />
This <a href="http://wireframes.linowski.ca/2010/05/gestureworks-open-source-gesture-library/">post about gestures</a> may be particularly helpful when thinking of the iphone/ipad.<span class="Apple-style-span" style="color: #333333; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: medium;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; font-size: 15px; line-height: 18px;"><br />
</span></span><br />
<br />
<span class="Apple-style-span" style="color: #666666; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><a href="http://1.bp.blogspot.com/_dlLzfer5uWs/TKChfeI5yzI/AAAAAAAAAww/N_E0aVAQu2s/s1600/Screen+shot+2010-09-27+at+8.48.31+AM.png" style="color: #0066cc; text-decoration: underline;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5521590705194650418" src="http://1.bp.blogspot.com/_dlLzfer5uWs/TKChfeI5yzI/AAAAAAAAAww/N_E0aVAQu2s/s320/Screen+shot+2010-09-27+at+8.48.31+AM.png" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; height: 188px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; width: 320px;" /></a></span>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-49252192798915948432010-09-23T18:00:00.021-05:002010-09-23T18:02:35.601-05:00DAY TEN :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>Work in class on homework</li>
<li>Talk a bit with Epp</li>
</ul><br />
<br />
<span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<br />
<ul><li>Design 3 brand directions. This should consist of naming ideas, brandmark and wordmark ideas and color palettes. Consider naming the community, then naming the "touchpoints" (site, mobile interface, multitouch tablet).</li>
<li>Create sitemaps and tight wireframes for your 3 "touchpoints" (site, mobile interface, multitouch tablet). Start with the sitemap to build basic hierarchy of the different interfaces</li>
<li>Plot your posters</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-16299123288407617362010-09-21T08:24:00.000-05:002010-09-21T08:24:53.034-05:00DAY NINE :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>present interaction solutions – presentation summarizing research, proposing solutions, showing wireframes. Place posters in visible spots around Univers before class starts. </li>
</ul><br />
<br />
<span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<br />
<ul><li>alter and update solutions and wireframes based on input from critique</li>
<li>name and begin branding project</li>
<li>read intro to Windows and Mirrors</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-37269021472004494142010-09-16T17:49:00.001-05:002010-09-16T17:52:21.879-05:00DAY EIGHT :: In Class & Homework<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-size: x-large;">In Class</span></div><ul><li>watch 2 TED Talks. Sweet!</li>
<li>Find & Share</li>
<li>work day: PRESENTATIONS! spend time improving community model diagram, research posters, building wireframes of your ideas and storyboarding your presentations</li>
<li>Make sure to OUTLINE/STORYBOARD your presentation. If not yet done, do it during work time so we can discuss.</li>
</ul><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-size: x-large;">Homework</span></div><ul><li><span class="Apple-style-span" style="color: #990000;">PRESENTATIONS</span></li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-71494072524405605322010-09-14T18:00:00.017-05:002010-09-14T18:00:02.002-05:00DAY SEVEN :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<ul><li>work day: spend time improving community model diagram, research posters, building wireframes of your ideas and storyboarding your presentations</li>
</ul><span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<ul><li>all of the above</li>
</ul><br />
<span class="Apple-style-span" style="font-size: x-large;"><ul></ul></span><br />
<ul style="font-family: Georgia; font-size: 13px; margin-bottom: 0px; margin-top: 0px;"></ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com1tag:blogger.com,1999:blog-3016478088999954968.post-78548081395200350742010-09-14T18:00:00.003-05:002010-09-14T18:00:02.989-05:00PROJECT ONE :: SOLUTION PRESENTATIONS<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">On Tuesday (9.21) your team will present your initial research and proposed system to service your audience and their activity. I expect a summarization of everything we've done so far with a plan for the rest of the project. This should include:</div><ul><li>Recap of activity and audience</li>
<li>A basic outline of your system supported with visuals. If it's clear to us just from your description and visuals how it the system will work in general and how needs, a sense of belonging, a common symbol system and reciprocal influence are being addressed, you've probably got a good thing going. Describe the technologies involved, in context, in this part. Sketches, photos and storyboards will aid this part of the presentation.</li>
<li><span style="font-style: italic;">Beginning</span> wireframing with verbal description. I do not expect final, fully detailed wireframes of every piece of your system, just the basics. The hierarchy of needs and solutions should give you a basic outline of how to approach the wireframes. These do not need to be Illustrator files either. Well made, hand drawn, and photographed wireframes would work as well. Give us a feel for the main areas of the online interface and the uses of handheld or other devices that are part of your system.</li>
</ul><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">You have 5-10 minutes for the presentation with 5-10 post pres class critique.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Be concise, be <i>interesting</i>. PRACTICE BEFOREHAND.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">The critiques should be an added brainstorming session for your system, crowd source us to improve your project!</div>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-41078708560404243622010-09-09T18:00:00.025-05:002010-09-09T18:01:50.136-05:00DAY SIX :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>Review posters</li>
<li>View lots of inspirational stuff from me and you, including: <a href="http://nikerunning.nike.com/nikeos/p/nikeplus/en_US/?rs=1">Nike+</a>, <a href="http://www.youtube.com/watch?v=Au2Bueiy6MQ&feature=player_embedded#t=224">Food Probes</a>, <a href="http://www.youtube.com/watch?v=5Jb-KT4r6NY&feature=player_embedded">Livestrong</a>, <a href="http://www.ted.com/talks/charles_leadbeater_on_innovation.html">On Innovation</a>, <a href="http://yellowarrow.net/v3/">Yellow Arrow</a>, <a href="http://www.geocaching.com/">Geocaching</a>, ...</li>
<li>Review scenarios and solutions by group with Epp</li>
<li>Get to work on homework if there's time</li>
</ul><br />
<span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<br />
<ul><li><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Define interaction/sharing to support scenarios and solutions. Visualize how solutions would work with </span><b><a href="http://lauraberglund.blogspot.com/2009/09/mx-system-wireframes.html"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">linear descriptions and sketched (or any method you would like) wireframes</span></a></b><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"> of any screens (mobile or browser) from your best ideas.</span></li>
<li><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Read: </span><a href="http:/"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">The Web is Dead, Long Live the Internet</span></a><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"> and post a comment to your blog and that same comment to this blog: </span><a href="http://readthinktalk.wordpress.com/"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Read/Think/Talk</span></a><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">. Will the Web disappear in favor of mobile only interaction? What are some of the differences you see as a designer in designing for mobile smartphones, mobile tablets, and browser based interactive? What are their differences in standpoint, simply stated? Are you for the democratic, user-delivered-content web or the closed expert delivered content of the app world? Is Steve Jobs monomaniacal or a saint? Also, thank Nate for inviting us to take part in his blog. :)</span></li>
<li><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Refine posters</span></li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-39806273225822887632010-09-07T18:00:00.053-05:002010-09-07T18:00:02.239-05:00Project One :: Conceptual Design<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-weight: bold;">conceptual design: moving from research to ideas & solutions</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">The next few class sessions will focus on translating your knowledge of the audience into online (and offline) activities that will support and enhance their sense of community. It's important to look beyond now-generic web 2.0 functions such as photo-sharing and identify activities that connect people with people and the physical world with the virtual. Consider current AND hypothetical technologies and tools for data collecting, especially as they relate to the real world. Stay focused on <i>activities</i> and develop <i>processes</i> that allow that action to happen. The online tools you design should flow from those activities and processes. Consider ways your system could allow individuals to connect 1-to-1, 1-to-many, many-to-many. Use the skills you've learned in previous classes to map out scenarios of how users will move through your system (sketching, storyboarding, diagraming) and how that system will be arranged and presented (sitemapping/wireframing).</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">A good way to start could be listing requirements based on need next to possible tasks/scenarios to meet those needs, i.e.:</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span style="font-weight: bold;">the swimmer</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><ul><li><span style="font-style: italic;">need:</span> a new workout to improve butterfly stroke:<br />
<span style="font-style: italic;">solution:</span> the community uploads categorized workouts, swimmer searches butterfly improvement, downloads chosen workout to (waterproof!) iWatch</li>
<li><span style="font-style: italic;">need:</span> check personal stats and improvement</li>
<li><span style="font-style: italic;">solution:</span> swim goggle attachment collects speed and positioning data over time, transmitting real-time to site where it's analyzed and presented as diagrammatic data over time, allowing comparison to other members</li>
<li><span style="font-style: italic;">need:</span> workout buddy</li>
<li><span style="font-style: italic;">solution:</span> swimmer calls up iSwim app on their iWatch waterproof phone, collected user data online is read and compared to swimmer capabilities and other interested users show up on iSwim area map.</li>
<li><span style="font-style: italic;">need:</span> competition</li>
<li><span style="font-style: italic;">solution: </span>swimmer can join the competition area and sign up for virtual races. goggle attachment monitors position and stop and start times, allowing swimmers in 2 different places at different times to compete.</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-41797317407089192162010-09-07T18:00:00.052-05:002010-09-07T18:00:01.759-05:00DAY FIVE :: In Class & Homework<div><span class="Apple-style-span" style="font-size: x-large;">In class</span></div><div><ul><li>tiled poster desk crit (b&w), small color </li>
<li>group community interaction/sharing brainstorming activity: (considerations: offline needs, online solutions, bringing added value through the online space, speculative technologies allowed and encouraged). Work large on butcher paper (on the wall) to get everyone's input. </li>
</ul></div><div><span class="Apple-style-span" style="font-size: x-large;">Homework</span></div><div><ul><li>Poster Refinements </li>
<li>Find + Share</li>
<li>Conceptual Design: define solutions based on the community reading and your own model, brainstorm/list what online activities might reinforce a sense of membership, allow for the reciprocal exertion of influence, fulfill their stated needs, and create a shared emotional connection. What can users do at your web space? What can users do in the real world that the online community can use to improve services or offer new services? Make a blog post and include:</li>
<ul><li>Activity scenarios with possible solutions, 20 per team!</li>
</ul></ul></div>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-69873975053123316472010-09-07T08:24:00.001-05:002010-09-07T08:31:29.028-05:00Interface Design Process<b><a href="http://oreilly.com/catalog/9780596008031">Jennifer Tidwell's Designing Interfaces</a></b> states the basic process steps for interface design as follows:<br />
<br />
<ul><li><b>Field research</b>, to find out what the intended users are like and what they already do</li>
<li><b>Goal and task analysis</b>, to describe and clarify what users will do with what you're building</li>
<li><b>Design models</b>, such as <i>personas</i> (models of users), <i>scenarios</i> (models of common tasks and situations), and <i>prototypes</i> (models of the interface itself)</li>
<li><b>Empirical testing</b> of the design at various points during development, like usability testing and in situ observations of the design used by real users</li>
<li><b>Enough time to iterate</b> over several versions of the design, because you won't get it right the first time</li>
</ul><br />
<br />
These steps will overlap and shuffle as a project develops, for example goal and task analysis can change after personas and scenarios are developed and everything can change after empirical testing shows your ideas are flawed. Where are you at in this process?<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">I love it when someone other than me stresses iteration!</div><div><br />
</div>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-41643519588265253192010-09-06T11:55:00.000-05:002010-09-06T11:55:44.283-05:00Poster Inspiration & ConsiderationsRemember what we talked about Thursday regarding levels of read, hierarchy, and drawing the viewer in. Balance text, diagramming, and image content for a rich viewing and learning experience.<br />
<br />
Here's a link to the specific posters we looked at together:<br />
<a href="http://www.eppelheimer.com/blogs/mx/posters.zip">http://www.eppelheimer.com/blogs/mx/posters.zip</a><br />
<br />
and a link to more of the same but different:<br />
<a href="http://www.eppelheimer.com/blogs/mx/re_poster/">http://www.eppelheimer.com/blogs/mx/re_poster/</a>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-15283879664936352422010-09-02T18:00:00.000-05:002010-09-02T18:00:02.827-05:00DAY FOUR :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>review research poster examples</li>
<li>work day</li>
</ul><br />
<br />
<span class="Apple-style-span" style="font-size: x-large;">Homework</span><br />
<br />
<ul><li>design research posters</li>
<li>develop ideas for possible community systems</li>
<li>teams present posters and ideas to class (tiled black and white posters, bring mindmaps, etc.)</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0tag:blogger.com,1999:blog-3016478088999954968.post-89760644304559133902010-08-31T18:00:00.001-05:002010-08-31T18:11:34.825-05:00DAY THREE :: In Class & Homework<span class="Apple-style-span" style="font-size: x-large;">In Class</span><br />
<br />
<ul><li>review community models, community reading discussion</li>
<li>continue research & brainstorming for community (mindmaps, matrix, map wants, concept maps and needs)</li>
<li>poster development</li>
<li>watch <a href="http://www.ted.com/index.php/talks/clay_shirky_on_institutions_versus_collaboration.html">shirkey</a> video</li>
</ul><br />
<br />
<span class="Apple-style-span" style="font-size: x-large;">Homework </span><br />
research & poster development:<br />
<br />
<ul><li>have several poster sketches ready to share</li>
<li>have mindmaps, lists, etc. ready for review/discussion</li>
</ul>TheEpphttp://www.blogger.com/profile/01650659299532232837noreply@blogger.com0