tag:blogger.com,1999:blog-56833796839248463662024-03-21T11:10:21.590-07:00Martin Watts Technical BlogMartinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-5683379683924846366.post-9882660076453175112013-04-23T13:12:00.003-07:002013-04-23T13:12:57.266-07:00Week 12: The Options of this App<br />
So after meeting with Allison and getting the update of the app. The two links and pictures below are the interfaces that we will being testing.<br />
<br />
<a href="http://htmlpreview.github.io/?https://raw.github.com/JokeAround/JokeAround/master/Version%201/read.html">Interface #1</a><br />
<br />
This version has the home page with the jokes samples displayed and the user can click on it and go to the page of the full joke.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNE2Pn13rV2rHSpseKbK2mC2EgVEmASOivBabeRgBhT1BXZI1kbpVkdyVRcNsD4_iNvSIp1c5_H2jd4faUuT5qSaTjAGo3_tMfTQbESJduwcH2YZveg8JJf_Xxo-RBD8Nt33ZI8SKySwU/s1600/v1home.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNE2Pn13rV2rHSpseKbK2mC2EgVEmASOivBabeRgBhT1BXZI1kbpVkdyVRcNsD4_iNvSIp1c5_H2jd4faUuT5qSaTjAGo3_tMfTQbESJduwcH2YZveg8JJf_Xxo-RBD8Nt33ZI8SKySwU/s320/v1home.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Interface 1- Home</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0kng1V0fVSa9QDyWFOjbW7RyxqlX16bKxigJeYgRxpAWc0RptKIVsdrlcR5Df6ZvrpQ9ge0mH5f9Ggu3FM7FOhgFgR8BdT9feD-KcbDczCIAPPtYitBm6w1UqBKZQwLcREPGOs0U-WY/s1600/v1j1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0kng1V0fVSa9QDyWFOjbW7RyxqlX16bKxigJeYgRxpAWc0RptKIVsdrlcR5Df6ZvrpQ9ge0mH5f9Ggu3FM7FOhgFgR8BdT9feD-KcbDczCIAPPtYitBm6w1UqBKZQwLcREPGOs0U-WY/s320/v1j1.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Interface 1- Joke page</td></tr>
</tbody></table>
<br />
<a href="http://htmlpreview.github.io/?https://raw.github.com/JokeAround/JokeAround/master/Version%202/read.html">Interface #2</a><br />
<br />
The second version has, as Allison stated, a window shade style. When the user clicks on the joke tab, the rest of the joke is shown when the tab expands.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu6ydruRdzMuWyJkt_8uUwPgnWVAPhnPXroYJCg-nO5uJm4uANWBwCIQ_hcLMyexp4kkeJbW1LaKcF544-fsXz7erIF0ewNrVEMRUZHq8oGO1jBIRKEakQS12xBConfvg3hBbbYEde0XA/s1600/v2exp.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu6ydruRdzMuWyJkt_8uUwPgnWVAPhnPXroYJCg-nO5uJm4uANWBwCIQ_hcLMyexp4kkeJbW1LaKcF544-fsXz7erIF0ewNrVEMRUZHq8oGO1jBIRKEakQS12xBConfvg3hBbbYEde0XA/s320/v2exp.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Interface 2</td></tr>
</tbody></table>
<br />For the testing plans, I was thinking of having the users try both interfaces (#1 and then #2). I was going to use friends and classmates as the users. I will be talking to Allison more on the testing later this week.<br /><br />Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com2tag:blogger.com,1999:blog-5683379683924846366.post-91016283012744633052013-04-18T11:57:00.003-07:002013-04-18T11:58:11.861-07:00Week 11: ProgessSo I met up with Allison the other night to have a quick update on the progress of the app. I have been collecting jokes to put on to the app. Also while Allison is getting the basic skeleton rooted and polished I brushing up on my CSS so that I can implement my layouts and color schemes as well. I am mainly just collecting jokes to fill the emptiness of the app when it first starts up. Not that much else to report.Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com2tag:blogger.com,1999:blog-5683379683924846366.post-10255163396964094012013-04-13T19:25:00.001-07:002013-04-13T19:25:49.363-07:00Week 11: More PatternsThe two patterns that I chose to find examples of were the Pop-up and the Returned Results patterns.<br />
<br />
<br />
<br />
<span style="font-size: large;"><u>Pop Up</u></span><br />
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-ash3/525313_2999820411940_1613552470_n.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://sphotos-a.xx.fbcdn.net/hphotos-ash3/525313_2999820411940_1613552470_n.jpg" width="192" /></a><span style="font-size: large;"><u><br /></u></span><br />
A perfect example of this pattern being used to annoy the user because it is most commonly utilized for advertisements. This screenshot is an example of an advertisement popping up before I can play my game.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: large;"><u>Returned Results</u></span><br />
<span style="font-size: large;"><u><br /></u></span>
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-ash3/552902_2999820251936_1148130736_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://sphotos-a.xx.fbcdn.net/hphotos-ash3/552902_2999820251936_1148130736_n.jpg" width="192" /></a>The example that I used from what they described to me, was the displays for the different locations of on a map app. The screenshot is of google maps showing where different bars are in downtown honolulu.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Those were the two patterns that I chose and their examples.Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com2tag:blogger.com,1999:blog-5683379683924846366.post-47941538246154181332013-04-07T14:41:00.003-07:002013-04-07T14:41:48.601-07:00Week 10: The Retry for the Alternative InterfacesSo for the Re-do of alternative interfaces, I have done these two interfaces.<br />
<br />
<br />
<br />
<span style="font-size: large;"><u>Interface #1</u></span><br />
<span style="font-size: large;"><u><br /></u></span>
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-snc6/892862_2985984546052_1350629474_o.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="240" src="https://sphotos-a.xx.fbcdn.net/hphotos-snc6/892862_2985984546052_1350629474_o.jpg" width="320" /></a>This interface was almost identical to the original idea that I had just more polished. This interface has the three sections that I wanted to focus on.<br />
<br />
Each page is dedicated to each of my focus, which are reading jokes, submitting your own, and saving jokes that you really like.<br />
<br />
There is a filter throughout the interface that utilizes icons to narrow down the user's preference of jokes that they want to see.<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: large;"><u>Interface #2</u></span><br />
<span style="font-size: large;"><u><br /></u></span>
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-frc1/901395_2985984746057_1287905341_o.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://sphotos-a.xx.fbcdn.net/hphotos-frc1/901395_2985984746057_1287905341_o.jpg" width="320" /></a>This interface is mainly a different style of the first interface. This interface has only two pages because I thought about combining the submission of jokes and reading jokes into one pages.<br />
<br />
Another thing that Allison had thought about was having the film strip transition instead of the button transition. With that change, the user can be reading all of the jokes and then slide right over to the jokes they had sent to their favorites.<br />
<br />
This interface allows for a lot more seamless transition for the user and less waiting. <br />
<br />
<br />
Those are the two alternatives ideas that I was thinking of.<br />
Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com4tag:blogger.com,1999:blog-5683379683924846366.post-72864575779233124492013-04-06T18:19:00.002-07:002013-04-06T18:19:28.851-07:00Week 10: The Grand Master Plan.....kind ofSo Allison and I met up today to update each other on our progress. We have a basic Navigation skeleton set up.<br />
<br />
By this upcoming week I need to have a finalize global color scheme to give to Allison so that we know what color the different portions of the interface are going to be.<br />
<br />
I also am going to be gathering some jokes for our different sections so that we have a nice starting point for the databases.<br />
<br />
The last thing that I am going to be working on is icons for the different categories of our jokes.<br />
<br />
<br />
The final color scheme is the top priority, followed by gathering jokes. The lowest priority out of these is the icon. The reason because Allison and I discussed that she can just have placeholders for the icons while I design them.<br />
<br />
That is our progress on my end of this project and Allison will tell you more about the other part of the project.Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com0tag:blogger.com,1999:blog-5683379683924846366.post-3892224232660838872013-04-06T18:02:00.000-07:002013-04-06T18:02:28.017-07:00Week 10: Siging In and Exiting PatternsThe two patterns that I found examples for was the Sign On design and the Exit Guard design.<br />
<br />
<span style="font-size: large;"><u><br /></u></span>
<span style="font-size: large;"><u>Sign On Pattern</u></span><br />
<span style="font-size: large;"><u><br /></u></span>
<span style="font-size: large;"><u><br /></u></span>
<a href="https://sphotos-b.xx.fbcdn.net/hphotos-ash3/625522_2984018456901_1240434303_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://sphotos-b.xx.fbcdn.net/hphotos-ash3/625522_2984018456901_1240434303_n.jpg" width="192" /></a>When reading about the sign on pattern. I thought of every online accounts that I have (Facebook, Gmail, Yahoo, Blogger, etc.). Here is a perfect example of a sign on design.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: large;"><u>Exit Guard Pattern</u></span><br />
<span style="font-size: large;"><u><br /></u></span>
<span style="font-size: large;"><u><br /></u></span>
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-ash3/535032_2984018176894_1590127086_n.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://sphotos-a.xx.fbcdn.net/hphotos-ash3/535032_2984018176894_1590127086_n.jpg" width="192" /></a>I noticed this pattern every time, I am pushing the back button out of my applications. Here is an example of the exit guard in one of my game apps.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com1tag:blogger.com,1999:blog-5683379683924846366.post-63463708679554440012013-03-29T13:46:00.001-07:002013-03-29T13:46:17.980-07:00Week 9: Testing IdeasBefore I started this post, I went over to Allison's post to see what she had to say on the subject. After reading the post, I realized that everything that I was going to write about testing, has already been said.<div>
<br /></div>
<div>
<br /></div>
<div>
I agree that we need to have a pilot study of a small group of people to see if there is any immediate problems that happen. We have to then ask the questions of time spent in a specific section of the app, how long can we retain their attention, and of course where does the app fail.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
I also agree that after finding the answer to those problems, to expand the amount of participants to ensure that the problems do not arise again. </div>
<div>
<br /></div>
<div>
Again I do agree that we need to have those follow up questions of simplicity and functionality. The one thing that I would add to the questions is visual appeal. Does the app have visual appeal?</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Other than that question, I totally agree with what Allison said for the testing.</div>
Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com2tag:blogger.com,1999:blog-5683379683924846366.post-14717436501533512812013-03-28T15:32:00.003-07:002013-03-28T15:32:41.543-07:00Week 9: Display of InformationThe two patterns that I chose to provide examples for were the <a href="http://4ourth.com/wiki/Grid">Gird</a> display and the <a href="http://4ourth.com/wiki/Infinite%20List">Infinite List</a> display.<br />
<br />
<br />
<u>The Gird Display</u><br />
<u><br /></u>
<u><br /></u>
<a href="https://sphotos-b.xx.fbcdn.net/hphotos-prn1/563809_2962702044004_1635765265_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://sphotos-b.xx.fbcdn.net/hphotos-prn1/563809_2962702044004_1635765265_n.jpg" width="192" /></a>This screenshot is from the main applications tab of my phone and it obviously shows a gird layout. Also this is an example of it because each application has its own individual icon and title. This example is pretty self-explanatory.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<u>The Infinite List</u><br />
<u><br /></u>
<u><br /></u>
<a href="https://sphotos-b.xx.fbcdn.net/hphotos-ash4/1712_2962702244009_742754405_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://sphotos-b.xx.fbcdn.net/hphotos-ash4/1712_2962702244009_742754405_n.jpg" width="192" /></a>This screenshot is from one of the Joke apps that I compared with my prototype. When reading about the infinite list, this app immediately came to mind. The screenshot is of the app as it says "Loading Jokes". This window shows up after the user has scroll down for some time. It seems that like, what is explained in the Infinite List section, the app has a database else where and after a specific number of jokes have been scrolled through, the app will pull more jokes from the database, which is why this screen on the left shows up.<br />
<br />
<br />
<br />
<br />Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com1tag:blogger.com,1999:blog-5683379683924846366.post-28574253323998311882013-03-17T14:47:00.000-07:002013-03-17T14:47:14.266-07:00Week 8: Mobile Implementation Part 3
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Revision>0</o:Revision>
<o:TotalTime>0</o:TotalTime>
<o:Pages>1</o:Pages>
<o:Words>221</o:Words>
<o:Characters>1262</o:Characters>
<o:Company>Hawaii Pacific University</o:Company>
<o:Lines>10</o:Lines>
<o:Paragraphs>2</o:Paragraphs>
<o:CharactersWithSpaces>1481</o:CharactersWithSpaces>
<o:Version>14.0</o:Version>
</o:DocumentProperties>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>JA</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
<w:UseFELayout/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="276">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]-->
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:Cambria;
mso-ascii-font-family:Cambria;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Cambria;
mso-hansi-theme-font:minor-latin;}
</style>
<![endif]-->
<!--StartFragment-->
<br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
I am going to be teaming up with Allison Diller to do the
“Joke Around” App. We have not finalized the OS we are going to work on, but I
think we are leaning towards iOS since Allison owns an iPhone which will allow
there to be testing done. <o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Below is a week schedule, but I am meeting Allison this
upcoming Saturday and this schedule will for sure change once we meet and talk.
So this is a very rough outline, not the final schedule. Once Allison and I
meet, I will post in the comments the finalized schedule. </div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>*</b>The dates displayed are Saturdays.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Week 1: 3/23 – 3/30</b>:
Start on the Reading section, since we will be creating the lists and
the different category tabs. <o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Week 2 : 3/30 – 4/6:</b> More work on the Reading section if
necessary, Start on the Saved section since it is a similar layout as the
Reading section.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Week 3: 4/6 – 4/ 13</b>: Continue on Saved section if necessary.
Make sure that Reading is finished.<o:p></o:p></div>
<div class="MsoNormal">
<br /><b>
Week 4: 4/13 – 4/20:</b> Start on Create section. Finish Saved section and link it
with the Reading section.<o:p></o:p></div>
<div class="MsoNormal">
<br /><b>
Week 5: 4/20 – 4/27</b>: Finish Create section and link it with the other sections . Start on splash page.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Week 6: 4/27 – 5/4:</b> Put the whole package together, test, and make sure everything operates properly. Fix bugs why it
applies.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Week 7: 5/4 – Presentation day:</b> Figure out when we present
and use those last days to final testing and modifications<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Again this schedule is a very rough outline and will most
likely change once I meet up with Allison. I will post in the Comments the
final schedule that we agreed upon.<o:p></o:p></div>
<!--EndFragment-->Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com2tag:blogger.com,1999:blog-5683379683924846366.post-46969815278186531852013-03-17T14:14:00.003-07:002013-03-17T14:14:43.545-07:00Week 8: Mobile Implementation Part 2<span style="font-size: x-large;"><u><b>Heuristic Evaluation</b></u></span><br />
<span style="font-size: x-large;"><u><br /></u></span>
My heuristic evaluation was on Allison Diller's scoring app. The video Below is my evaluation and the text is what I touched on in my video.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/odDtg7m_y5k/0.jpg"><param name="movie" value="http://www.youtube.com/v/odDtg7m_y5k?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="http://www.youtube.com/v/odDtg7m_y5k?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></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: left;">
<u><b>Visibility of the System Status</b></u></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The main thing was the How To page that will keep the user informed on what game the app keeps track of. This will allow more experienced players to explain the rules to new players easier.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>3</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<u><b>Match Between System and the Real World</b></u></div>
<div class="separator" style="clear: both; text-align: left;">
<u><br /></u></div>
<div class="separator" style="clear: both; text-align: left;">
Being able to change the position of the players will help because sometimes people change seats between games or new players replace previous players.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>2</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
Being able to change the number of players will help if more people want to play. Plain and simple.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>1</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
Having a new game and previous game button will allow the players to continue an already established game from another time.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>2</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<u><b>User Control and Freedom</b></u></div>
<div class="separator" style="clear: both; text-align: left;">
<u><br /></u></div>
<div class="separator" style="clear: both; text-align: left;">
Back Button needs to be put in so that the user can fix a mistake that they made.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>3</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
The X button can become the home button so the user can restart a game if they desire.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>3</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<u><b>Flexibility and Efficiency of Use</b></u></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
A adding/subtracting button on the sides of the inputs with allow users to input score faster.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>1</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
Another suggestion is instead of a selection of numbers to input, just have the user input the number they want with the use of keyboard.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>1</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
A finished button and a next round button will allow the user to proceed to the next roundor a finish a game quickly.</div>
<div class="separator" style="clear: both; text-align: left;">
Rating: <b>2</b></div>
<br />Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com1tag:blogger.com,1999:blog-5683379683924846366.post-9130764593554474742013-03-17T12:44:00.001-07:002013-03-17T12:44:37.746-07:00Week 8: Mobile Implementation Part 1<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><b><u>Composition Patterns from <a href="http://4ourth.com/wiki/Composition">4ourth.com</a></u></b></span></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;">
The two patterns that I chose were the Interstitial Screen and the advertising. </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;">
<u>Interstitial Screen</u></div>
<div class="separator" style="clear: both; text-align: center;">
<u><br /></u></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-ash4/383997_2932389846218_1461100905_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-ash4/383997_2932389846218_1461100905_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="192" src="https://sphotos-a.xx.fbcdn.net/hphotos-ash4/383997_2932389846218_1461100905_n.jpg" width="320" /></a></div>
<div style="text-align: left;">
This Screenshot was taken on a mobile game app that I downloaded some time ago. A quick explanation of the game is that the user is trying to drive a car far as they can before a zombie horde catches it. The user can earn the game's currency on each ride and has an upgrade screen for the car. When I launch the app, it takes me to the upgrade screen. When i have done all of my upgrades and I select ride in the bottom right corner, this screen comes up because it is loading all of the apps's properties. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<u>Advertising</u></div>
<div class="separator" style="clear: both; text-align: center;">
<u><br /></u></div>
<div class="separator" style="clear: both; text-align: center;">
<u><br /></u></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://sphotos-a.xx.fbcdn.net/hphotos-prn1/522631_2932389726215_1137880093_n.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://sphotos-a.xx.fbcdn.net/hphotos-prn1/522631_2932389726215_1137880093_n.jpg" width="192" /></a></div>
<div style="text-align: left;">
<br /></div>
<div>
This Screenshot is from one of the joke apps that I was researching for my project. There are plenty of apps that have advertising similar to this style, but I just immediately remembered that this app had the perfect example. The advertisement is at the top and the user can choose to ignore it. But if they are interested in the product that is being displayed, they can diverge from their current activity and explore the ad.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Those are my picture examples of the two composition patterns from 4ourth.com. There will be a Part 2, which is the Heuristic Evaluation, and Part 3, which is the plan of attack for this app. </div>
Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com1tag:blogger.com,1999:blog-5683379683924846366.post-8714324490565062362013-03-10T14:37:00.001-07:002013-03-10T14:37:49.488-07:00Week 7: Visual and Information Design<br />
<u><b>Article</b></u><br />
<u><b><br /></b></u>
The blog that I went to was <a href="http://beautifulpixels.com/">beautifulpixels.com</a> and read the article about an app called "<a href="http://beautifulpixels.com/iphone/add-crispy-typography-to-your-photos-with-over/">Over</a>".<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="http://beautifulpixels.beautifulpixels.netdna-cdn.com/wp-content/uploads/2013/03/over-masthead.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="116" src="http://beautifulpixels.beautifulpixels.netdna-cdn.com/wp-content/uploads/2013/03/over-masthead.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Picture of the app on tablet</td></tr>
</tbody></table>
<br />
Over is an app that allows the user to addd typography to any picture that they have taken.<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="http://distilleryimage2.s3.amazonaws.com/15c9c5fa828611e282c522000a1fa433_7.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="200" src="http://distilleryimage2.s3.amazonaws.com/15c9c5fa828611e282c522000a1fa433_7.jpg" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Example of result</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
The app comes with 28 different fonts that have been able to change a regular picture into something inspirational, funny, or solem.<br />
<br />
<br />
<br />
I enjoyed reading the article, not only because of the content, but also because of the presentation of the article was great.<br />
<br />
The page color and font colors gave a calm atmosphere to the article since also allowed the pictures of the app (as shown above) to pop and grab the attention of the reader.<br />
<br />
The article was written well, but the paragraphs seemed kind of long for a blog. If the paragraphs were broken down more, the article would not seemed so dense that the reader doesn't feel overwhelmed with the length.<br />
<br />
<br />
<u><b><br /></b></u>
<u><b><br /></b></u>
<u><b>Peer Evaluation</b></u><br />
<br />
<a href="http://www.youtube.com/watch?v=8mrDEuWzs-k" target="_blank">Evaluation of Jade Storm's Balsamiq</a><br />
<br />
There were a lot of pages and preferences to go through before actually getting to a list of restaurants.<br />
Rating: 4<br />
* Made some suggestions to help fix that in video<br />
<br />
No back button that you could change your preference input<br />
Rating: 2<br />
Having a back button for the preferences is so that if the user put in the wrong preference they wanted, they could go back to that page without having to restart the search over.<br />
<br />
<br />
There is no map.<br />
Rating: 5<br />
* Made some suggestions to help fix that in video<br />
<br />
Not showing the opening and closing times of shops.<br />
Rating: 1<br />
This just a minor thing and I mentioned this in the video, so that the user know their options at the current time.<br />
<br />
<br />
Here is the video of Jade's review on my Balsamiq: <a href="http://www.youtube.com/watch?v=5NS6QLMT3Lk" target="_blank">Evaluation of Martin's Balsamiq</a><br />
<br />
<u><b><br /></b></u>
<u><b><br /></b></u>
<u><b>App evaluation</b></u><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/Svdcg6tleIIjz1fn4B-mpE1_zQdxLc0fDPtUgzW-BoZ0ID9HdBe22cgs5bu-kNDIB2M=w78-h78" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/Svdcg6tleIIjz1fn4B-mpE1_zQdxLc0fDPtUgzW-BoZ0ID9HdBe22cgs5bu-kNDIB2M=w78-h78" /></a></div>
<br />
<a href="https://play.google.com/store/apps/details?id=com.smartanuj.newjokes&feature=nav_result#?t=W251bGwsMSwxLDMsImNvbS5zbWFydGFudWoubmV3am9rZXMiXQ.." target="_blank">Awesome Joke</a> - This app is very similar to what I want my joke app to do. The app allows for everyone to view different types of jokes, submit your own, and save ones that the user finds funny.<br />
<div>
<br /></div>
<div>
The problem I had with the app was that the visuals seemed to come out of a pre made template. There is not as much visual appeal to it.<br />
<br />
Pros:<br />
<br />
<ul>
<li>Similar set-up as my app</li>
<li>Easy to navigate</li>
</ul>
<div>
Cons:</div>
<div>
<ul>
<li>Visually, feels like a generic pre-made templates</li>
<li>Not that colorful</li>
</ul>
</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/h0B6Jk6RutNH6b5Z_R3v0NGrUolUAdVVtZCq8nlNHFYHMKtiG71rjhnUNZDoSkQR_TA=w124" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/h0B6Jk6RutNH6b5Z_R3v0NGrUolUAdVVtZCq8nlNHFYHMKtiG71rjhnUNZDoSkQR_TA=w124" /></a></div>
<a href="https://play.google.com/store/apps/details?id=com.BestJokes&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5CZXN0Sm9rZXMiXQ.." target="_blank">Best Jokes Ever</a> - This app had a little bit more color in the design, but the navigation was not that intuitive as the other app. There were just 3 buttons at the bottom, but in order to get more buttons like a filter, the user had to use the menu button installed on the phone.<br />
<br />
The other app had all the buttons for the app on the screen where this one just have a big list of jokes with filters and categories in the installed menu button.<br />
<div>
<br />
Pros:<br />
<br />
<ul>
<li>Visually, more appealing and colorful</li>
</ul>
<div>
Cons:</div>
<div>
<ul>
<li>Non-intuitive navigation bar</li>
<li>Do not feel comfortable when trying to navigate</li>
</ul>
</div>
</div>
<div>
<br />
<a href="http://www.blogger.com/"></a><span id="goog_236003537"></span><span id="goog_236003538"></span><br />
<br />
<u><b>Navigation bar</b></u><br />
<br />
The 3 navigation bars:<br />
<br />
1. List menu<br />
2. Tab menu<br />
3. Metaphor menu<br />
<br />
1. The list menu is usually very simple and straight forward for the user, so as not to throw the user in the heart of the app and be confused on how they got there.<br />
<br />
2. The tab menu allows for the user to have all the different locations on the same display as the content so that, the user does not have to jump from page to page to get to their desired location in the app<br />
<br />
3. The metaphor menu is visual exciting, by uses an object that is related to the app and make it into a menu. The problem though is finding the right object to use as the menu.<br />
<br /></div>
</div>
Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com2tag:blogger.com,1999:blog-5683379683924846366.post-52012484246221673942013-03-02T17:30:00.000-08:002013-03-02T17:30:09.927-08:00Week 6: Balsamiq<div style="-x-system-font: none; display: block; font-family: Helvetica,Arial,Sans-serif; font-size-adjust: none; font-size: 14px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin: 12px auto 6px auto;">
<br />
One change that I made to my prototype is that........ I put a navigation bar at the top so that the user can actually go to different pages and not be stuck on one page.<br />
Another change that I made was instead of making extra pages to select the category, I just had tabs so that the user is not changing between so many pages and getting lost.<br />
Those were the changes that I made.<br />
<br />*Note the first save checkbox in animal tab in the read section is the only one that changes. It is meant to show as an example for the rest*</div>
<iframe class="scribd_iframe_embed" data-aspect-ratio="undefined" data-auto-height="false" frameborder="0" height="800" id="doc_78975" scrolling="no" src="http://www.scribd.com/embeds/128178588/content?start_page=1&view_mode=scroll" width="100%"></iframe>Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com2tag:blogger.com,1999:blog-5683379683924846366.post-14677808262945431402013-02-24T14:31:00.001-08:002013-02-24T14:31:27.809-08:00Week 5: EvaluationSami and I decided to meet up in the computer lab to evaluate each other's prototypes. Here is the list of issues from evaluating Sami's prototype and my hopefully constructive advice:<br />
<br />
<br />
<ul>
<li>The button set up could be improved even more on either version by having the Previous and Next Fact button close to the facts and have the other buttons close to the bottom.</li>
<li>I also expecting that when the first page would open up that it would have the current date and a fact right off the bat, but it was the just the date and a prompt of whether they want to get a fact. I feel that if the user has this app, they understand that they are going to get facts, so why not just skip the opening prompt and just go straight into the facts of that day. </li>
<li> Also some days might not have as many facts as other days so it would be helpful if on the date that they have pulled up, a counter of how many facts are for this date.</li>
<li>A suggestion is to add small pictures that relevant to the fact that is being displayed.</li>
</ul>
<br />
<br />
I kind of already said my positives and negatives in the bullet points, but i feel that it would be a fun app to have. It would also be a go conversation starter with people to break the ice. I made the suggestion of jumping right into the facts is so that a person can quickly access them if they cannot remember a fact of the day.<br />
<br />
<br />
Here are our videos:<br />
<br />
<br />
<div style="text-align: center;">
Sami reviewing mine</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/fWr3ai2EXUY?feature=player_embedded' frameborder='0'></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
I am reviewing Sami's</div>
<div class="separator" style="clear: both; text-align: center;">
<br /><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/JlYgiFs2ppg?feature=player_embedded' frameborder='0'></iframe></div>
<br />Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com3tag:blogger.com,1999:blog-5683379683924846366.post-65480944189632002722013-02-17T15:58:00.003-08:002013-02-17T15:59:15.645-08:00Week 4: Prototyping<br />
<div class="MsoNormal">
STEP 1: Direction</div>
<div class="MsoNormal">
I want to make something that allows for the user to share
funny jokes, anecdotes, or trivia facts with other people and for the user to receive
these as well. </div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
STEP 2: Versions</div>
<div class="MsoNormal">
#1</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr style="height: 106.6pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="border: solid windowtext 1.0pt; height: 106.6pt; mso-border-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx4CzAKpk69tf3-4n1358DhNZIlizMIvUyiEfVv4yFmB22piBLlbaURTXu6MjZtQxZP33ADZ-0LNqgcDwkclPBD0tKdmj9HOI6qWgqDLB55LFzrfhBjH5HIjrLhUalPJ7L1vrZ_ut_9o/s1600/535506_2840090898802_1087076793_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx4CzAKpk69tf3-4n1358DhNZIlizMIvUyiEfVv4yFmB22piBLlbaURTXu6MjZtQxZP33ADZ-0LNqgcDwkclPBD0tKdmj9HOI6qWgqDLB55LFzrfhBjH5HIjrLhUalPJ7L1vrZ_ut_9o/s320/535506_2840090898802_1087076793_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-left: none; border: solid windowtext 1.0pt; height: 106.6pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKO4_s05795TQbJTa6QHDRkoV5XlEHKPha9dKMbWIU0AvVBWYZ79ALBNkAIe6HZsccmZD3RpnfBv7YxuXdWOGYKT21mLXhaYe1g_33Pb56ecVmPxEw2X9mVIC6jAKZaxHoH4gVBoivy4/s1600/60692_2840090298787_1135983444_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKO4_s05795TQbJTa6QHDRkoV5XlEHKPha9dKMbWIU0AvVBWYZ79ALBNkAIe6HZsccmZD3RpnfBv7YxuXdWOGYKT21mLXhaYe1g_33Pb56ecVmPxEw2X9mVIC6jAKZaxHoH4gVBoivy4/s320/60692_2840090298787_1135983444_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-left: none; border: solid windowtext 1.0pt; height: 106.6pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ5NmeLplZI3X8ARaiMV86RP3yptY_JMrADUYBackKGOv9beoWoh69KHGCkwr55VIIOfJSgt4Nip_L_gzdxQZDBU2wOtW5Mf44hstVJEc7wRYUIrx8Butbi9xwvJfwFnPuI-g5_KAdB6k/s1600/62938_2840088338738_178731937_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ5NmeLplZI3X8ARaiMV86RP3yptY_JMrADUYBackKGOv9beoWoh69KHGCkwr55VIIOfJSgt4Nip_L_gzdxQZDBU2wOtW5Mf44hstVJEc7wRYUIrx8Butbi9xwvJfwFnPuI-g5_KAdB6k/s320/62938_2840088338738_178731937_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
</tr>
<tr style="height: 40.9pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 40.9pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
People are always waiting in some sort of line.</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 40.9pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
Sometimes waiting in line is stressful and one way to relieve it is
by jokes</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 40.9pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
They use an app that will give them a joke of the category they chose</div>
</td>
</tr>
<tr style="height: 98.5pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 98.5pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVi_gEmY6qgQE2XwsKUBrv2Cjpp8r-pF1ZA3UY5uf5OF5VbFe1hekc7GStZ7G9Zo-otCLXSnT-4bZIRA6mrt7z5F-gE9fwNxMDMhMNeTn3KytcUaNL4kngDRronfiheJvjQ-dXZnKwTA/s1600/62171_2840087338713_553168751_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVi_gEmY6qgQE2XwsKUBrv2Cjpp8r-pF1ZA3UY5uf5OF5VbFe1hekc7GStZ7G9Zo-otCLXSnT-4bZIRA6mrt7z5F-gE9fwNxMDMhMNeTn3KytcUaNL4kngDRronfiheJvjQ-dXZnKwTA/s320/62171_2840087338713_553168751_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 98.5pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qPnThqTsj_Yn7z82DanFMl6_cb55LL6fN5P6KDkSx7s_Cg2nHopehDVmzyUY9Y32U4EFO5lrklOI49vJdmWDR1dNe9D301rBhU4W5S9OlV3A8JC9IEWCiRJGVz_gutXDyuWsEyeVVZM/s1600/598435_2840086818700_1174486480_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qPnThqTsj_Yn7z82DanFMl6_cb55LL6fN5P6KDkSx7s_Cg2nHopehDVmzyUY9Y32U4EFO5lrklOI49vJdmWDR1dNe9D301rBhU4W5S9OlV3A8JC9IEWCiRJGVz_gutXDyuWsEyeVVZM/s320/598435_2840086818700_1174486480_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 98.5pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEC6Q4vjYZbQq9R__znaaKIpd044ZPmrARAbw4ggBNpotO7tWZZ0P2JPmlroXskp6IJG_gomAysWfxnVpRO5AiVEDOkWbYtrc8DCmX4NP_1pmtFOHw-U3xTUmtRZyO4rbQ1wvi4ZsQSA/s1600/574585_2840086418690_415543709_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEC6Q4vjYZbQq9R__znaaKIpd044ZPmrARAbw4ggBNpotO7tWZZ0P2JPmlroXskp6IJG_gomAysWfxnVpRO5AiVEDOkWbYtrc8DCmX4NP_1pmtFOHw-U3xTUmtRZyO4rbQ1wvi4ZsQSA/s320/574585_2840086418690_415543709_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
</tr>
<tr style="height: 49.0pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 49.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
They enjoyed the joke, so they to the next one. </div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 49.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
The next one, they feel is so funny that they have to save it </div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 49.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
So they save it and after reading that joke, they are reminded about
a joke that they want to share</div>
</td>
</tr>
<tr style="height: 130.0pt; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 130.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwgVwBaym-SQQVBBY-00mjrUo3gCc09LzCcv0pR3w-nUinzHDV7OVt0ZA4Npy2zXdC8XgvQEZOkR50COfowpitiXMPTL1yyPYsfX8oWt3mruVDOGvQfKu7pPeIKR78-L6E5-UCzKzPWxo/s1600/535594_2840086258686_1546049341_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwgVwBaym-SQQVBBY-00mjrUo3gCc09LzCcv0pR3w-nUinzHDV7OVt0ZA4Npy2zXdC8XgvQEZOkR50COfowpitiXMPTL1yyPYsfX8oWt3mruVDOGvQfKu7pPeIKR78-L6E5-UCzKzPWxo/s320/535594_2840086258686_1546049341_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 130.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7V2VQZ4U0SWQTkXAB1Seg0IO7jCjoGpfoIrOgtSJLTcQHnjMp7Bj4GTfTtDk3z6PgLxVFLCe-C_gjb0qXGv9Nm0xOOYik8kcfHiOuj2PXjNJuBLAryi-MD-rO_yY-06Ua-1jrGad8jI/s1600/425984_2840085738673_1025722389_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7V2VQZ4U0SWQTkXAB1Seg0IO7jCjoGpfoIrOgtSJLTcQHnjMp7Bj4GTfTtDk3z6PgLxVFLCe-C_gjb0qXGv9Nm0xOOYik8kcfHiOuj2PXjNJuBLAryi-MD-rO_yY-06Ua-1jrGad8jI/s320/425984_2840085738673_1025722389_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 130.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZ6_EJGxssVy_0CUyUl73wkQXDYaBQu58wqM7XIYkLOTC4JE8mDAkOoG7iaqAeh272kA4II7H5Ji8mzkKEVQnXrLECewwRE-Zz3_w_TcSLV_v8aaTpzkYRgj9pS5Q70WMcW_uK9QnbAQ/s1600/382322_2840085338663_967783375_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZ6_EJGxssVy_0CUyUl73wkQXDYaBQu58wqM7XIYkLOTC4JE8mDAkOoG7iaqAeh272kA4II7H5Ji8mzkKEVQnXrLECewwRE-Zz3_w_TcSLV_v8aaTpzkYRgj9pS5Q70WMcW_uK9QnbAQ/s320/382322_2840085338663_967783375_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
</tr>
<tr style="height: 48.1pt; mso-yfti-irow: 5; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 48.1pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
So they write down the joke select a category and then submit it. </div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 48.1pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
All of the jokes are anonymous.</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 48.1pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
But the user must select one of the categories so as to group similar
jokes and separate jokes that are PG rated from the R rated ones</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
#2</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr style="height: 118.75pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="border: solid windowtext 1.0pt; height: 118.75pt; mso-border-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx4CzAKpk69tf3-4n1358DhNZIlizMIvUyiEfVv4yFmB22piBLlbaURTXu6MjZtQxZP33ADZ-0LNqgcDwkclPBD0tKdmj9HOI6qWgqDLB55LFzrfhBjH5HIjrLhUalPJ7L1vrZ_ut_9o/s1600/535506_2840090898802_1087076793_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx4CzAKpk69tf3-4n1358DhNZIlizMIvUyiEfVv4yFmB22piBLlbaURTXu6MjZtQxZP33ADZ-0LNqgcDwkclPBD0tKdmj9HOI6qWgqDLB55LFzrfhBjH5HIjrLhUalPJ7L1vrZ_ut_9o/s320/535506_2840090898802_1087076793_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-left: none; border: solid windowtext 1.0pt; height: 118.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4rve4oMempuCIJyd0-dNhejW4hBOmRpgsdNR4y6BwGoidrWMXTUO3gSy1XRV5ZK6Czn_7ExoV_1TWbw_Q_h89WAtTN8xNiU6A-JO9xww33XNO6kZ4oyHYGh1Y1zLMolaaYznZqE2bfHM/s1600/382193_2840146500192_1381944267_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4rve4oMempuCIJyd0-dNhejW4hBOmRpgsdNR4y6BwGoidrWMXTUO3gSy1XRV5ZK6Czn_7ExoV_1TWbw_Q_h89WAtTN8xNiU6A-JO9xww33XNO6kZ4oyHYGh1Y1zLMolaaYznZqE2bfHM/s320/382193_2840146500192_1381944267_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-left: none; border: solid windowtext 1.0pt; height: 118.75pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFElrZ-yMJzePAV9g8JcmsRJ5DVMw68sz8MhLwihCovwF2COvyv8dsU8hlZ9PIzsJ5aUHZwiWgCezZRehcykCFKeKL5VhZVBs3fI0otBZ1-ybIA8p10BkKDKDnlAZjVc-oOxlUx4sdB_o/s1600/560189_2840147500217_1746947916_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFElrZ-yMJzePAV9g8JcmsRJ5DVMw68sz8MhLwihCovwF2COvyv8dsU8hlZ9PIzsJ5aUHZwiWgCezZRehcykCFKeKL5VhZVBs3fI0otBZ1-ybIA8p10BkKDKDnlAZjVc-oOxlUx4sdB_o/s320/560189_2840147500217_1746947916_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
</tr>
<tr style="height: 35.5pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 35.5pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
People are always waiting in some sort of line</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 35.5pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
One way of passing the time in the line is by distracting yourself</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 35.5pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
So the person in the line needs something to distract themselves with</div>
</td>
</tr>
<tr style="height: 170.5pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 170.5pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinH-460Uz4-9XIGePSJ0Un5QgHz2i57wOVXa4e0CtBzbPMKuPIypoNFHdArY3SuRuzCFHoOLrhTPhhkNt7Y-jb61iWDX0Vub0jLSnZCQoUUknu8oEoyVkMSqyqKdlyhfViBLIOzdJN0Ts/s1600/16512_2840149060256_1975534031_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinH-460Uz4-9XIGePSJ0Un5QgHz2i57wOVXa4e0CtBzbPMKuPIypoNFHdArY3SuRuzCFHoOLrhTPhhkNt7Y-jb61iWDX0Vub0jLSnZCQoUUknu8oEoyVkMSqyqKdlyhfViBLIOzdJN0Ts/s320/16512_2840149060256_1975534031_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 170.5pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDGGELsuPBMDHUXcoIFaPSIMCq8XwgQ-YGTEsOhx_KIEsUxLvKxZ4GiVm4IP9DxXHO1bT0VyCgSoq6czX4nB2HNTFaH-8EDgJmvYFSjisV3vw5tbEJNQb1fRS04mPCH2oCB4moXPz7os/s1600/179601_2840148780249_146139574_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDGGELsuPBMDHUXcoIFaPSIMCq8XwgQ-YGTEsOhx_KIEsUxLvKxZ4GiVm4IP9DxXHO1bT0VyCgSoq6czX4nB2HNTFaH-8EDgJmvYFSjisV3vw5tbEJNQb1fRS04mPCH2oCB4moXPz7os/s320/179601_2840148780249_146139574_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 170.5pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZJxbg9dlouMff2C3rNON4YKef7bG4DSEzZwryfqxdEreh98ph1av5s6SMEltUGlw_QHZKrwZctyAeJxQfrIzUtuJS1C2derW1T3J3V4o3jB4Z1_tyWYfILoHl0Vww8Q9D7-Fq9smqyA/s1600/5513_2840148140233_795933639_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqZJxbg9dlouMff2C3rNON4YKef7bG4DSEzZwryfqxdEreh98ph1av5s6SMEltUGlw_QHZKrwZctyAeJxQfrIzUtuJS1C2derW1T3J3V4o3jB4Z1_tyWYfILoHl0Vww8Q9D7-Fq9smqyA/s320/5513_2840148140233_795933639_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
</tr>
<tr style="height: 31.0pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 31.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
They are big on trivia facts and usual facts</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 31.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
There happens to be an app that has all sorts of facts like that</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 31.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
So they read one</div>
</td>
</tr>
<tr style="height: 151.6pt; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 151.6pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk0fLKVJ6J_pRVQ-YLBNJsROUP8iYlV7RnNZzqYqiyOdKJT83VTz2tZ2-i6qrVrh9v6OovSx3XThpWP_CP_S-_m8knziktY_11OsDMBTke1gdWEp9sBrElzwV2eF_cRjS4DqX4EK811w8/s1600/644384_2840149220260_205067723_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk0fLKVJ6J_pRVQ-YLBNJsROUP8iYlV7RnNZzqYqiyOdKJT83VTz2tZ2-i6qrVrh9v6OovSx3XThpWP_CP_S-_m8knziktY_11OsDMBTke1gdWEp9sBrElzwV2eF_cRjS4DqX4EK811w8/s320/644384_2840149220260_205067723_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 151.6pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5nucyWbcZFWmVPUTiawuwHFXiX5wKys4H0mOKFle_uZ5KMM-ZgUDGJGHP6bg-E890k2_C9q8qu6rCyO_V32uSkPaW9rzKTbgr_DBG6G9ezdSUoob9tM_0G7eMhKxWoSyUH1ovSpIupWE/s1600/223555_2840149540268_948353867_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5nucyWbcZFWmVPUTiawuwHFXiX5wKys4H0mOKFle_uZ5KMM-ZgUDGJGHP6bg-E890k2_C9q8qu6rCyO_V32uSkPaW9rzKTbgr_DBG6G9ezdSUoob9tM_0G7eMhKxWoSyUH1ovSpIupWE/s320/223555_2840149540268_948353867_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 151.6pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFATKnhoqNh_wvO7WWbH_NZL1eWsmziJYCU30AVbf6jSDXPv4mz_2hsWco_sTzaUXl2iniNYP7INxfWFfpj7nP36GysxPeaCqJ1wpO9CIZtfPJVWnc1X7WI6y6YrTu7__UrQfWvXQnMkY/s1600/184393_2840149980279_2027539371_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFATKnhoqNh_wvO7WWbH_NZL1eWsmziJYCU30AVbf6jSDXPv4mz_2hsWco_sTzaUXl2iniNYP7INxfWFfpj7nP36GysxPeaCqJ1wpO9CIZtfPJVWnc1X7WI6y6YrTu7__UrQfWvXQnMkY/s320/184393_2840149980279_2027539371_n.jpg" width="240" /></a></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br />
<!--[endif]--></div>
</td>
</tr>
<tr style="height: 41.35pt; mso-yfti-irow: 5; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 41.35pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
And another….</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 41.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
And another...</div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 41.35pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt; width: 159.6pt;" valign="top" width="213"><div class="MsoNormal" style="margin-bottom: 0.0001pt;">
And another. They look up and they have one more person and they will
then get their copy of the latest videogame.</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
STEP 3: Prototype Versions</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal" style="text-align: center;">
#1</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh53yKV1qrc98l0H70ZibObsbS5PtMuSB7KjNUJEgRZrVkvsPPteUPe2neJ_xVGCLtadRxKb1IQB0VEgWZZIVzV653wREOO8jGuCVn3VrdKbCTa5j08n0BVl28OgGTzrcVT_RFdfE_CWaQ/s1600/66605_2840332664846_1648636400_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh53yKV1qrc98l0H70ZibObsbS5PtMuSB7KjNUJEgRZrVkvsPPteUPe2neJ_xVGCLtadRxKb1IQB0VEgWZZIVzV653wREOO8jGuCVn3VrdKbCTa5j08n0BVl28OgGTzrcVT_RFdfE_CWaQ/s320/66605_2840332664846_1648636400_n.jpg" width="240" /></a></div>
<div class="MsoNormal">
<br />
<!--[endif]--></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal" style="text-align: center;">
#2</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK4y-5b1arY3sYdbrg-OClqAOCm8f3X8zMUv8DHOM3KJ17D8gaR3NznAWVkp3O_RkbJqZk283LU2iIW7Im1RsJcTQcGS03fShhsTKZ27WDwUEW4yDEU70gFFv-MPP5FZ6MFqxhv47AeKQ/s1600/285368_2840327584719_349096562_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK4y-5b1arY3sYdbrg-OClqAOCm8f3X8zMUv8DHOM3KJ17D8gaR3NznAWVkp3O_RkbJqZk283LU2iIW7Im1RsJcTQcGS03fShhsTKZ27WDwUEW4yDEU70gFFv-MPP5FZ6MFqxhv47AeKQ/s320/285368_2840327584719_349096562_n.jpg" width="240" /></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: left;">
</div>
<div class="MsoNormal">
STEP 4: Video</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/LwIsL2NokdY?feature=player_embedded' frameborder='0'></iframe></div>
<div class="MsoNormal">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="MsoNormal">
<br />
<!--[endif]--></div>
Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com1tag:blogger.com,1999:blog-5683379683924846366.post-21059642086801426012013-02-10T15:54:00.001-08:002013-02-10T15:57:06.361-08:00Week 3: Needfinding<br />
<div class="MsoNormal">
<b><u>STEP 1 OBSERVE<o:p></o:p></u></b></div>
<div class="MsoNormal">
I chose to observe my friends in managing the due dates for
their school assignments. I want to improve this because I know the experience
of being caught off guard from remembering at the last second the deadline of
an assignment. I want people to always be informed about things like that since
there are usually very important to remember.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><u>Denzel:</u></b>
His system of remembering due dates is like a word of mouth system. He usually asks
his peers in the class what is due in the class and what day it is due. Also if
he is nervous on whether he has anything due and his classmates are not around,
he looks at the syllabus that the teacher provided.</div>
<div class="MsoNormal">
<br /></div>
<br />
<div class="MsoNormal">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Picture_x0020_1" o:spid="_x0000_s1027" type="#_x0000_t75"
style='position:absolute;margin-left:267pt;margin-top:-.35pt;width:201pt;
height:151.5pt;z-index:1;visibility:visible;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text'>
<v:imagedata src="file:///C:\Users\Martin\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title="543556_2814212571860_1491309262_n"/>
<w:wrap type="square"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVoRVWxZTPcDQ3TBuPlbBY3T9NHmEcYYFnFHV3uwd1-EmvBQpjasvPEVbB_63naMlU6D2kuur3aMJd7Vc84HHAXGwp81PYBKoghE3PHMv1rsK9DrWlZ4vlVQ-XSeHVCOMoK6GGTvluP6c/s1600/543556_2814212571860_1491309262_n.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVoRVWxZTPcDQ3TBuPlbBY3T9NHmEcYYFnFHV3uwd1-EmvBQpjasvPEVbB_63naMlU6D2kuur3aMJd7Vc84HHAXGwp81PYBKoghE3PHMv1rsK9DrWlZ4vlVQ-XSeHVCOMoK6GGTvluP6c/s320/543556_2814212571860_1491309262_n.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Denzel texting a classmate about an assignment</td></tr>
</tbody></table>
<b>Positives:</b><br />
<div class="MsoNormal">
</div>
<ul>
<li><span style="text-indent: -0.25in;">A constant reminder of the assignments from
classmates</span></li>
<li><span style="text-indent: -0.25in;">Never has to personally remember it because of
classmates</span></li>
</ul>
<br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Negatives: </b></div>
<div class="MsoNormal">
</div>
<ul>
<li><span style="text-indent: -0.25in;">When not around classmates (ex. weekend), if
assignment is due next class, possibility of forgetting deadline</span></li>
<li><span style="text-indent: -0.25in;">Can possible suffer when the assignment requires
a lot of time</span></li>
</ul>
<br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><u>Bijan:</u></b> The
system that Bijan uses is writing it on a whiteboard in his room. When an assignment
due date is announced, the assignment is written on the board. The assignment is
taken off when the assignment is finished. The board is located right next to
his bed.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<!--[if gte vml 1]><v:shape id="Picture_x0020_2" o:spid="_x0000_s1026"
type="#_x0000_t75" style='position:absolute;margin-left:266.25pt;margin-top:-.25pt;
width:201.75pt;height:151.5pt;z-index:2;visibility:visible;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text'>
<v:imagedata src="file:///C:\Users\Martin\AppData\Local\Temp\msohtmlclip1\01\clip_image003.jpg"
o:title="556158_2814211931844_379297725_n"/>
<w:wrap type="square"/>
</v:shape><![endif]--><!--[if !vml]--></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK_ByQJtzswtpPxbP5HdpQjy8azJdZrZHMLXC5txGEuEpllMKaWlsS-z6DFog-_blyG1g1XzLkqZFvlD8r1G-7T7IehSlz7_x9QboeBPTsS_zgcVHycXVTsOkadH7G3CzFQFO2RXxMZUI/s1600/556158_2814211931844_379297725_n.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK_ByQJtzswtpPxbP5HdpQjy8azJdZrZHMLXC5txGEuEpllMKaWlsS-z6DFog-_blyG1g1XzLkqZFvlD8r1G-7T7IehSlz7_x9QboeBPTsS_zgcVHycXVTsOkadH7G3CzFQFO2RXxMZUI/s320/556158_2814211931844_379297725_n.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Bijan checking his board for any assignments</td></tr>
</tbody></table>
<b><u>Positives:</u></b><br />
<div class="MsoListParagraphCxSpFirst" style="margin-left: 37.5pt; mso-add-space: auto; mso-list: l2 level1 lfo3; text-indent: -.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]-->A constant reminder on the board and at home<b><u><o:p></o:p></u></b></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 37.5pt; mso-add-space: auto; mso-list: l2 level1 lfo3; text-indent: -.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]-->Can organize it and prioritize assignments based
on due dates and workload for each assignment<b><u><o:p></o:p></u></b></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 37.5pt; mso-add-space: auto; mso-list: l2 level1 lfo3; text-indent: -.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]-->Writing it on the board is another way of
keeping it in your mind<b><u><o:p></o:p></u></b></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 37.5pt; mso-add-space: auto; mso-list: l2 level1 lfo3; text-indent: -.25in;">
<!--[if !supportLists]--><span style="font-family: Symbol; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><!--[endif]-->Board allows for changes and additions<b><u><o:p></o:p></u></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><u>Negatives:</u></b></div>
<div class="MsoNormal">
<span style="font-family: Symbol; text-indent: -0.25in;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"><br /></span></span></div>
<div class="MsoNormal">
</div>
<ul>
<li><span style="font-family: Symbol; text-indent: -0.25in;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="text-indent: -0.25in;">Is most effective when at home, when not at home
possibly of forgetting</span></li>
<li><span style="text-indent: -0.25in;">Still has to write the assignment down in class
so that it can be easily </span><span style="text-indent: -0.25in;"> </span><span style="text-indent: -0.25in;">transferred to
board at home</span></li>
</ul>
<br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><u>STEP 2 BRAINSTROM<o:p></o:p></u></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
1. An app that gives reminders every day of assignments due
for the week</div>
<div class="MsoNormal">
2. An app that is like a board where the person types or
talks in the assignment with due date</div>
<div class="MsoNormal">
3. A calendar app that is takes the idea of a white board
display for each week</div>
<div class="MsoNormal">
4. An app that lists all of the assignments due for the week
with a number rating on the amount of time required for it</div>
<div class="MsoNormal">
5. An app that does a countdown for assignments in a list </div>
<div class="MsoNormal">
6. An app that has
classmates’ information for each class, so that one can get in contact with
people from their class</div>
<div class="MsoNormal">
7. An app that is
like a student planner </div>
<div class="MsoNormal">
8. An app that lists the assignments in chronological order
and as the assignment gets closer to the due date, the screen starts to get a
red tint to it and as the date gets closer the tint gets more saturated.</div>
<div class="MsoNormal">
9. An app that does a
type of notifications symbol that appears in the corner of the phone’s screen
like on Facebook. </div>
<div class="MsoNormal">
10. An app that anytime the user unlocks their phone, the
app will prompt like a dry erase marker on glass across the user’s phone with
the list of assignments that are due this week. </div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><u>STEP 3 INSPIRATION</u></b></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;">1.</span><span style="font-size: 7pt; text-indent: -0.25in;">
</span><span style="text-indent: -0.25in;">The calendar apps in that come with phones. I
understand that every phone comes with this, but sometimes they get confusing
and are not simple.</span><span style="text-indent: -0.25in;"> </span><span style="text-indent: -0.25in;">I want the user to
go into an app like the default calendar and be able to right from the start be
able to create due dates and delete them with little to no effort.</span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;">2.</span><span style="font-size: 7pt; text-indent: -0.25in;">
</span><span style="text-indent: -0.25in;">Facebook event tab. The layout of the event tab
on Facebook allows the user to see all the events going on in the week in
chronological order or in a calendar fashion that way the user can see the
entire month.</span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;">3.</span><span style="font-size: 7pt; text-indent: -0.25in;">
</span><span style="text-indent: -0.25in;">Actual class syllabus. I want to give a student
a syllabus that they can access on their phone, organize, and have constant
updates.</span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;">4.</span><span style="font-size: 7pt; text-indent: -0.25in;">
</span><span style="text-indent: -0.25in;">Wix.com. This website helps people who do not
know HTML code very well and it allows them to create a site. The steps in
creating the site are very easy with Wix.com and the user can add and subtract
things from the site without frustration.</span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;">5.</span><span style="font-size: 7pt; text-indent: -0.25in;">
</span><span style="text-indent: -0.25in;">PDAs. I want to make my phone like a PDA since I
always have my phone on me at all times. I want people to have their
information at their finger tips.</span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;"><br /></span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;"><br /></span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;"><br /></span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;"><u><b>Video with Link</b></u></span></div>
<div class="MsoNormal">
<a href="http://www.youtube.com/watch?v=z-_OKlc22Zs" style="text-indent: -24px;">http://www.youtube.com/watch?v=z-_OKlc22Zs</a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i.ytimg.com/vi/z-_OKlc22Zs/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/z-_OKlc22Zs?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="http://www.youtube.com/v/z-_OKlc22Zs?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;"><br /></span></div>
<div class="MsoNormal">
<span style="text-indent: -0.25in;"><br /></span></div>
<br />Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com5tag:blogger.com,1999:blog-5683379683924846366.post-22572213587261289382013-02-04T01:14:00.001-08:002013-02-04T01:14:34.535-08:00Week 2: Brainstormed Ideas<br />
<u>Brainstormed Ideas</u><br />
<u><br /></u>
<br />
<ul>
<li>TV channel app</li>
<ul>
<li>Tells the user the exact channel for any show</li>
</ul>
<li>Fish species app</li>
<ul>
<li>tells the user fish species in a picture that was taken (target: marine science)</li>
</ul>
<li>Hiking trails app</li>
<ul>
<li>shows the locations of trails with distance of trails, photos, and reviews</li>
</ul>
<li>Fast food nutritional facts app</li>
<ul>
<li>a database that shows all the nutritional facts of any fast food place</li>
</ul>
<li>Bus app</li>
<ul>
<li>shows the route of buses in a specific city, time tables, and possible GPS location of bus</li>
</ul>
<li>Financial app</li>
<ul>
<li>a checklist that helps keep a constant update on a student's financial aid. eg) deadlines, forms, sites, etc.</li>
</ul>
<li>Parking spot app</li>
<ul>
<li>shows user parking garages near them based off GPS location and shows information like rates</li>
</ul>
<li>Landmarks app</li>
<ul>
<li>shows locations of historic landmarks based on GPS location</li>
</ul>
<li>List app</li>
<ul>
<li>allows the user to create a list for specific tasks. eg) groceries, office supplies, schedules, etc</li>
</ul>
<li>Engine data app</li>
<ul>
<li>if phone connected in car, will save engine data on phone to show to mechanic. eg) oil pressure, etc</li>
</ul>
<li>Insurance company damage app</li>
<ul>
<li>allows user to evaluate damage of car based off a picture that user takes.</li>
</ul>
<li>Accounting app</li>
<ul>
<li>allows the user to keep track of income, expenses and balances</li>
</ul>
<li>Symptoms app</li>
<ul>
<li>user inputs medical symptoms and the app displays possible conditions they are in </li>
</ul>
<li>Comic strip app</li>
<ul>
<li>database full of Sunday comic strips</li>
</ul>
<li>Snowflake app</li>
<ul>
<li>a mini game that user "cuts" out a paper snowflake</li>
</ul>
<li>Inspirational app</li>
<ul>
<li>everyday this app has a inspirational quote.</li>
</ul>
<li>Joke app</li>
<ul>
<li>databases of all sorts of jokes</li>
</ul>
<li>True or False app</li>
<ul>
<li>a mini game that has a bunch of true/false questions about anything and everything</li>
</ul>
<li>Sci-fi soundboard</li>
<ul>
<li>contains a large array of soundboards from sci-fi films</li>
</ul>
<li>Idea app</li>
<ul>
<li>user inputs a category and it gives a lists of project ideas for that category</li>
</ul>
</ul>
<u>Prototypes</u><br />
<br />
List app<br />
- The app seems simple but allows for the user to be efficient with their time of be organize<br />
<br />
Parking app<br />
- One of the main problems that my friends and I have when going to a new place is finding parking garages.<br />
<br />
<br />
My main focus on these apps were college students and my users were mostly my friends and a big help was my roommate. There is a picture of him analyzing the setup.<br />
<br />
My main insights from this is that the List app is good just they felt like it was a little basic, but that they could see what i was imagining it and where it could go. For the Parking app, they liked it just that again it seemed basic.<br />
<br />
Below is my photos of the prototypes and of my roommate (Sorry for the disarray. I was struggling with the insert image tool and with the alignment settings on the pictures).<br />
<br />
<u>Photos</u><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikW_2ptBIByaI5tF8dB_7i0JzK9EXIi3GQh42CEjQkWX-IXDSHwLixl0JL3EGBiFnkvWsEdfdMxEslYlQobrFv9-Y7vc2nitMSrHJ0ZvLMcjOp79KppqkxlVJWTw31SRopj5PQgOcV_kA/s1600/Saved.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3BwkJ87D6Zu5TbwieofaptaQMwk4gd7rX7ywsU9xmx_LU2rU55IUmIfeRywSahbyA8z7mFhBj3hqdb3ZtDOL9Hb4RKLXP24CJmTQDcvV4bKPT4OILS8yXh43P1TcT-t5UYJ-9Fhw7na0/s1600/main+menu.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVcXIpQwcf1JykSIuEU0Z5Qgkx_dkLiAXfoi1RdKjEsRjkp0R2TZiTkAjLWlRysQaKY2WHUflQUG81GKVlg_lr3S4WqGH_uxyKjZaeU20lZo5ZS9m6GJiW6frzI4H84wYRbfxlaz193IE/s1600/List+app+overview.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVcXIpQwcf1JykSIuEU0Z5Qgkx_dkLiAXfoi1RdKjEsRjkp0R2TZiTkAjLWlRysQaKY2WHUflQUG81GKVlg_lr3S4WqGH_uxyKjZaeU20lZo5ZS9m6GJiW6frzI4H84wYRbfxlaz193IE/s200/List+app+overview.jpg" width="150" /></a><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3BwkJ87D6Zu5TbwieofaptaQMwk4gd7rX7ywsU9xmx_LU2rU55IUmIfeRywSahbyA8z7mFhBj3hqdb3ZtDOL9Hb4RKLXP24CJmTQDcvV4bKPT4OILS8yXh43P1TcT-t5UYJ-9Fhw7na0/s200/main+menu.jpg" width="200" /><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikW_2ptBIByaI5tF8dB_7i0JzK9EXIi3GQh42CEjQkWX-IXDSHwLixl0JL3EGBiFnkvWsEdfdMxEslYlQobrFv9-Y7vc2nitMSrHJ0ZvLMcjOp79KppqkxlVJWTw31SRopj5PQgOcV_kA/s200/Saved.jpg" width="150" /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEHwP_t-LXcIPSREfRjHHnH1hlOEfb1gXZuAzJDOL7KbJ1GeyoDEO9rtoEwADxUqdXNUW8XwMAs82P3Z6GKyyMpw0pFQ0zB-5i2PJu_o_qVzqGinNLv33l3HlifsqyL9ylGKLdveGnn1M/s1600/categories+overview.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZM_mdBtTjU1tKlMqf1IxEnSX6kErqKhlWHkOAqBmY2bYeWpbKTj5xNXJr-3jmv6BQjXEQMuEVNvyw5HwkiaGiyvciM7wvzVxZ0zyxDf30R5uEpwA6EYTlGo7lQLUPXYujjDOc8i6aG14/s1600/custom.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZM_mdBtTjU1tKlMqf1IxEnSX6kErqKhlWHkOAqBmY2bYeWpbKTj5xNXJr-3jmv6BQjXEQMuEVNvyw5HwkiaGiyvciM7wvzVxZ0zyxDf30R5uEpwA6EYTlGo7lQLUPXYujjDOc8i6aG14/s200/custom.jpg" width="150" /></a></div>
<br />
<br />
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBF_08DNVkWOT0rM8__mpG4MWvBJwJzJbt5QPO-eFwWPb36LKuoylJgqYgbA_7OP9SF-CCXTTRB7lzrDN1PuR3xGfZyCH-moa6xQ1Lv2Ax88Jbd4dWd-mmR7zw_FjBDAZL1KZSQGkeOcA/s1600/groceries.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBF_08DNVkWOT0rM8__mpG4MWvBJwJzJbt5QPO-eFwWPb36LKuoylJgqYgbA_7OP9SF-CCXTTRB7lzrDN1PuR3xGfZyCH-moa6xQ1Lv2Ax88Jbd4dWd-mmR7zw_FjBDAZL1KZSQGkeOcA/s200/groceries.jpg" width="150" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy65svTjSZPI4XxYB-ugA25jyQgdyIrUsTnicqvV9TeW9ogdxcqkDGgNR_W-t3fYIchsWUJn3RZW-1BDpoSaKL8mmFUTNlEWCOWCffSnth-YqtsLGvkJEQTiuT1wKqslXmvgbrQ8GSpf4/s1600/categories.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy65svTjSZPI4XxYB-ugA25jyQgdyIrUsTnicqvV9TeW9ogdxcqkDGgNR_W-t3fYIchsWUJn3RZW-1BDpoSaKL8mmFUTNlEWCOWCffSnth-YqtsLGvkJEQTiuT1wKqslXmvgbrQ8GSpf4/s200/categories.jpg" width="150" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgScs50qo3INqFuDw5M4YUY3EOUaoi75vdJRFAj4tdfphSr4wuwAlnWfGwG7PngbtrJ9y0rZs-wWToJe69AC6q621rBrjmhgjJqa10llv6eTI0tFbju8a9NJ40ikkF4mAWN6KcvDEf6h8k/s1600/other.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgScs50qo3INqFuDw5M4YUY3EOUaoi75vdJRFAj4tdfphSr4wuwAlnWfGwG7PngbtrJ9y0rZs-wWToJe69AC6q621rBrjmhgjJqa10llv6eTI0tFbju8a9NJ40ikkF4mAWN6KcvDEf6h8k/s200/other.jpg" width="150" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisWlroOr9ST1Wmn2MhPc0zd37zPVvzctnf-PyLem-4gs-gzfoeMFbDLsZlUWh4Sf3uRjcjbE2XJVegO7UOWuDp9nbCOPECYbgXRB1OS9uC3yW3p75pTxTk9YXU0Cj7QGJmOQIT8wtR14/s1600/Done.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisWlroOr9ST1Wmn2MhPc0zd37zPVvzctnf-PyLem-4gs-gzfoeMFbDLsZlUWh4Sf3uRjcjbE2XJVegO7UOWuDp9nbCOPECYbgXRB1OS9uC3yW3p75pTxTk9YXU0Cj7QGJmOQIT8wtR14/s200/Done.jpg" width="150" /></a><br />
<div>
<br />
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEHwP_t-LXcIPSREfRjHHnH1hlOEfb1gXZuAzJDOL7KbJ1GeyoDEO9rtoEwADxUqdXNUW8XwMAs82P3Z6GKyyMpw0pFQ0zB-5i2PJu_o_qVzqGinNLv33l3HlifsqyL9ylGKLdveGnn1M/s1600/categories+overview.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEHwP_t-LXcIPSREfRjHHnH1hlOEfb1gXZuAzJDOL7KbJ1GeyoDEO9rtoEwADxUqdXNUW8XwMAs82P3Z6GKyyMpw0pFQ0zB-5i2PJu_o_qVzqGinNLv33l3HlifsqyL9ylGKLdveGnn1M/s200/categories+overview.jpg" width="150" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE38hRovpZhrkBQHy7irsz9qjToMTIxHJgUSQ7-xmoRFbyOMUDhNfOzbL0VnV_8YlUgGzC98fUhsVt0jkYyLLQV5wzd1uKra5Du_mUH_2VirAqHq3ACkq4iIRnoRodLUcMklut0g4T8EI/s1600/parking+overview.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE38hRovpZhrkBQHy7irsz9qjToMTIxHJgUSQ7-xmoRFbyOMUDhNfOzbL0VnV_8YlUgGzC98fUhsVt0jkYyLLQV5wzd1uKra5Du_mUH_2VirAqHq3ACkq4iIRnoRodLUcMklut0g4T8EI/s200/parking+overview.jpg" width="200" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN01RpCTG47Ki7ctvwHeFf3dn0kwNqy6GCVQyNY3KeTQU7s0tUxVaj2rGL5M66rrLpTJ3MYh_MHT25ZQ9e2XUZyUvSzCyioXoxwVI8txkyeUSW5mqOZdoWjxQqFewJhlIAPsxIrcrYH9A/s1600/More.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN01RpCTG47Ki7ctvwHeFf3dn0kwNqy6GCVQyNY3KeTQU7s0tUxVaj2rGL5M66rrLpTJ3MYh_MHT25ZQ9e2XUZyUvSzCyioXoxwVI8txkyeUSW5mqOZdoWjxQqFewJhlIAPsxIrcrYH9A/s200/More.jpg" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYa7oSTmZFkCQGF3i-OsCdrOdZQvcC2iOW_BHdb4S2xQz3tphUFJj7AkIfc5nAPQoYs5c3bz3JqHfO_rGawWXa_JwltTRJukeK9XvMRbob0g1QYjLfG3K7RjAGH2QkPzkqv1K1id3fm7c/s1600/parking+Main+menu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYa7oSTmZFkCQGF3i-OsCdrOdZQvcC2iOW_BHdb4S2xQz3tphUFJj7AkIfc5nAPQoYs5c3bz3JqHfO_rGawWXa_JwltTRJukeK9XvMRbob0g1QYjLfG3K7RjAGH2QkPzkqv1K1id3fm7c/s200/parking+Main+menu.jpg" width="200" /></a></div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgisWlroOr9ST1Wmn2MhPc0zd37zPVvzctnf-PyLem-4gs-gzfoeMFbDLsZlUWh4Sf3uRjcjbE2XJVegO7UOWuDp9nbCOPECYbgXRB1OS9uC3yW3p75pTxTk9YXU0Cj7QGJmOQIT8wtR14/s1600/Done.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0WUR_ZnLhduGXL0Wupkg6_6OsOPLXa3pZaP847q6FqTPW1Kn2udsRwv4WWACach0eS2zHrqKRsRRVYtBEvZvzUiGBuJ_9oyzlYkRZg7YblrE3B9YOT_mpqWdz_YFtTspBzvh75nCTmGE/s1600/second+opinion.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0WUR_ZnLhduGXL0Wupkg6_6OsOPLXa3pZaP847q6FqTPW1Kn2udsRwv4WWACach0eS2zHrqKRsRRVYtBEvZvzUiGBuJ_9oyzlYkRZg7YblrE3B9YOT_mpqWdz_YFtTspBzvh75nCTmGE/s200/second+opinion.jpg" width="200" /></a></div>
<br />
<br /></div>
</div>
Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com4tag:blogger.com,1999:blog-5683379683924846366.post-57554689009349968902013-01-26T11:12:00.000-08:002013-01-26T11:12:52.619-08:00Reasoning on taking MULT 4702First and foremost, I am taking this class because my major requires me to take this class in order to graduate.<br />
<br />
Okay now that thats out of the way, I as very excited when I saw that I was taking a mobile design over a plain old capstone portfolio. Mobile design I feel is more current on the type of technological entertainment that the public enjoys right now. I am a testament to that. When I first got my smart phone, I had to wait in a long line for movie tickets and i had just downloaded some games on my phone. Usually when i did not have my smart phone I would stand in line and keep thinking that the line is taking too long. But this time, I did not even realize how close to the front of the line I got because i was playing a game to occupy my time.<br />
<br />
I have also realized how helpful the smart phones can be because when I was on a hike right before dawn to catch the sunrise on top of a mountain, i used a flashlight app to light the way. We had been idiots and planned for the everything except for the darkness and that app on my phone helped out a lot.<br />
<br />
I feel that that this class is dealing with current technology and is more something that I would want to learn to give the public entertaining things.Martinhttp://www.blogger.com/profile/14439983494298146370noreply@blogger.com3