tag:blogger.com,1999:blog-30729547540156998652024-03-19T05:23:20.772-07:00MM2201 Interface DesignMM2201 Interface Designwhatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.comBlogger33125tag:blogger.com,1999:blog-3072954754015699865.post-37705485695575750792010-09-20T19:34:00.001-07:002010-09-20T19:35:04.281-07:00App Project ResearchPaper<b>Renee Rose-Perry</b><br />
<b><br />
</b><br />
<b>Project Research</b><br />
<br />
<br />
<br />
Small World is a board game that was created in 2009 and is highly ranked among several well known game review sites. The game is growing in popularity and received Game’s Magazine Award best new game 2010. Days of Wonder, the creators of the game, recently released an official Small World Game App, this is app is played online with other ipad owners. Apart from the iPad game version there are currently no other Small World Apps available for the iphone or ipad. <br />
<br />
One of Days of Wonder’s main competitors is Rio Grande Games. Both companies offer iphone app versions of their games. There have also been several third party apps released that are meant to be used alongside the real board game versions of the games. These apps are used to assist players in gameplay and give quick access to often cumbersome and lengthy rule sheets. Currently a third party app for Small World does not exist despite it’s popularity. <br />
<br />
Several similar apps I researched were created for another popular game called Dominion. The apps are used to create lists and bring randomization to the game.<br />
<br />
One of the most cumbersome pieces of the original Small World game are the large character sheets handed out to each player and the pips dice. There is an opportunity to replace these game pieces with a third party Small World App. A recent expansion for the game was released, called Tales and Legends. This involves a set of cards that are randomly used throughout game play. I have several friends who own this game and 4 of the 5 owners expressed a desire to see these cards created as an app to be used alongside the game. All owners expressed a desire to have a handy reference for the game tokens since game play often requires a lot of clarification.whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-33285813039475268672010-09-20T19:08:00.001-07:002010-09-22T09:14:08.205-07:00Forms Homework - Bad<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><img border="0" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXbPygZXsIsJH4RapHIZQHqaFCdSb-9LeqxzybycVMhFjsg5IR4a6IhMYRkhLKTOBCJz51PDt26ckDFgqjgKy4rFmQyH2W46hwMAoAd989g5jU76BsXd0xLnsIftBkKrYaj2NnSkLtOo/s640/snow_badform.jpg" width="640" /></div><div class="separator" style="clear: both; text-align: left;"><b>This form fails in 2 main categories. It is hard to follow /complete <u>and</u> its appearance does not build trust nor maintain branding.</b></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><b>Branding:</b> Overall the entire site needs help in this category. Specifically with this form it tries to group the fields into multiple categories with a yellow bar and horizontal line. This yellow color does not appear anywhere else on the site, in addition they could have used a font that went more with the look of the rest of the site.</div><div class="separator" style="clear: both; text-align: left;">Although that gradient bar is hideous, they could have tied it in with the submit button. </div><div class="separator" style="clear: both; text-align: left;"><b>Appearance:</b> It is very hard to read the white on yellow text. Visually if you squint the entire thing kind of looks like a double stuffed vanilla golden oreo:</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgbIPKTl26XZy3IlZPmGEwLF09EEW7U63wp2y5PvO6TYvQSTU9FcIWsZUwPJx6h7WNBln0YCOsWeM7BQIsCmpMcBR-eAmQxyBzPW0CFOrSG8JTM-PTHCoDyuVdhtDkX6n33_loELZjgZo/s1600/oreo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgbIPKTl26XZy3IlZPmGEwLF09EEW7U63wp2y5PvO6TYvQSTU9FcIWsZUwPJx6h7WNBln0YCOsWeM7BQIsCmpMcBR-eAmQxyBzPW0CFOrSG8JTM-PTHCoDyuVdhtDkX6n33_loELZjgZo/s320/oreo.jpg" /></a><br />
<div class="separator" style="clear: both; text-align: left;">The main thing is that this form does not look trustworthy. The main thing that stands out to me is that if I click submit I will be charge $75, this is not inviting nor does it create trust.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">The worst part is the address section:</div><div class="separator" style="clear: both; text-align: left;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTdRYbwprzKkaTqap4F2rG1TFEYc9Uc4OgLHwx-phKA5rpi-UuP7BtTb4Ic6-8bLdBNphMApZIsM7ymOuz6gBSPslerxOK9LAxh5znVCvLoiIOWZYX1QQN5zhRcCWHk_iCsMit9YLq_EA/s1600/snowaddress.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTdRYbwprzKkaTqap4F2rG1TFEYc9Uc4OgLHwx-phKA5rpi-UuP7BtTb4Ic6-8bLdBNphMApZIsM7ymOuz6gBSPslerxOK9LAxh5znVCvLoiIOWZYX1QQN5zhRcCWHk_iCsMit9YLq_EA/s640/snowaddress.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: left;">You can't tell what text box goes with what label. Also the 3 boxes for City/State/Province should not be on the same line.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-80888119655967589952010-09-13T18:14:00.005-07:002010-09-13T18:14:39.565-07:00Forms redesignwhatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-74635185850112713772010-09-13T18:14:00.003-07:002010-09-14T14:25:49.837-07:00Final Project Homescreen comps<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCD78_nLh7c5Xn0PAUN2Z3TxDl8jxW13bIYsPqbk4_VXr1w_jT3xrOUL0xbB2Y0X5Ffy5VgPQnTrTRbMRcwm2FO4hA0aIApX1-CmDrrq_YMj0CaXrUd9IsQSLfca61pTAvcr3B9IBE-iY/s1600/vizd.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCD78_nLh7c5Xn0PAUN2Z3TxDl8jxW13bIYsPqbk4_VXr1w_jT3xrOUL0xbB2Y0X5Ffy5VgPQnTrTRbMRcwm2FO4hA0aIApX1-CmDrrq_YMj0CaXrUd9IsQSLfca61pTAvcr3B9IBE-iY/s1600/vizd.JPG" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6k8yAOFnnvSJsoQfpD9C_I7T7k5au8ueU06TIuk_6h32_1rJNHm3d3wh7PGP7PTFziPa5CQyW2yTEMWakwc1HYRLK84T813-T1K8KNbug917Folz5-JjLN5jaslW8amVWUBNNKLkkMc/s1600/magicshots.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6k8yAOFnnvSJsoQfpD9C_I7T7k5au8ueU06TIuk_6h32_1rJNHm3d3wh7PGP7PTFziPa5CQyW2yTEMWakwc1HYRLK84T813-T1K8KNbug917Folz5-JjLN5jaslW8amVWUBNNKLkkMc/s640/magicshots.JPG" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm0QprjRcB6cCEgZwkREyU5Fl-4GRGz8enjtwKG8TnS010mCcoR2JnD_lS-AQgpCMYgMmOe9CnSy57tdXl2WEPVQQzaKFkiEFHZXo7tiO-tf9iI306RHdmdEQqPnhZRgKWyY_196uyPZ4/s1600/magishot_wires.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm0QprjRcB6cCEgZwkREyU5Fl-4GRGz8enjtwKG8TnS010mCcoR2JnD_lS-AQgpCMYgMmOe9CnSy57tdXl2WEPVQQzaKFkiEFHZXo7tiO-tf9iI306RHdmdEQqPnhZRgKWyY_196uyPZ4/s640/magishot_wires.JPG" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjUKbSxjByWX_etm2KZfzwLgKlgWxv1HVkgsFuP5BKJTwkYxJU9n5SO_7V7Y-r2iSSsOExvS2bvfB_NsXBaB19-VVBWJ8AXfUmhLGGF2Z8ixH3pSJyNHYf3l88b6z0HHZw-M7CB4L_B48/s1600/smallworld.JPG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjUKbSxjByWX_etm2KZfzwLgKlgWxv1HVkgsFuP5BKJTwkYxJU9n5SO_7V7Y-r2iSSsOExvS2bvfB_NsXBaB19-VVBWJ8AXfUmhLGGF2Z8ixH3pSJyNHYf3l88b6z0HHZw-M7CB4L_B48/s640/smallworld.JPG" width="489" /></a></div>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-85982362061710954222010-09-13T18:14:00.001-07:002010-09-13T20:37:57.883-07:00Final Project Personas<b><span style="font-size: large;">Personas</span></b><br />
<b><span style="font-size: large;"> </span><br />
</b><br />
<span style="background-color: #ffe599;"><b>Ben</b> is 24 years old and has a background in film and television</span>. As a teenager he had always been very interested in developing his own stories and bringing them to life in video.<br />
<br />
He got his first taste of being in front of the camera at a very young age when his parents had him audition for several TV commercials. This later lead to a few small part in some feature length films where he played the roles like "the friend next door" and "the main timeshift actor (the younger version of the main actor)".<br />
<br />
Since graduating from Highschool Ben, went on to study writing for screen and tv video. He is primarily interested in visual story telling but having earned himself a SAG card Ben does a few acting jobs from time to time. While waiting around on set, Ben is constantly using his iphone. <br />
<br />
He has a new imac at home that he uses to complete his school projects. When the iphone G4 was released Ben wanted to be one of the first to have one so he waited in line all day, he is accustomed to waiting around.<br />
A story developer app would be perfect for Ben because he often gets his ideas for stories from real encounters with the people he meets.<br />
<br />
One of his biggest fears is forgetting a concept or idea however he hates having to transfer his hand written notes to his personal computer. When he gets an idea he wants to copy /record it quickly.<br />
<br />
<br />
<b style="background-color: #ffe599;">Eliza</b><span style="background-color: #ffe599;"> is 37 years old and lives in Portland, Oregon.</span> She has lived in Portland for 9 years and considers it home. She and her husband moved to Portland from the Bay Area. They bought their first home in Portland and moved there to start a family. <br />
They were attracted to area because of it's affordability compared to California and because it has one of the largest bookstores, Powell's books. Eliza and her husband were also attracted to the art scene that at the time of their arrival was just emerging.<br />
Eliza maintains a blog that mostly features posts on the local art and book events. She has an iphone 3G and an older macbook. She is planning on buying the new iphone 4G and giving her 3G to her husband. She recently discovered how to upload posts to her blog directly from her iphone. <br />
She and her husband have an interest in young-adult fantasy and science fiction novels. They have both been interested in writing their own stories but have little experience. Eliza's husband works full time for a graphic design firm. She curates and coordinates events for the Oregon College of Arts and Crafts. Since she recently discovered how to use her phone for blogging she is curious if there are any apps that will allow her to keep track of her many projects and artistic ideas.<br />
<br />
<br />
<b style="background-color: #ffe599;">Tony</b><span style="background-color: #ffe599;"> is 34 years old and has a background in 3d modeling for video games.</span> However, Tony recently left the industry to pursue an advanced degree in Illustration. While working for the video game company he was able to save up a lot of money, so he is able to attend school without having to depend heavily on loans. He does work part time as a figure/life drawing instructor at a small local gallery that holds open workshops.<br />
<br />
Besides wanting to obtain a higher level degree, Tony also wanted a break from the video game industry because he disliked having to take orders from some of his art directors whom he often found to be confusing and lacking in any "real" art skills themselves. <br />
<br />
He is interested in developing his own projects but he is not sure exactly what form these projects will take. He believes that having the higher degree give him some more opportunities.<br />
<br />
He is a frequent player of online video games and owns a high performance PC, that he customized himself and a small mac laptop. His parents bought him an iphone 3GS, he is on a shared phone plan with them. In addition to the normal texting and phone options he uses his phone to listen to podcasts and check his email. He also has several apps related to some online, role-playing, and standard board games.whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-50426532947797150642010-08-31T00:38:00.001-07:002010-08-31T00:38:14.112-07:00final compshttp://www.planetware.com/i/map/US/disneyland-map.jpgwhatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-70337530248290160232010-08-30T21:32:00.001-07:002010-08-30T21:32:28.796-07:00Concepts fr FinalRenee Rose-Perry<br />
MM2201<br />
<br />
Public Transit App<br />
Gives you the information you need to successfully navigate and use your public transit. <br />
- Schedules <br />
- Fares<br />
- Alarm (so you can sleep and not miss your stop)<br />
- Updates (tracks the vehicle)<br />
- Purchase tickets in advance <br />
<br />
Grocery Maid<br />
This tool will help you get your shopping done faster and gives you ideas of what to cook based off your inventory. Save time you time when it comes to shopping and cooking.<br />
- Updating grocery lists, the lists can be shared. (This lets the entire family know what needs to be purchased) (List can be divided up when shopping to make things faster)<br />
- Quickly add items from your list into your pantry.<br />
- Based off what you have in your pantry recipes are suggested.<br />
- Save your favorite recipes to create new shopping lists<br />
- Scan-able coupons are given for your items.<br />
<br />
<br />
Bird Watching App<br />
Discover and identify birds in your area. Maintain your own photo album and checklists.<br />
- Gives a list of birds in your area with identifying marks<br />
- Bird Identifier<br />
- Build your album, create multiple albums<br />
- Take pictures of the bird you find<br />
- Attach voice memos or notes to your images<br />
- Share your album <br />
- Check in become and be ranked as an Expert for your area. (Top ornithologist, like mayor on Four Square)<br />
- Interactive with National Parks: specific field guides<br />
Disneyland Parks App<br />
-Schedules<br />
Park Hours, showtimes, <br />
- Map and Visitor Guide<br />
Toggle on/off what you want to see on the map.<br />
Bathrooms, Vending (like popcorn), Fast pass, Baby Care areas, Show/Parade viewing areas<br />
-Character Names and Bios<br />
Pictures of characters and where you can find them<br />
-Ride Information<br />
Heights, weight times, Fast Pass<br />
-Stores<br />
General list of items<br />
-Food<br />
Restaurants<br />
** Planner<br />
<br />
Mail App<br />
-Gives postal rates<br />
-Lists postal offices and hours<br />
-Compare prices of USPS, UPS, and Fedex<br />
<br />
Bar app Cocktail Waitress<br />
-take your groups order and show it to the bartender, (so you don’t have to yell)<br />
-bump the information if that bar has the app<br />
-give references of drinks<br />
- make photo album of your experience<br />
-set up a tab <br />
<br />
Web Analytic <br />
Visually see the traffic to your website in real-time from your phone.<br />
Instead of just a list of stats, you will get a screen-saver like info graphic that shows what is happening with your website, blog, or eBay store.<br />
-user defined events<br />
- see when someone is on your site<br />
-shows visually what users are doing on your site<br />
-how much time is spent on each page<br />
-where is the most / least activity<br />
<br />
Photo Scavenger Hunt<br />
-Create your own picture based scavenger hunts<br />
- Share your scavenger hunts to your friends or other users<br />
- You can add a timer to the scanvenger hunts.<br />
-Businesses can use this for their guests and give them rewards as they find objects.<br />
(so for example at Disneyland or in Las Vegas, guests can participate in the search and earn rewards)<br />
<br />
Pet Medic (kinda like webmd for your pet)<br />
Help you take care of your pet when a vet is unavailable<br />
- First aid advice for your pet.whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-90501391508845387082010-08-30T21:20:00.000-07:002010-08-30T21:26:02.832-07:00icons<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_j3q71GuOsv3wGtOFs7It3aLSX3GeLDMKDm1HqBxrlmnnwSRz7MkA6aSXLe9TSA_382J-TAf5tzgJjbpfWm4MzhDLo0zjghkFuSvrUaaY3cP21RsiahyckFe6URdZa41xxn_hX9O2bqM/s1600/UIBarSystemItemCancel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_j3q71GuOsv3wGtOFs7It3aLSX3GeLDMKDm1HqBxrlmnnwSRz7MkA6aSXLe9TSA_382J-TAf5tzgJjbpfWm4MzhDLo0zjghkFuSvrUaaY3cP21RsiahyckFe6URdZa41xxn_hX9O2bqM/s320/UIBarSystemItemCancel.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaivbBv5Y9Qb09KyDSk_z-cuc02nzcZpMLhQGM4QjBKmCNlKhl-4y8R7TF-7CuuXLiBkaNmOcJScwbRHxCD3Awxjlya2YZvvvpdJcuvE9b6xvH2r5bU-uYd8qmx9Q1I_yXZGDx-a45RHY/s1600/UIBarSystemItemDone.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaivbBv5Y9Qb09KyDSk_z-cuc02nzcZpMLhQGM4QjBKmCNlKhl-4y8R7TF-7CuuXLiBkaNmOcJScwbRHxCD3Awxjlya2YZvvvpdJcuvE9b6xvH2r5bU-uYd8qmx9Q1I_yXZGDx-a45RHY/s320/UIBarSystemItemDone.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSxyeO-W7wDbEVuUsdwmELNnbgr5NS4ut6rTmzKBtU9lqz5BqSefB8uvjqaLajUdOKZGS0NAcqTN8mnAaGC0N6UdSc-6-rzPezMuv10F0doDqoU-i6A_R7WokuIxYNK-cC4nvq0B0C9HE/s1600/UIBarSystemItemEdit.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSxyeO-W7wDbEVuUsdwmELNnbgr5NS4ut6rTmzKBtU9lqz5BqSefB8uvjqaLajUdOKZGS0NAcqTN8mnAaGC0N6UdSc-6-rzPezMuv10F0doDqoU-i6A_R7WokuIxYNK-cC4nvq0B0C9HE/s320/UIBarSystemItemEdit.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh86imacnBju9pXr5zpEMidroL8_g6oGTvly8ThFSDffZ_w3XAnFJzmC3m3zdkiadOtB62d7lPW3xam8FqH5JdZD6bW7dGMBo9a7NSX_xkXdQ6G48LSRlIOp-SbXrTiyPIYt7ME4TbET8w/s1600/UIBarSystemItemSave.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh86imacnBju9pXr5zpEMidroL8_g6oGTvly8ThFSDffZ_w3XAnFJzmC3m3zdkiadOtB62d7lPW3xam8FqH5JdZD6bW7dGMBo9a7NSX_xkXdQ6G48LSRlIOp-SbXrTiyPIYt7ME4TbET8w/s320/UIBarSystemItemSave.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5pEWjF9-Xl6PXAODtc6HphpEKx0WiaWDpxLrhFA8Mnh4y1Mh4fzq9ixfXib0h-ggUVQjpJ-rCuje7rg594F7wjBBxfQsXstDsDLEuoRbapzH46BDTXCICQ7XNdxgh0j5c4k2i4S-MX38/s1600/UIButtonBarAction.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5pEWjF9-Xl6PXAODtc6HphpEKx0WiaWDpxLrhFA8Mnh4y1Mh4fzq9ixfXib0h-ggUVQjpJ-rCuje7rg594F7wjBBxfQsXstDsDLEuoRbapzH46BDTXCICQ7XNdxgh0j5c4k2i4S-MX38/s320/UIButtonBarAction.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7G6-MPa1dSi4iCYepQRqFaxgqCCX8FrJenTEabVwbsA2oz6Sm5e7SUoWYggzbYHXy4BwlDTZQ4RSfUGtwWwullOiN0lJYzhPKxO8igG9ltR0uIS-qnrpzEXpDlgnpT8pp7irSA5bhGs/s1600/UIButtonBarBookmarks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7G6-MPa1dSi4iCYepQRqFaxgqCCX8FrJenTEabVwbsA2oz6Sm5e7SUoWYggzbYHXy4BwlDTZQ4RSfUGtwWwullOiN0lJYzhPKxO8igG9ltR0uIS-qnrpzEXpDlgnpT8pp7irSA5bhGs/s320/UIButtonBarBookmarks.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLeCoDjfQ6V4kbKkEQfqhc9YhpUm_wT7dfLlS5X6NKsPo52ypG4xRyN0tr0LxsFyrz1djI-fQB1zCqCYMf8XvunUgwA4aht10XZfeXSAfXQbGVaO6AGiLCdIqKkOSEAQeWj4HteDT0IIc/s1600/UIButtonBarCamera.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLeCoDjfQ6V4kbKkEQfqhc9YhpUm_wT7dfLlS5X6NKsPo52ypG4xRyN0tr0LxsFyrz1djI-fQB1zCqCYMf8XvunUgwA4aht10XZfeXSAfXQbGVaO6AGiLCdIqKkOSEAQeWj4HteDT0IIc/s320/UIButtonBarCamera.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisA5KG6XX77F0aa_cVWe_zjVzXuojzWcnfPMqxWjUxX68bIS9igp-e_4gv9IOJyqbz_bfToDnhWPRsmNH0LNMYQKfeJ43hYCn87NPlaUoZcO38GEel_slafdAmSUz-ACDBmX73ZS6XeoI/s1600/UIButtonBarCompose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisA5KG6XX77F0aa_cVWe_zjVzXuojzWcnfPMqxWjUxX68bIS9igp-e_4gv9IOJyqbz_bfToDnhWPRsmNH0LNMYQKfeJ43hYCn87NPlaUoZcO38GEel_slafdAmSUz-ACDBmX73ZS6XeoI/s320/UIButtonBarCompose.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtKZxlL74OhuzfV4dfxwNHM97K2wDpArzPfxc20LtTlY83LLzXcYlSSY-KD6WzrhpsbPUexiNxCC6oSpvd6Px3BNxVZNqoJxe-M84I2Mm8WgyRUuN-nKQhsUnGFJGpKIB9UdkU0QCXRg/s1600/UIButtonBarFastForward.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtKZxlL74OhuzfV4dfxwNHM97K2wDpArzPfxc20LtTlY83LLzXcYlSSY-KD6WzrhpsbPUexiNxCC6oSpvd6Px3BNxVZNqoJxe-M84I2Mm8WgyRUuN-nKQhsUnGFJGpKIB9UdkU0QCXRg/s320/UIButtonBarFastForward.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSnOQirkMRTP8qFCDnjuQ-i0lIWH7lJbRn3DTcXYnDq35_CJ3JwZd3TSeGhRzOjLsZEaVB-ytT6QXa55zJ9YG37sIL_FZKC94VXZn2LvJm23ZNOtKNFlzwChycqdOYEY6L9cWdkKuPfzw/s1600/UIButtonBarPlay.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSnOQirkMRTP8qFCDnjuQ-i0lIWH7lJbRn3DTcXYnDq35_CJ3JwZd3TSeGhRzOjLsZEaVB-ytT6QXa55zJ9YG37sIL_FZKC94VXZn2LvJm23ZNOtKNFlzwChycqdOYEY6L9cWdkKuPfzw/s320/UIButtonBarPlay.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhAZ1XSE-ssMtvCfbd30cApehRO5iIWbr-DtY4Z0LzodACtJr4jJM1aBziyau4oadjgBBLtQn-PZv3B5KYBgBtIwZUJ-CaD15LFK65lddapKozhqYf0f7QI1D5fSanfANJwHZ-g7FSCvc/s1600/UIButtonBarPause.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhAZ1XSE-ssMtvCfbd30cApehRO5iIWbr-DtY4Z0LzodACtJr4jJM1aBziyau4oadjgBBLtQn-PZv3B5KYBgBtIwZUJ-CaD15LFK65lddapKozhqYf0f7QI1D5fSanfANJwHZ-g7FSCvc/s320/UIButtonBarPause.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE-aQ0BtcS1vmmOl1bxKL6p-aODEN-7KYbDh34PfmnBO-38XTMfaG_SLOxyi0cZlsd67HrB5APPCHvaklJODOZIhWT2bgg11QNTgh89umDWljMZHSim6vrXXOVEHetHf7MoCmMRkMvBrM/s1600/UIButtonBarOrganize.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE-aQ0BtcS1vmmOl1bxKL6p-aODEN-7KYbDh34PfmnBO-38XTMfaG_SLOxyi0cZlsd67HrB5APPCHvaklJODOZIhWT2bgg11QNTgh89umDWljMZHSim6vrXXOVEHetHf7MoCmMRkMvBrM/s320/UIButtonBarOrganize.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDUccsMaBKZnEtmCFnoEn82zw_hLv-ZCf8GAkfi3rvkiRcwJQTEV6q18DH9feZsd5nUW2WULWCUP0gwKbN7slGY615oJ2hIWJ-6DjoE_WNthX08Gw-G0msU7Pu2B0Ll4Mu0-EJjComnQ/s1600/UIButtonBarNew.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDUccsMaBKZnEtmCFnoEn82zw_hLv-ZCf8GAkfi3rvkiRcwJQTEV6q18DH9feZsd5nUW2WULWCUP0gwKbN7slGY615oJ2hIWJ-6DjoE_WNthX08Gw-G0msU7Pu2B0Ll4Mu0-EJjComnQ/s320/UIButtonBarNew.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggho-NNNRIrvdc-m53gAXeAep1m1lYw7tStbCaOt-2yujl6Lm_jXozsIJDfsMQt0gA5q8urGVwV5r2CklWJgvGvL9m00AyM9cipTclIx2z3Ji6Y0-Ca4Xr2HaMpQmde5Ly66CbAU82tA4/s1600/UIButtonBarRefresh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggho-NNNRIrvdc-m53gAXeAep1m1lYw7tStbCaOt-2yujl6Lm_jXozsIJDfsMQt0gA5q8urGVwV5r2CklWJgvGvL9m00AyM9cipTclIx2z3Ji6Y0-Ca4Xr2HaMpQmde5Ly66CbAU82tA4/s320/UIButtonBarRefresh.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1yHlAGjBs1q02Hsgjn1F8EDWIclG9HyGlyP7Iik5oV7hrwdZF_FnDTJw0KZJIhP3SgIvy6Ja1HS3N2ar3E8oNeAPWQIGmxb84DsB9TnG9XXt2HYaeEpzPxJsBYfx9_oeBHGTnomcsCSo/s1600/UIButtonBarReply.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1yHlAGjBs1q02Hsgjn1F8EDWIclG9HyGlyP7Iik5oV7hrwdZF_FnDTJw0KZJIhP3SgIvy6Ja1HS3N2ar3E8oNeAPWQIGmxb84DsB9TnG9XXt2HYaeEpzPxJsBYfx9_oeBHGTnomcsCSo/s320/UIButtonBarReply.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdjwuUNyECF0gKuypFH7Yl_KBUzJJql_93Hs5FcsOtx2rU3DUbToeHhRMYy1JzKk8qf98dL0h2bTD4ZMauECBHatcnURTriecgq1lk6gY66DC4p0n4gPdM9rFw8EP6_lGXgE-mOrtsXE/s1600/UIButtonBarRewind.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdjwuUNyECF0gKuypFH7Yl_KBUzJJql_93Hs5FcsOtx2rU3DUbToeHhRMYy1JzKk8qf98dL0h2bTD4ZMauECBHatcnURTriecgq1lk6gY66DC4p0n4gPdM9rFw8EP6_lGXgE-mOrtsXE/s320/UIButtonBarRewind.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDqJohFq_HT_09KnnR7EFQuxE008oKwxy7VCuYlFzK8Mfif9y46MGdwaH2_ooMFcf4A1y5HUUw-bpFFvbYLY9qlaVCrBOJH7ljnCP5R9HAizJCUtUq1q-dc8lkMDghBO8SwpeGRqHzdo/s1600/UIButtonBarSearch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDqJohFq_HT_09KnnR7EFQuxE008oKwxy7VCuYlFzK8Mfif9y46MGdwaH2_ooMFcf4A1y5HUUw-bpFFvbYLY9qlaVCrBOJH7ljnCP5R9HAizJCUtUq1q-dc8lkMDghBO8SwpeGRqHzdo/s320/UIButtonBarSearch.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9EAn99XDjQ-6bmS2oM1pniZ6do0IaAZRt07TD5LehikCqQTfI4OCWuAHWO5CXZoh1pavHctv-D7TiVc4uy7UEKYOkr4yGM2AICVMMP_UqPjKgp4U4X9L7yf3Vlb5xpYIkUzRLXfjULz0/s1600/UIButtonBarStop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9EAn99XDjQ-6bmS2oM1pniZ6do0IaAZRt07TD5LehikCqQTfI4OCWuAHWO5CXZoh1pavHctv-D7TiVc4uy7UEKYOkr4yGM2AICVMMP_UqPjKgp4U4X9L7yf3Vlb5xpYIkUzRLXfjULz0/s320/UIButtonBarStop.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqJj63YXLCaMSSczRP8rpQ6ySbtEuiAAvQFMUg39DzwBtp4EE9Q1T_iQP671ixcc-pB15RbWsrDRwuiGYDd7sVc_YPkVC600Vlnul7YXjU6AuuDQWHwQFWmgdntcvf6f1BPHYpBkLKZQ/s1600/UIButtonBarTrash.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqJj63YXLCaMSSczRP8rpQ6ySbtEuiAAvQFMUg39DzwBtp4EE9Q1T_iQP671ixcc-pB15RbWsrDRwuiGYDd7sVc_YPkVC600Vlnul7YXjU6AuuDQWHwQFWmgdntcvf6f1BPHYpBkLKZQ/s320/UIButtonBarTrash.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHiXKOQ7QI-VIwhs-u5SGND49mMWtdihsZWX1R_eDuwVsTopFoWNSBVNxjt5LwetWmJubWFfWzMSLi2O7tk4wQNZ9dn0bnOMsAugg3wtPM73cD20CIpx2ojTBhX5vNHsWHT1yeb5shLI/s1600/UIButtonTypeContactAdd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHiXKOQ7QI-VIwhs-u5SGND49mMWtdihsZWX1R_eDuwVsTopFoWNSBVNxjt5LwetWmJubWFfWzMSLi2O7tk4wQNZ9dn0bnOMsAugg3wtPM73cD20CIpx2ojTBhX5vNHsWHT1yeb5shLI/s320/UIButtonTypeContactAdd.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLevThJJKmy9EjdU0IA-ayGUc_zQvqnSbEuqXQqKqg3YO0Xv5uIU_xBdE_3ZM0oeNmPQvMo4QY21iWL29XpD3MRmjOppBPD7i_lgQobS8bwvzJ9S8qP4PAuKRAl1JS-dB7o1kO5CSFxk4/s1600/UIButtonTypeDetailDisclosure.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLevThJJKmy9EjdU0IA-ayGUc_zQvqnSbEuqXQqKqg3YO0Xv5uIU_xBdE_3ZM0oeNmPQvMo4QY21iWL29XpD3MRmjOppBPD7i_lgQobS8bwvzJ9S8qP4PAuKRAl1JS-dB7o1kO5CSFxk4/s320/UIButtonTypeDetailDisclosure.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQO3FKK2hyphenhyphenHPIPrkt0d3-a03PO30jfCMQEMnQXZMGHjCCJma7coDiwvVmum5Numbbzd1Y_YYEkYRi0uiCyBw0cWj7Te7LFHagRu3Qgy6PHu8o3J0DIcTaWLmF3nreIJ8FbGfjU6andSZQ/s1600/UIButtonTypeInfoDark.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQO3FKK2hyphenhyphenHPIPrkt0d3-a03PO30jfCMQEMnQXZMGHjCCJma7coDiwvVmum5Numbbzd1Y_YYEkYRi0uiCyBw0cWj7Te7LFHagRu3Qgy6PHu8o3J0DIcTaWLmF3nreIJ8FbGfjU6andSZQ/s320/UIButtonTypeInfoDark.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6uG5YfcmoYckf8VmZ3LDYeB-RhhS2jTKIL6W8cE6uQm36Ej1mvD9_3EtbYDcl5ERKzzKwu4Mr0dz6Pm30tlOu2BlxHAs6AfIsyIq6dntjZokMnGpzA2VTliTEESzTVupU7_3ZKPFDhVs/s1600/UITabBarBookmarks.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6uG5YfcmoYckf8VmZ3LDYeB-RhhS2jTKIL6W8cE6uQm36Ej1mvD9_3EtbYDcl5ERKzzKwu4Mr0dz6Pm30tlOu2BlxHAs6AfIsyIq6dntjZokMnGpzA2VTliTEESzTVupU7_3ZKPFDhVs/s320/UITabBarBookmarks.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDM5IcFGPfh_08wcg-MIls0qGHQ0bF8QpDNJOw1O2hM5o_Syugv772FW47bxU6r2DvIIFv-8OsNotlyMiJV0UXh_1mFaYH5F3Oyt9W9s2hU-fE_sK3HgBnmPddUyhZ4kB4NxtxQQsfOU/s1600/UITabBarContacts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDM5IcFGPfh_08wcg-MIls0qGHQ0bF8QpDNJOw1O2hM5o_Syugv772FW47bxU6r2DvIIFv-8OsNotlyMiJV0UXh_1mFaYH5F3Oyt9W9s2hU-fE_sK3HgBnmPddUyhZ4kB4NxtxQQsfOU/s320/UITabBarContacts.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi73GA1YdEEZjuVCFYkALlhMbxwLExqgnt3M_LUc7YbRtkjOoPF1XROVGz_dKiUyxZ7cjWRzh9Xclolhh_VWCuT6UaUqQ9A_xm5yWBVNE_EDLO0YoNGWo_jEWq4aVSEdnS9a25MpCmAhnw/s1600/UITabBarDownloads.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi73GA1YdEEZjuVCFYkALlhMbxwLExqgnt3M_LUc7YbRtkjOoPF1XROVGz_dKiUyxZ7cjWRzh9Xclolhh_VWCuT6UaUqQ9A_xm5yWBVNE_EDLO0YoNGWo_jEWq4aVSEdnS9a25MpCmAhnw/s320/UITabBarDownloads.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6EOFVkPEWxmLg0a1Y7M4k5BqAUZaMMnAUARTqAEzorkwOdcvOjyT8DEwn5ztp8E8dhh_Oxyb0Tk9HTRku0rcRnnuYUbzAfoFoTYwJ8CIMFHGYz0ioB4D7wAeQgOkdqKV9hMX4dIW44dE/s1600/UITabBarFavorites.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6EOFVkPEWxmLg0a1Y7M4k5BqAUZaMMnAUARTqAEzorkwOdcvOjyT8DEwn5ztp8E8dhh_Oxyb0Tk9HTRku0rcRnnuYUbzAfoFoTYwJ8CIMFHGYz0ioB4D7wAeQgOkdqKV9hMX4dIW44dE/s320/UITabBarFavorites.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5ISAiidZICWDQAHeQXIuZOrtkprNgC8qBEqIi35y762CheNmqtClUVrpFApSGdp-aj87x2iT8k7bH4eLVyJJJzfvfDfkkXKC_1Q8xqtZdKfP0HuZaeDKQryYPk8eTrDVbf_H8JvnQps/s1600/UITabBarFeatured.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5ISAiidZICWDQAHeQXIuZOrtkprNgC8qBEqIi35y762CheNmqtClUVrpFApSGdp-aj87x2iT8k7bH4eLVyJJJzfvfDfkkXKC_1Q8xqtZdKfP0HuZaeDKQryYPk8eTrDVbf_H8JvnQps/s320/UITabBarFeatured.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGX_IW4DNbZB0W3NxcBeGWMYgOiDdJn6SOj2QFsjucNPP6Ag47rXsPqmIe9_2sRyqt-hJcPZHyrWZzA2p8nVJGJenPGr_gBDu0T_cEU4Ors3L0bfzDrP0Eb2YIlpFjV2RQMFm6ekLis4/s1600/UITabBarHistory.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGX_IW4DNbZB0W3NxcBeGWMYgOiDdJn6SOj2QFsjucNPP6Ag47rXsPqmIe9_2sRyqt-hJcPZHyrWZzA2p8nVJGJenPGr_gBDu0T_cEU4Ors3L0bfzDrP0Eb2YIlpFjV2RQMFm6ekLis4/s320/UITabBarHistory.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Uwze0xugZeSQb9nWwSgKTMGU8NE5AWEtI8P5MPTiE_Uk1oXvs2hp_m1l306YCkvIW6IR3mOjwspeCbhZ94WbTlPsUDcvLfHjv06BN5yTL2P4lE4sKRECF1wCuQpweeJJT_W_2mjyxQc/s1600/UITabBarMore.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Uwze0xugZeSQb9nWwSgKTMGU8NE5AWEtI8P5MPTiE_Uk1oXvs2hp_m1l306YCkvIW6IR3mOjwspeCbhZ94WbTlPsUDcvLfHjv06BN5yTL2P4lE4sKRECF1wCuQpweeJJT_W_2mjyxQc/s320/UITabBarMore.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dZCFbAg6F25WUUd7y4ZMgv2_fygRkytefu9DjeCM1G1vxra2LaPZBb7zsSSQoMKn-1OHz73iCewqafbsNFCyYwMaDlthTiH68bgJEr0EzdI5jYqNiJ84cHOUVlBJBBdgLBDm1BjdsGo/s1600/UITabBarMostRecent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dZCFbAg6F25WUUd7y4ZMgv2_fygRkytefu9DjeCM1G1vxra2LaPZBb7zsSSQoMKn-1OHz73iCewqafbsNFCyYwMaDlthTiH68bgJEr0EzdI5jYqNiJ84cHOUVlBJBBdgLBDm1BjdsGo/s320/UITabBarMostRecent.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWjzunM0TyyY0-ifPC_hAM46u9RXT3qRywjdibWV8fNXuhHnXFPkzEN4rKFcNcjv5E2fCVi88xMXfpeIAJCXAU08wnThMzIJ7KkMWICPXY8PsEHEL-QjqQcGrEiUmZQ8IX-rZASb9iZLI/s1600/UITabBarMostViewed.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWjzunM0TyyY0-ifPC_hAM46u9RXT3qRywjdibWV8fNXuhHnXFPkzEN4rKFcNcjv5E2fCVi88xMXfpeIAJCXAU08wnThMzIJ7KkMWICPXY8PsEHEL-QjqQcGrEiUmZQ8IX-rZASb9iZLI/s320/UITabBarMostViewed.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX__EAtfxIfeN-momkbFYfed4cPKySBElDTRMPJ09ywLGsiu94IzQULkU2YF0I6B2gaKQCuVzO4urP13727faZA-pUWfX5b_YuWQvk-f37L_XuUIgCgfhyphenhyphenD0bAK1YvM10WFf4UcvyMy0U/s1600/UITabBarRecents.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX__EAtfxIfeN-momkbFYfed4cPKySBElDTRMPJ09ywLGsiu94IzQULkU2YF0I6B2gaKQCuVzO4urP13727faZA-pUWfX5b_YuWQvk-f37L_XuUIgCgfhyphenhyphenD0bAK1YvM10WFf4UcvyMy0U/s320/UITabBarRecents.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLyGAenZ6Vzk2gyllSojUrpqsuOJAjeNn_QjQGtBXrJHjFH5wM8whbU5ZzJJOSyhyxHNp-44BcJK9c_5ruX_urkAcZCc3AhJOnCAodstOfKOjpEt80bpUMnk3o1b_xSxIc647AuNJEw0/s1600/UITabBarSearch.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHLyGAenZ6Vzk2gyllSojUrpqsuOJAjeNn_QjQGtBXrJHjFH5wM8whbU5ZzJJOSyhyxHNp-44BcJK9c_5ruX_urkAcZCc3AhJOnCAodstOfKOjpEt80bpUMnk3o1b_xSxIc647AuNJEw0/s320/UITabBarSearch.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFsmhwfV_AwTKI-CSPGHwYXrVSogP0adwxhOdg1j-mFk36PbPsKsJ5z_Z8SvVzHY2pZwR0x-lew6qtxv-ozd3N9e297s2slQUUcO-9XQyhmOk1WIW2dKXDsZAY9jTdTjucwOBODLfbBj8/s1600/UITabBarTopRated.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFsmhwfV_AwTKI-CSPGHwYXrVSogP0adwxhOdg1j-mFk36PbPsKsJ5z_Z8SvVzHY2pZwR0x-lew6qtxv-ozd3N9e297s2slQUUcO-9XQyhmOk1WIW2dKXDsZAY9jTdTjucwOBODLfbBj8/s320/UITabBarTopRated.jpg" /></a></div>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-56068582945525110002010-08-30T20:58:00.000-07:002010-08-30T21:25:49.104-07:00In class notes - Final Project App noteshttp://www.supercook.com/<br />
<br />
Productivity<br />
Utility<br />
Immersive<br />
<br />
<u><span style="font-size: large;"><b style="background-color: #ffe599; color: black;">+Views</b><span style="background-color: #ffe599;"> </span>content regions:</span></u><br />
<b>View Types: </b><br />
-Status bar (a descreet bar that shows you stats about the device like battery, wifi connection strength)<br />
if you make it disappear then you need to make a way to bring it back <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwf3747s1LvQniFH387lu0fxrZQ5e2sHFlAWpak7C2Z5OoobF6AiHdw6RI1Kb1Ki-yStL3zd0Vxf_axQJlUNGDZHx0kmVLeSOUaWxBFRCzlFzHpEk8B6uC73BR-zQ9Dp_xxY0j7QK8CZ4/s1600/ui_statusbar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwf3747s1LvQniFH387lu0fxrZQ5e2sHFlAWpak7C2Z5OoobF6AiHdw6RI1Kb1Ki-yStL3zd0Vxf_axQJlUNGDZHx0kmVLeSOUaWxBFRCzlFzHpEk8B6uC73BR-zQ9Dp_xxY0j7QK8CZ4/s320/ui_statusbar.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlcyrK3LLOUE_m0uRjIoSFUNmy7hcFgOVyGgc0MLntAGsgUiEZsMlfbySQnlYtpcKer1PEo-ryEcvpAcZsP9JTUKPEzhfDwEguO7Kw1kzEBoIhomdAZCr9lwDdMwZXi8mwxReyCrkx2I/s1600/ui_statusbartypes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlcyrK3LLOUE_m0uRjIoSFUNmy7hcFgOVyGgc0MLntAGsgUiEZsMlfbySQnlYtpcKer1PEo-ryEcvpAcZsP9JTUKPEzhfDwEguO7Kw1kzEBoIhomdAZCr9lwDdMwZXi8mwxReyCrkx2I/s320/ui_statusbartypes.jpg" /></a></div><br />
<br />
<br />
<b>-Navigation Bar</b> - title<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkrWuaPEfQlFX-6iVg98bd0uJuDAqQUWYxB7p0j9ceMfP7mIiEDgDdN57AeRIh9wvQGgtncS7CbycCqd2gQnaHI_vOZKH4FkyR__7kz4O6ddJm987jYkaZGsSZcw8yQI_1zyercZeUSNs/s1600/ui_navbarpurposes.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkrWuaPEfQlFX-6iVg98bd0uJuDAqQUWYxB7p0j9ceMfP7mIiEDgDdN57AeRIh9wvQGgtncS7CbycCqd2gQnaHI_vOZKH4FkyR__7kz4O6ddJm987jYkaZGsSZcw8yQI_1zyercZeUSNs/s320/ui_navbarpurposes.jpg" /></a></div><br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="clear: right; margin-bottom: 1em; 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/AVvXsEgQAMrACERDk718HfeBRSleRtWsMva0IogNWP-7xAVAsy5llqBG_Mz0E9dJz0VivMb_5GpMfDmDqYDfiTKKmupKFvwEB_GDdYkeppWnQKY-KkcrfKKptalXsFDqREYnd4nujYLEd93nPrE/s1600/ui_navbarmultisegment.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQAMrACERDk718HfeBRSleRtWsMva0IogNWP-7xAVAsy5llqBG_Mz0E9dJz0VivMb_5GpMfDmDqYDfiTKKmupKFvwEB_GDdYkeppWnQKY-KkcrfKKptalXsFDqREYnd4nujYLEd93nPrE/s320/ui_navbarmultisegment.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">kinda like bread crumbs but backwards</td></tr>
</tbody></table> try not to have too many controls so that you loose your title<br />
When designing try not to go deep but make more of a flat heirarchy<br />
<br />
<b>-Tool/Tab</b><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/AVvXsEh96EnDYAi4D231zY65vykyDClr3Jcv3p-HHYzM7jJlE-kGdIsSeUbzPU_SxOyWj5Tr-OBY0CWdAdZ_J8Ef_3crtxjgsNIe7U5cvughr6nL6rh8rY4PyYR9eOmx5lcK-7oNNzvFuAcenXI/s1600/ui_statusnavmodeswitcher.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh96EnDYAi4D231zY65vykyDClr3Jcv3p-HHYzM7jJlE-kGdIsSeUbzPU_SxOyWj5Tr-OBY0CWdAdZ_J8Ef_3crtxjgsNIe7U5cvughr6nL6rh8rY4PyYR9eOmx5lcK-7oNNzvFuAcenXI/s320/ui_statusnavmodeswitcher.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
</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/AVvXsEgKip179qDq_28FMFbVD2Ls1CJGmlJaA1k29WIO23UZRt27IfoY68jbrIs-X1o3GPEfd8j7lZxA6D0KRpAwN0RgnlSg-sbq4SUZmZG8uXSMH_y0he4Y0O7Fyl1I9JnWBAXvFqw_CpoCBa0/s1600/ui_taskstyleexample.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKip179qDq_28FMFbVD2Ls1CJGmlJaA1k29WIO23UZRt27IfoY68jbrIs-X1o3GPEfd8j7lZxA6D0KRpAwN0RgnlSg-sbq4SUZmZG8uXSMH_y0he4Y0O7Fyl1I9JnWBAXvFqw_CpoCBa0/s320/ui_taskstyleexample.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">shows the tasks at the bottom, what you can do these photos</td></tr>
</tbody></table><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/AVvXsEjrr06tEwBhC_HLwp59KIFCUNs10vL4jFRv7H4pSx-YNPXobrT2QpoUcAf1lTn0ci9lVw1j04GdnLtYf0DGLXTkdsqiq_S1oKqnAzFgtcTYNJbXxycEMvHhJucYfrCWpdUkD74hRBeY67g/s1600/ui_taskstyletoolbar.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrr06tEwBhC_HLwp59KIFCUNs10vL4jFRv7H4pSx-YNPXobrT2QpoUcAf1lTn0ci9lVw1j04GdnLtYf0DGLXTkdsqiq_S1oKqnAzFgtcTYNJbXxycEMvHhJucYfrCWpdUkD74hRBeY67g/s320/ui_taskstyletoolbar.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">tasks</td></tr>
</tbody></table><br />
<div class="separator" style="clear: both; text-align: center;"></div><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/AVvXsEjVm7-NnSBCLnPB8De5tOmBW8QjnVeFaepS1pmy3Q2SqzoDuQijHrPv5FVdmIaEke0Uxz6PUXyRYwMrOXBMAbYUt8h0mgr8leVHSx3MVhux0Q88LzHtzcA9QhWNqkfzPttoBWkJRGazLzY/s1600/ui_tabitemmore.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVm7-NnSBCLnPB8De5tOmBW8QjnVeFaepS1pmy3Q2SqzoDuQijHrPv5FVdmIaEke0Uxz6PUXyRYwMrOXBMAbYUt8h0mgr8leVHSx3MVhux0Q88LzHtzcA9QhWNqkfzPttoBWkJRGazLzY/s320/ui_tabitemmore.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">this is when you have more to show then what will fit</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/AVvXsEjpQNl8yc7tRH-oDZg3MHsigS1_-g0l9c5dP8NehERsfPJNQQNpgAPf647p4vRQ0B7upVQBeqv8a4-BfX9I4Wl7F9hApgk1JGXlNuDUyZzeDNF7bGHPIJo17rJ__H-2uqNCl05e02buf6c/s1600/ui_tabitemconfiguration.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpQNl8yc7tRH-oDZg3MHsigS1_-g0l9c5dP8NehERsfPJNQQNpgAPf647p4vRQ0B7upVQBeqv8a4-BfX9I4Wl7F9hApgk1JGXlNuDUyZzeDNF7bGHPIJo17rJ__H-2uqNCl05e02buf6c/s320/ui_tabitemconfiguration.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">so if you hit "more" than this is what you would see</td></tr>
</tbody></table><br />
<br />
<br />
Controls - graphic objects<br />
<br />
Alerts<br />
Modal Views<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDjiDAWuvNfmWZsY5aPljZVF6uAICV5zpJ2VmqJPr-Q9KZhL-9YZcwIVV_OiHMX0fTTW3q6rZyTRYNa0zf4BobZqlB2VCV9gLC92VQHmqOmtclGGw_tyZ5YOIX7W9KhDbN6gNyvIt2Uw/s1600/ui_modalviewexample.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDjiDAWuvNfmWZsY5aPljZVF6uAICV5zpJ2VmqJPr-Q9KZhL-9YZcwIVV_OiHMX0fTTW3q6rZyTRYNa0zf4BobZqlB2VCV9gLC92VQHmqOmtclGGw_tyZ5YOIX7W9KhDbN6gNyvIt2Uw/s320/ui_modalviewexample.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicZAGfcH_a9cQTux2iWyT2k9aANn-3vSB8Qio6qJU44938bQYmaZCjdBJqOONnGTVbqEMHmhl48wO7Km8W5U4rFZRIEdH9f8Oa_uUqK2Uk090W4dWVMm2Gj9jpmPMvO_fKhwpNp90G_Qw/s1600/ui_modalexamples.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicZAGfcH_a9cQTux2iWyT2k9aANn-3vSB8Qio6qJU44938bQYmaZCjdBJqOONnGTVbqEMHmhl48wO7Km8W5U4rFZRIEdH9f8Oa_uUqK2Uk090W4dWVMm2Gj9jpmPMvO_fKhwpNp90G_Qw/s400/ui_modalexamples.jpg" width="400" /></a></div><br />
<br />
Action Sheets - make sure to make negative or undo actions red<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/AVvXsEg3mbKUYF-GDilR-cMdTXF-SYy6k6zUv7ESwBLaoTUoOo0FJjDmPH-arTJhePQBDyFUCjpVsCOsglbtODeb-uSHY6SbrUH4I9GC8PMFLS6Ytvv3CRDfuHuzptEXL3obAmNPoenOjme8-P0/s1600/ui_threebactionsheet.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3mbKUYF-GDilR-cMdTXF-SYy6k6zUv7ESwBLaoTUoOo0FJjDmPH-arTJhePQBDyFUCjpVsCOsglbtODeb-uSHY6SbrUH4I9GC8PMFLS6Ytvv3CRDfuHuzptEXL3obAmNPoenOjme8-P0/s320/ui_threebactionsheet.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">action-sheet</td></tr>
</tbody></table><br />
<br />
<br />
<br />
When you are in ordinary content display mode your content is usually expressed in lists and tables:<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/AVvXsEgS6elFQZttMKQ9-gHd5ZMGwv7PzLzH93YzGkhUDRRexfTFhHr5X8qS7YJvQcu5Zm4NSbf1r2HlWRTVkeSGf9SxwdD0_uROSrcBpDXkdZUvkdzNwF9Yo-PPZZqHdLxl_IyyhEWs2H8a0sk/s1600/ui_simplelist.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS6elFQZttMKQ9-gHd5ZMGwv7PzLzH93YzGkhUDRRexfTFhHr5X8qS7YJvQcu5Zm4NSbf1r2HlWRTVkeSGf9SxwdD0_uROSrcBpDXkdZUvkdzNwF9Yo-PPZZqHdLxl_IyyhEWs2H8a0sk/s320/ui_simplelist.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">simple list</td></tr>
</tbody></table><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/AVvXsEjoJP4xZ8TKJJEprglXDVKOJ9dRqkat7J5MCc84TB6MNChwvN172ntIcIKWDecRMIeN1RaG8vx-ouCe1eTBgGw_bx0YrOGPPRg-jLCoLfJs0_1DVabCKU1L2ZiskCJ0X1gPMAsj3e2XqKo/s1600/ui_sectionlistnoindex.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJP4xZ8TKJJEprglXDVKOJ9dRqkat7J5MCc84TB6MNChwvN172ntIcIKWDecRMIeN1RaG8vx-ouCe1eTBgGw_bx0YrOGPPRg-jLCoLfJs0_1DVabCKU1L2ZiskCJ0X1gPMAsj3e2XqKo/s320/ui_sectionlistnoindex.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">section list</td></tr>
</tbody></table><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/AVvXsEifGMIAG_GvuMGi428USgg1I6G3JZD5zYtFr0aFC7o362fCXgHGPgoav8jMDtdcG4eHAsiSQdPvUL_G-p8FFB1XetnfH8q97KDGvwdkDhFGrwlTVQQ20IlNssObyNc5VvmOYfCVZUXcmLA/s1600/ui_tableelements.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGMIAG_GvuMGi428USgg1I6G3JZD5zYtFr0aFC7o362fCXgHGPgoav8jMDtdcG4eHAsiSQdPvUL_G-p8FFB1XetnfH8q97KDGvwdkDhFGrwlTVQQ20IlNssObyNc5VvmOYfCVZUXcmLA/s320/ui_tableelements.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">showing some icons</td></tr>
</tbody></table><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/AVvXsEhJBELox4qgZFFnyE4u4Ak3wRlvpFfHKGXlx2lsaghTPF7zStzpDJejBd2sGq03Um1pvbE2rNKduV9WAqnY-Q-W-QMkcuQfqSyy4QWitgzTOZ1hKYsEjTzfFxkY_ulrVR7tcy9KsPuGmZo/s1600/ui_sectionedgrouped.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJBELox4qgZFFnyE4u4Ak3wRlvpFfHKGXlx2lsaghTPF7zStzpDJejBd2sGq03Um1pvbE2rNKduV9WAqnY-Q-W-QMkcuQfqSyy4QWitgzTOZ1hKYsEjTzfFxkY_ulrVR7tcy9KsPuGmZo/s320/ui_sectionedgrouped.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">table view</td></tr>
</tbody></table><br />
<br />
The number of screens<br />
(web pages are designed hierarchically as opposed to mobile apps)<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><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/AVvXsEiK411Nh3NACQV8PFIdvSfLskgrWGZtOn9Dy_t9K4B6kNkeyf-D7s9HPoX4yMe6dvuTn2F91GVsu1tBh6EzQhpGCkF642vGrW5PqKJogZtiFTte84W42wFPhQLGHD0ow-2qIvGqQFCxrM8/s1600/ui_alphabeticallist.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK411Nh3NACQV8PFIdvSfLskgrWGZtOn9Dy_t9K4B6kNkeyf-D7s9HPoX4yMe6dvuTn2F91GVsu1tBh6EzQhpGCkF642vGrW5PqKJogZtiFTte84W42wFPhQLGHD0ow-2qIvGqQFCxrM8/s320/ui_alphabeticallist.jpg" width="214" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table><br />
<br />
more images<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDw3VtVPwn2byBcD9Rte8Ictetp7Ln438LoDQ-DrOPwh5NJsK0i_tDeJyRPcJSoiOiZd2R_SZOxQjMpfoLH0NMe4dyokeEhIlhrwYJ6NUhGSM9AiiZMQ5hI3OR1PeqfafbLKXMhnDpmCA/s1600/ui_modesinclock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDw3VtVPwn2byBcD9Rte8Ictetp7Ln438LoDQ-DrOPwh5NJsK0i_tDeJyRPcJSoiOiZd2R_SZOxQjMpfoLH0NMe4dyokeEhIlhrwYJ6NUhGSM9AiiZMQ5hI3OR1PeqfafbLKXMhnDpmCA/s320/ui_modesinclock.jpg" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpAQy31R98MtpHma0LxiHfj5IW-h9wpv-U971wkrSTvmvmxbVQS02e10r2TAjPvyUhnHPNS0IoCKw0hr_FIBm13hLtKeCVVGVaPIXB3eniS19y97wK1uLAhzXaCRoex6TfsbBfzMKrRTQ/s1600/ui_value2inInfo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpAQy31R98MtpHma0LxiHfj5IW-h9wpv-U971wkrSTvmvmxbVQS02e10r2TAjPvyUhnHPNS0IoCKw0hr_FIBm13hLtKeCVVGVaPIXB3eniS19y97wK1uLAhzXaCRoex6TfsbBfzMKrRTQ/s320/ui_value2inInfo.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPLIklFFZg2XOKh5Nll1xfxJw8-w-IB52ICZXanxTlpTC7HnExpEbCAeFEob-Sf3sebF2Xxcs2qrqACTURAWQqM5GsTtMjqHlt4KZ-GTX-M31VJn0F8reVv6QYedvXRhylCFq683ycK0/s1600/ui_grouptablesingles.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPLIklFFZg2XOKh5Nll1xfxJw8-w-IB52ICZXanxTlpTC7HnExpEbCAeFEob-Sf3sebF2Xxcs2qrqACTURAWQqM5GsTtMjqHlt4KZ-GTX-M31VJn0F8reVv6QYedvXRhylCFq683ycK0/s320/ui_grouptablesingles.jpg" /></a></div><br />
<br />
320 X 480<br />
<br />
---------<br />
<div style="background-color: #76a5af;"><b>For target audiance /profile</b></div> (identified by google)<br />
1. Casual Surfer<br />
2. Repeat Visitor<br />
3. Urgetn, Now! (like when you are shopping an you immediately need a certain product or store app)<br />
<br />
<br />
-----------<br />
<br />
Check out : <a href="http://mobiforge.com/emulators/page/mobile-emulators">http://mobiforge.com/emulators/page/mobile-emulators</a><br />
emulators for how it will look in a certain phone<br />
<br />
-----------<br />
<br />
<br />
free icon generator sites:<br />
<a href="http://www.dingbatpages.com/">http://www.dingbatpages.com/</a><br />
<br />
<a href="http://iconpot.com/">http://iconpot.com/</a><br />
<a href="http://www.famfamfam.com/">http://www.famfamfam.com/</a><br />
**** free icon sets for mobile development:<br />
<a href="http://speckyboy.com/">http://speckyboy.com/</a><br />
here ---- <a href="http://speckyboy.com/2010/03/08/14-free-mobile-app-development-icon-sets/"> http://speckyboy.com/2010/03/08/14-free-mobile-app-development-icon-sets/</a><br />
<br />
READ this: <a href="http://articles.sitepoint.com/article/designing-for-mobile-web">article</a><br />
<br />
different types of interfaces : <a href="file://///172.18.160.211/zuul/apple/Free%20Wireframing%20Kits,%20UI%20Design%20Kits,%20PDFs%20and%20Resources%20-%20Smashing%20Magazine.htm">article from smashing mag</a>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com1tag:blogger.com,1999:blog-3072954754015699865.post-32051780893412475372010-08-23T20:17:00.000-07:002010-08-23T20:22:27.460-07:00Example of Good and Bad Forms<span style="font-weight: bold;">Forms</span><br /><br />Good: Chadwicks <a href="https://www.chadwicks.com/account/acct_createprofile.aspx">https://www.chadwicks.com/account/acct_createprofile.aspx</a><br /><br />BAD Snow removal:<a href="https://tahoesnowremoval.com/service_request.asp"> https://tahoesnowremoval.com/service_request.asp</a><br /><br /><br />Snow Removal: <a href="http://www.snopro.org/contract.html">http://www.snopro.org/contract.html</a><br />Rug Cleaner: <a href="http://rent.rugdoctor.com/cost-calculator.html">http://rent.rugdoctor.com/cost-calculator.html</a><br />ChemDry: <a href="https://hdus.centah.com/web/get_quote.php">https://hdus.centah.com/web/get_quote.php</a><br />Petsmart: <a href="https://www.petsmart.com/checkout/index.jsp?process=login">https://www.petsmart.com/checkout/index.jsp?process=login</a><br /><br />USPS Calculate Shipping: <a href="http://postcalc.usps.gov/"> http://postcalc.usps.gov/</a><br />Fedex Calculate Shipping: <a href="http://www.fedex.com/ratefinder/home?cc=US&language=en&locId=express"> http://www.fedex.com/ratefinder/home?cc=US&language=en&locId=express</a><br />UPS Calculate Shipping: <a href="https://wwwapps.ups.com/ctc/request?loc=en_US&WT.svl=PNRO_L1">https://wwwapps.ups.com/ctc/request?loc=en_US&WT.svl=PNRO_L1<br /></a>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-73510652217369050942010-08-23T19:53:00.000-07:002010-08-23T20:17:50.219-07:00User Test 1User Test<br /><br />The first test was done by an Animation Motion Graphics Student. He said he uses the internet at least 24 hours a week and is a frequent buyer of online products. His main criteria for buying products online was that the website looked "secure".<br /><br />He was able to find the requested product by going through the main navigation link titled "Our Menu". He correctly identified our site as a cupcake and pastry site. However, technically the site only sells cupcakes, cookies, and beverages (not really pastries).<br /><br />One thing to note was that on the cupcake page he tried to select the product by clicking the title but saw that it was not clickable. He reached goal by clicking the yellow link below that says "Buy". We plan to make the title clickable onthe stage 2 version.whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-41785023627565987782010-08-23T18:53:00.000-07:002010-08-23T20:30:34.911-07:00Final ProjectProcess<br />mobile device - hand held<br /><br />4 Screens<br /><br />Typesof Apps:<br />Productivity Apps - something that requires alot of productivity by the user (email, photo)<br />Utility apps - weather, baseball stats, traffic<br />immersive app - takes over the entire screen<br /><br />One example from last year: A bug indentifier, you figure out if the bug is poisonous, then it connects you to an exterminator.<br /><br />Example: productivity app- give lists of baseball cards and the current market value and give a place to actually sell the cards.<br />utility version - just a chart with current prices<br />immersive - baseball game<br /><br /><span style="font-size:130%;"><br /></span><span style="font-weight: bold; color: rgb(153, 0, 0);font-family:trebuchet ms;font-size:130%;" >HW: </span><span style="font-size:130%;"><br /></span><span style="font-weight: bold; color: rgb(153, 0, 0);font-family:trebuchet ms;font-size:130%;" >Make thumbs for each category</span><span style="font-size:130%;"><br /></span><span style="font-weight: bold; color: rgb(153, 0, 0);font-family:trebuchet ms;font-size:130%;" >at least 3,<br />5 optimum</span><span style="font-size:130%;"><br /><br /><span style="color: rgb(204, 0, 0);">15-20 thumbs</span><br /><br /><span style="color: rgb(153, 0, 0);font-family:trebuchet ms;" >Also build a product definition statement for each of the ideas - this is like a tagline for the product (not a slogan)</span></span><br /><br /><br />Identify Users goals<br />and what kind of affordances can you give them<br />how can you help the user get to the goal<br /><br /><br />Sizes:<br /><br /><ul><li>iPhone (320x480)</li><li><span style="font-family:Arial,Helvetica,sans-serif;">Blackberry Storm (480 x 360)</span></li><li>Android G1 (320 x 480)</li></ul>Bandwidth<br />(limited number of airwaves)<br />This means small images and in general one screen at a time (not too much multitasking).<br /><br />no flash on some devices<br /><br />single column layout<br /><br />mostly uses html 5<br /><br />.mobi extensions<br />mysite.com/mobile/<br />m.mysite.com (m.yahoo.com, m.wordpress.com)<br /><br /><br />----------<br /><a href="http://danroundhill.com/2010/04/02/10-tips-for-developing-android-apps/">http://danroundhill.com/2010/04/02/10-tips-for-developing-android-apps/</a><br /><a href="http://building-iphone-apps.labs.oreilly.com/"><br />http://building-iphone-apps.labs.oreilly.com/</a><br /><br /><a href="http://sixrevisions.com/web-development/html5-iphone-app/">http://sixrevisions.com/web-development/html5-iphone-app/</a>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-33613040419691414692010-08-20T10:08:00.001-07:002010-08-20T10:22:01.448-07:00Menu and Homepage<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Begzocx7Wi7S2cdpu0ysOHY3Lq7h4VeZSI4bo8YEPEa3OlCcRkPiiqoK_lE6G_V-QazfyZh3SLbwMMHCp7DSBNI8B8lWW59s377U6nap-MjHg36FbSTFMj-fHMkb08sIxmgqoAleP40/s1600/cupcake_hmcomp2.jpg"><img style="MARGIN: 0px 10px 10px 0px; WIDTH: 308px; FLOAT: left; HEIGHT: 320px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5507543313234235874" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Begzocx7Wi7S2cdpu0ysOHY3Lq7h4VeZSI4bo8YEPEa3OlCcRkPiiqoK_lE6G_V-QazfyZh3SLbwMMHCp7DSBNI8B8lWW59s377U6nap-MjHg36FbSTFMj-fHMkb08sIxmgqoAleP40/s320/cupcake_hmcomp2.jpg" /></a><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdIUtkJVT17T7gPDAFQ19BrWVD7PjqwOVbmqhqUzEl2JWT1T6ewc1MU9R3klbxDjV9688ncKjlpQJpW5PxqgV6l8SHQ3YDqfYh3LWncbykdRA4nZHYNahYsNcpvKyd9J-FGhlB8j6Fe4/s1600/cupcake_menucomp2.jpg"><img style="MARGIN: 0px 10px 10px 0px; WIDTH: 286px; FLOAT: left; HEIGHT: 320px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5507541051561217298" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMdIUtkJVT17T7gPDAFQ19BrWVD7PjqwOVbmqhqUzEl2JWT1T6ewc1MU9R3klbxDjV9688ncKjlpQJpW5PxqgV6l8SHQ3YDqfYh3LWncbykdRA4nZHYNahYsNcpvKyd9J-FGhlB8j6Fe4/s320/cupcake_menucomp2.jpg" /></a><br /><br /><div></div></div>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-5044611455215351062010-08-16T19:45:00.000-07:002010-08-23T15:53:45.844-07:00images / copy<strong><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYY7N1Q1Olmn9_4dhdfh1o8iplDzSbeAxFTKwKecGC412bBmZ6pnC8bMKjT7TA0WSx94Try3yn4NM1TNABPA4V76qvcbLrepNSABqxvu0kNJdgQhl1l7zEfinxKJtU4WKDIQrZEZcWf1U/s1600/img_3407-version-2-1.jpg"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 226px; FLOAT: left; HEIGHT: 164px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506209774354449154" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYY7N1Q1Olmn9_4dhdfh1o8iplDzSbeAxFTKwKecGC412bBmZ6pnC8bMKjT7TA0WSx94Try3yn4NM1TNABPA4V76qvcbLrepNSABqxvu0kNJdgQhl1l7zEfinxKJtU4WKDIQrZEZcWf1U/s320/img_3407-version-2-1.jpg" /></a>Red Velvet</strong><br />City Sweets signature cupcake – traditional red velvet cupcake with a hint of cocoa. Topped with a vanilla cream cheese frosting and colorful red and pink sprinkles.<br /><em>Also available Vegan.<br /></em><br /><br /><br /><br /><br /><br /><br /><br /><strong><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgizhyphenhyphendqF5_2bufTDtXMS_roSJmar2cdqTG1CXHJjqkyVKZdAKcg3XEwEuRKqMmQkj5NsqxOX86K7dearrtHujf8m6W4Pzl4H1ngYR3GhZoCIazvNprEUkp6vE2PLhevMul6jmNOgoIvg/s1600/pumpkin.jpg"><strong><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 237px; FLOAT: left; HEIGHT: 137px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506210010799301762" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgizhyphenhyphendqF5_2bufTDtXMS_roSJmar2cdqTG1CXHJjqkyVKZdAKcg3XEwEuRKqMmQkj5NsqxOX86K7dearrtHujf8m6W4Pzl4H1ngYR3GhZoCIazvNprEUkp6vE2PLhevMul6jmNOgoIvg/s320/pumpkin.jpg" /></strong></a>Spiced Choco-Pumpkin </strong><strong><br /></strong>Dutch chocolate pumpkin cupcake topped with a dollop of spiced cream cheese frosting and a chocolate candy corn.<br /><br /><br /><br /><br /><br /><br /><br /><span style="color:#666666;"><strong><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGcsC7HIDw0UVP1ty1YQEomzS-ZoY4oxR-fT9hbPq0yYaFbqDcokz4tBpH084MTsjYTqW5EAnxqWVkMMeqagz-QWfUjRyoxydNvCDtsLIYepR_2tmn_LvnY5_rO09SMmGmhZ-s6Kt439c/s1600/lime.jpg"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 235px; FLOAT: left; HEIGHT: 135px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506207414830731474" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGcsC7HIDw0UVP1ty1YQEomzS-ZoY4oxR-fT9hbPq0yYaFbqDcokz4tBpH084MTsjYTqW5EAnxqWVkMMeqagz-QWfUjRyoxydNvCDtsLIYepR_2tmn_LvnY5_rO09SMmGmhZ-s6Kt439c/s320/lime.jpg" /></a>Names: Key Lime Divine, Key Lime, Divine Key Lime<br /></strong></span><br />Fresh key lime cupcake centered with key lime curd and a sprinkle of graham cracker crumbles. Topped with whipped cream and garnished with a candied lime.<br /><em>Also available Gluten-Free.<br /></em><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt496ur6FGDaG4OEXwwD5EaNoG1UxMNFYpmVSOYMNvFfcXd78k61sI5FdHF5kYDxi4VlGKxPf3c3eTTZCXoxYV7sA7j1pYkBk3eH-mMklcyPFIhK6OYwXDoPKNxeQcqGBUAdut8CL2kyQ/s1600/chocochoco.png"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 142px; FLOAT: left; HEIGHT: 112px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506221670243043682" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt496ur6FGDaG4OEXwwD5EaNoG1UxMNFYpmVSOYMNvFfcXd78k61sI5FdHF5kYDxi4VlGKxPf3c3eTTZCXoxYV7sA7j1pYkBk3eH-mMklcyPFIhK6OYwXDoPKNxeQcqGBUAdut8CL2kyQ/s320/chocochoco.png" /></a><br /><br /><span style="color:#666666;">Possible Names : Minty Magic, Chocolate Minty, Mint Condition<br /></span>Peppermint-infused chocolate cupcake frosted with light green peppermint buttercream and garnished with a mint chocolate malt ball.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdldAqlaCzslS6_ozfbUO50zSP6HJLO6ml1Z_QW4nbwLGzED6nD5AI8yJ387fnYInsydv2lR6gZ_2Ad5g2-KiaMdGjp3T5yXUgsKIodgDrUWDRqk1nzEuOh5KnfvXEi3iIpoMMu_JLRsU/s1600/IMG_0624curves.jpg"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 113px; FLOAT: left; HEIGHT: 158px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506209763006612466" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdldAqlaCzslS6_ozfbUO50zSP6HJLO6ml1Z_QW4nbwLGzED6nD5AI8yJ387fnYInsydv2lR6gZ_2Ad5g2-KiaMdGjp3T5yXUgsKIodgDrUWDRqk1nzEuOh5KnfvXEi3iIpoMMu_JLRsU/s320/IMG_0624curves.jpg" /></a><strong>Cosmopolitan<br /></strong><br />Classic Madagascar bourbon vanilla infused chocolate cupcake. Topped white chocolate butter cream, garnished with two chocolate duo sticks and pink sprinkles.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz0mYSv-zoyzDRDwsJRxWMpiv9JT25do1My24xbFJBQc7ld95UQaeBaJFUoNsXxwASkngd327qUIUrWNpYj7BiJ9exgTfEtoOGSu1pSF-gt0APoKetS6_3BnUw8Lvo7iwoipzjhv9EYBY/s1600/IMG_0326c.jpg"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 203px; FLOAT: left; HEIGHT: 134px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506212369553086322" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz0mYSv-zoyzDRDwsJRxWMpiv9JT25do1My24xbFJBQc7ld95UQaeBaJFUoNsXxwASkngd327qUIUrWNpYj7BiJ9exgTfEtoOGSu1pSF-gt0APoKetS6_3BnUw8Lvo7iwoipzjhv9EYBY/s320/IMG_0326c.jpg" /></a><br /><br /><br /><span style="color:#666666;"><strong>Possible names: Mochalicious, Chocolate Arabica, Chocolate Con Pana, Mocha con Pana</strong><br /></span>Bold espresso and dark chocolate cupcake filled with whipped cream. Frosted with espresso infused buttercream and pure mocha sprinkles.<br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEzcMjAvJek_kg5ApFVoxHyXfap7WxEa1w6l2J9s6zJeZeWVgvPlrIdmz5PWZnnTj1QHP6NVvS_zfkSgwoQ_y92xS6x6LGLZEqKeUQaTYXlzRKx_UTP8jSzoRcuGgljO9KIRNWVTRGQ4/s1600/blueberry.jpg"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 144px; FLOAT: left; HEIGHT: 185px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506215977162998210" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEzcMjAvJek_kg5ApFVoxHyXfap7WxEa1w6l2J9s6zJeZeWVgvPlrIdmz5PWZnnTj1QHP6NVvS_zfkSgwoQ_y92xS6x6LGLZEqKeUQaTYXlzRKx_UTP8jSzoRcuGgljO9KIRNWVTRGQ4/s320/blueberry.jpg" /></a><br /><br /><br /><br /><strong>Blueberry Swirl</strong><br />Vanilla buttercake baked with fresh organic blueberries, topped with blueberry cream cheese frosting. <em>Available Vegan.<br /></em><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jkk4b7cDMDM6_xnQkSPUqm6bx8Ek9XMYzpvIb9LhqJw_r8eWMTMh6YxZps2_d_KhxycxX3stvl8-GmDY_N0sIByQ-GzGozOGMNLZOIBA8tS7JyQ_SiCMEif36e7GUVeDhkDZqJn1zro/s1600/choco1.jpeg"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 137px; FLOAT: left; HEIGHT: 140px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506221567992459394" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jkk4b7cDMDM6_xnQkSPUqm6bx8Ek9XMYzpvIb9LhqJw_r8eWMTMh6YxZps2_d_KhxycxX3stvl8-GmDY_N0sIByQ-GzGozOGMNLZOIBA8tS7JyQ_SiCMEif36e7GUVeDhkDZqJn1zro/s320/choco1.jpeg" /></a><strong>Chocolate Truffle, Chocolate Button<br /></strong>Our signature dark chocolate cupcake layered with bittersweet chocolate ganache. Frosted with milk chocolate buttercream and capped with a dark chocolate button.<br /><em>Available Gluten-Free.<br /></em><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9PMt9SHAkE3VVLRYucevrAT6QoelzN5rbojQrL2dHAxhGTXD4mh11nbuCHorRZBu7O6YoSA-L9bpMxxLrq1B1hCpROq0mr_wO8kterbJaxcRXChCX2hRo5aljHSdeKkbR7n7kNJRWds/s1600/LemonBerryCupcakeSolo.jpg"><img style="MARGIN: 0pt 10px 10px 0pt; WIDTH: 138px; FLOAT: left; HEIGHT: 190px; CURSOR: pointer" id="BLOGGER_PHOTO_ID_5506210549413908434" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9PMt9SHAkE3VVLRYucevrAT6QoelzN5rbojQrL2dHAxhGTXD4mh11nbuCHorRZBu7O6YoSA-L9bpMxxLrq1B1hCpROq0mr_wO8kterbJaxcRXChCX2hRo5aljHSdeKkbR7n7kNJRWds/s320/LemonBerryCupcakeSolo.jpg" /></a><br /><strong>Blackberry Champagne Cream</strong><br />Vanilla bean buttercake, frosted with a champagne buttercream whipped with fresh organic blackberries. Seasonal variations are also available.<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><strong>Sizes:</strong><br />Our cupcakes come in 2 sizes: Mini and Classic.<br />They are each sold separately or in packs.<br /><br />Classic - 4"<br />Mini - 2.25"<br /><br /><strong>Other Copy:<br /></strong>City Sweets, your favorite treats handcrafted with fresh local ingredients. Our desserts are baked everyday from scratch and we are dedicated to using only the finest organic and sustainable ingredients. We offer a selection of amazing cupcakes and cookies. You may order our yummy desserts in advance or stop by our store and enjoy the one on the spot.<br /><br />We welcome you to stop our store or order in advance online.<br /><br /><br />At City Sweets bakery and café you will find our staff ready to treat and serve you our unique desserts. Our store features a unique ambiance were you can enjoy your favorite beverage while watching our bakers at work. We offer free WiFi and out door seating. City Sweets is located in New York City's ( East Village, Upper Westside, Greenwich Village) and we our proud to be a part of your neighborhood.<br /><br />Our store hours:<br />Monday - Thurs 7:00 am - 9:00 pm<br />Friday, Saturday, Sunday 7:00 am - 10:00 pm<br /><br /><br /><br /><strong>cupcakes<br /></strong>Delicious, fluffy, and unique our gourmet cupcakes are baked every day from scratch. We select only the highest quality and fresh ingredients to create our distinct treats. There are 9 signature delights to choose from, several of which are also available Gluten-Free or Vegan.<br />You may purchase them a la carte or by the dozen. Make your next occasion a sweet-success.<br /><br /><br />I have more to say here, still need to work somethings out.<br /><strong>Cookies</strong><br />Our handmade cookies are works of yummy art. These delicious treats are all-natural with no added perservatives, baked from scratch everyday at our store. You can order several to go or stop by and try one with our handcrafted espresso drinks.<br /><br /><strong>Beverages / Cafe<br /></strong>Working alongside our pastry chefs is our team of barristas who are ready to serve you from our full service espresso bar.whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-6517790989576595232010-08-16T17:45:00.000-07:002010-08-16T19:21:02.750-07:00Day 6 Notes<span style="font-weight: bold;font-family:trebuchet ms;font-size:180%;" >Forms</span><br /><br /><span style="font-family:times new roman;">World events being changed by crappy form:</span><br /><span style="font-family:times new roman;">Butterfly Ballot - 2000 Presidential Election</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMycj1oVi5ihnWoS1LPAK9GZFpkBlmBq1143lBL3E94XwHZu9A_35xDjgqcVi-t88Aep4_HhyPb9GAl1gFF0E9tZD16byHCJfeYxy0AXS8zqK8aL0uoFo6U4dDKNl_L6x_vM12fe6nDF4/s1600/ballot1.gif"><img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 320px; height: 106px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMycj1oVi5ihnWoS1LPAK9GZFpkBlmBq1143lBL3E94XwHZu9A_35xDjgqcVi-t88Aep4_HhyPb9GAl1gFF0E9tZD16byHCJfeYxy0AXS8zqK8aL0uoFo6U4dDKNl_L6x_vM12fe6nDF4/s320/ballot1.gif" alt="" id="BLOGGER_PHOTO_ID_5506175705499227394" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><span style="font-family:times new roman;">The form was super confusing.</span><br />-------------<br /><span style="font-weight: bold;font-family:trebuchet ms;font-size:130%;" >3 Layers of a Form:</span><br /><span style="font-family:trebuchet ms;"> <span style="font-weight: bold;">Relationship</span> - asking + providing right information</span><br />>people types: Readers, Rushers, Refusers<br /><span style="font-family:trebuchet ms;"> <span style="font-weight: bold;">Conversation</span></span> - easy questions, useful instructions<br />>don't let them pause cause they'll probably just go away, when they mess up a form try to be friendly<br /><span style="font-family:trebuchet ms;"> <span style="font-weight: bold;">Appearance</span></span> - make it look and feel friendly and easy, form controls: make it as easy as possible<br /><br /><span style="font-family:trebuchet ms;">(people are scared to give personal info)</span><br /><span style="font-family:trebuchet ms;">To combat this you need to give them reassurances, like explanation why you need the info and thank them at the end.<br /><br /><span style="font-size:130%;"><span style="font-weight: bold;">3 Rules</span></span><br />1. <span style="color: rgb(153, 51, 153); font-weight: bold;">Establish Trust</span> any way you can<br />2. reduce <span style="font-weight: bold; color: rgb(153, 51, 153);">Social Costs: </span><span style="color: rgb(0, 0, 0);">a status indicator (like how much more they have to go)<br />3. <span style="font-weight: bold; color: rgb(153, 51, 153);">Increase Rewards</span> (tangible immediate reward vs a perceive larger benefit down the line)<br /><br />Make sure to measure your forms against your competitors.<br />--------------------<br /><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">Form Instructions</span><br />- make sure to have a title<br />- make is consistent with branding<br />- offer of help if it's needed<br />- way to get to a different form if they need it (people often fill out the wrong form)<br />-thank you note at the end<br />-short, affirmative, active-voice messages<br />(affirmative: instead of telling them don't tell them do)<br />(active: You must fill out this form vs. This form must be filled out by you)<br /><br />Give the <span style="font-weight: bold;">WHY</span> First or else people get confused.<br /><span style="font-style: italic;">example:</span><br />People were told - draw a triangle on top of a T because they were going to draw a wine glass.<br />People were told - you are going to draw a wine glass, draw a triangle on top of T.<br />The people who were told the <span style="font-weight: bold;">WHY</span> first got it right.<br /><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">Appearance:</span><br /><span style="font-weight: bold;">Branding</span><br /><br /><span style="font-weight: bold;">Label </span>(for every field) : often times using tables is ok for forms.<br />If lables are on the left : you don't want huge gaps between lables and fields.<br />If the lables are aligned right, next to the field, the form is hard to scan (visually)<br />If the lables are on top it can be confusing which form and label go together.<br /><br /><span style="font-weight: bold;">Required Fields</span><br />Indicated by an asterisk - you need to say what the * means<br />Red fields vs Grey<br />Bold<br />(required)<br />(optional)<br /><br /><br /><br />----------<br /><span style="font-size:130%;"><a style="font-weight: bold;" href="http://www.themaninblue.com/experiment/InForm/">The Un-styled Form</a><br />same form, different styles<br /><br />HOMEWORK:<br />Find several form examples to share in class.<br /></span></span></span>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-48364938453674387272010-08-09T20:14:00.000-07:002010-08-09T20:46:22.912-07:00Week 5 Responsibilities<span class="Apple-style-span" style=";font-family:arial;font-size:13px;" >Hey guys,<div><br /></div><div>here's a list of everybody's responsibilities for the week:</div><div><br /></div><div><b>Ritchie: wireframe remaining pages, webpage comps</b></div><div><b>Scott: webpage comps, logo comps</b></div><div><b>Renee: copy, product names and descriptions</b></div><div><b>Ernie: copy, product names and descriptions, logo comps</b></div><div><b><br /></b></div><div>If there's anything that hasn't been addressed please mention it and we'll get it assigned to someone.</div><div><br /></div><div>Ernie</div></span><br /><br />Images of Cupacakes:<a href="Images%20of%20Cupcakes:%20http://www.dozenbakeshop.com/html/cupcakes.html"> http://www.dozenbakeshop.com/html/cupcakes.html</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-79084697713766781692010-08-09T18:40:00.000-07:002010-08-09T18:50:47.727-07:00Initial Research<a href="http://www.scribd.com/doc/35633980/Research-Cupcake">Internet Use Research PDF</a>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-1698997835883323982010-08-08T23:18:00.000-07:002010-08-09T14:15:22.570-07:00Wireframes<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbAzs073daAFnJPW-DTt60QPRAyZXvbcnNpbi2mXSxhfhz4ezQIUXg5Wp7ekTq49iobomw90HVUrKL7hqrpziDUTYTltCJUbDitwuH_xMgKkLanoZPDTTax5-J60nfu8ildolJFMoXyg/s1600/wireframe2.JPG"><img style="MARGIN: 0px 10px 10px 0px; WIDTH: 320px; FLOAT: left; HEIGHT: 306px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5503291715631143618" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbAzs073daAFnJPW-DTt60QPRAyZXvbcnNpbi2mXSxhfhz4ezQIUXg5Wp7ekTq49iobomw90HVUrKL7hqrpziDUTYTltCJUbDitwuH_xMgKkLanoZPDTTax5-J60nfu8ildolJFMoXyg/s320/wireframe2.JPG" /></a> <img style="MARGIN: 0px 10px 10px 0px; WIDTH: 320px; FLOAT: left; HEIGHT: 305px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5503291713021951026" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs0bZ0m4KLEJl-Vm-Kysp0F9-j2TNqoR8mB7pVxj5QsW16Cagn5FI7IGWAnmk812lUhrxU-hgMqWppjQ7XBe75YKFJege0hVR7CgZ3kh7ZJDKiPVQ9hHe6DOQ2t-fNTV8CkApHix4IwI8/s320/wireframe1.JPG" /> <div><br /><br /><div></div></div><br /><br /><br /><p><br /></p><p></p><p></p><p><br /></p><p></p><p></p><p><br /></p><p></p><p></p><p><br /></p><p></p><p></p><br /><p><br /></p><p></p><p></p><p></p><p></p><p></p><p><br /><p><br /></p><p></p><p></p><p><br /></p><p></p><p></p><br /><p><br /></p><p></p><p></p><p></p><p></p><p></p><p><br /><br /><a href="http://www.scribd.com/doc/35619948/Wire-Frame-2">Wireframe 2 PDF</a><br /><a href="http://www.scribd.com/doc/35619885/Wire-Frame-1">Wireframe 1 PDF</a>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-77608549261162725282010-08-07T19:29:00.000-07:002010-08-07T23:49:53.041-07:00Survey for Online StoreRESEARCH<br /><br /><script src="http://www.surveymonkey.com/jsEmbed.aspx?sm=_2bDnztvXkhXniZU5Jj8yz3A_3d_3d"> </script><br /><br /><br /><br /><br /><br />---------<br />Guys,<br /><br />For the Research Requirement I am also going to post a paper with infographics. It mostly concerns the way in which certain age groups use the internet.<br />Thanks!<br />Renee<br />------------whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-8059266909674421332010-08-06T20:48:00.001-07:002010-08-06T21:24:43.724-07:00Flowchart<div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Cn6ohv6n5uhLkZYF2TQHyis_PZM3UtQ1qosHFbRVa4UCotpjZPGXyIbGAb9qi_2pc57QiOllnxdrczA7fpIgZC9h2JER_QSQT8Wzmu7FEp8D-WA6MgdhwIa2BZ5du2WkudcvGYMkFM8/s1600/flowchart.JPG"><img style="WIDTH: 320px; HEIGHT: 165px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5502510166915068658" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Cn6ohv6n5uhLkZYF2TQHyis_PZM3UtQ1qosHFbRVa4UCotpjZPGXyIbGAb9qi_2pc57QiOllnxdrczA7fpIgZC9h2JER_QSQT8Wzmu7FEp8D-WA6MgdhwIa2BZ5du2WkudcvGYMkFM8/s320/flowchart.JPG" /></a><br /><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYx1H5o-Bn9EU_x1ZZBJSTy-jLy0My-q-FpL7EAFFplE8Zv8jpc4F1tp5ndMGyOMFSmwc9XbGEUsaqyHEzTjQvBtTjZ_60Yq6e4XZnsvIuW9E6j2iuwDuDxOAQVwS7lATLLCFHLcUlrZc/s1600/flowchart.JPG"></a><div><span style="color:#3333ff;"></span></div><br /><div>>> <a href="http://www.scribd.com/doc/35500595/Flowchart"><span style="color:#3333ff;">Download the actual PDF</span></a></div><br /><br /><div></div><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPj_HYUNRrobT0CaVJVVhypLTm2f85hM06MXlR7BE2vClKDbOg689pK_vqswHW4o5PFS3DLyb2EXQbEgR-j8jg6sEvviuGJzXlZ0n4ZGxopcY-TBXkjiIqiX4doKH-eQJAvJhiwxRBGnU/s1600/sample.JPG"><img style="WIDTH: 320px; HEIGHT: 267px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5502518853156771426" border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPj_HYUNRrobT0CaVJVVhypLTm2f85hM06MXlR7BE2vClKDbOg689pK_vqswHW4o5PFS3DLyb2EXQbEgR-j8jg6sEvviuGJzXlZ0n4ZGxopcY-TBXkjiIqiX4doKH-eQJAvJhiwxRBGnU/s320/sample.JPG" /></a> Sample Style<br /><div></div></div></div></div>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com2tag:blogger.com,1999:blog-3072954754015699865.post-49173613783293034382010-08-06T20:15:00.000-07:002010-08-09T15:35:55.925-07:00Cupcake Store Names<strong>Some random suggestions:</strong><br /><br />Cupcakery<br />Frost Bite<br />Cake Me<br />Cupquakes!<br />Caked<br />Baked<br />Chomp<br />Flava'<br />Cake Dujour<br />Sugar High<br /><br />City Sweets<br />Pop Cakes<br /><br />Sprinkles (PS you know Sprinkles this is the name of the most famous cupcake store in the world.)<br />Red Velvet<br />Butter<br />Cream<br />Cuppy Cakes<br />Sugar Bites<br /><br /><br /><a href="http://www.cupcakeroyale.com/thecupcakes.html">Cupcake Royale</a><br />This store is one of the few I found that does <a href="http://onlineorders.cupcakeroyale.com/index.aspx">online ordering </a>similar to what we are building.whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com3tag:blogger.com,1999:blog-3072954754015699865.post-24900845743486313482010-08-06T19:56:00.000-07:002010-08-07T23:44:21.902-07:00Personas<span style="font-family:trebuchet ms;"><strong><span style="font-size:130%;">Personas </span></strong><br /><strong><span style="font-size:130%;"></span></strong></span><br /><strong>Caryn</strong> is a 23 year old and works as a coffee barista at a privately owned café. She has worked for coffee shops such as Starbucks™, It’s a Grind™, and many others. She enjoys her current work place because the beverages are made with organic ingredients, and offers a very fun and eclectic menu.<br /><br />For recreation Caryn enjoys walking her dog, painting, and indie films. She has attended college in the past but is currently just working. <span style="color:#cc0000;">During her time in college she was enrolled in many of the art classes. </span>Caryn enjoys foods like Sushi, Mexican, Greek, and even good old fashioned BBQ’s with Burgers and Hot Dogs.<br /><br />Caryn uses an Apple Imac computer and also owns the Apple Iphone. She is very internet savvy. She views her Facebook daily and has her phone linked up with her email account. Caryn often uses programs like Adobe Photoshop and Illustrator, but has never worked in any design or art firm.<br /><br /><br /><strong>Ryan</strong> is a 17 year old high school student that hasn’t had a job yet. Most of his leisure time is spent skateboarding and playing guitar. He enjoys classic punk and his favorite musician is David Bowie. <span style="color:#cc0000;">He is in his Senior year of highschool and has maintained a C average.</span><br /><br />Ryan enjoys very basic foods like <span style="color:#cc0000;">p</span>epperoni <span style="color:#cc0000;">p</span>izza, <span style="color:#cc0000;">macaroni and cheese, cereal</span>, and <span style="color:#cc0000;">c</span>heese <span style="color:#cc0000;">b</span>urgers plain. He also eats sweets and candy on a daily basis.<br /><br />Ryan uses the <span style="color:#cc0000;">internet on a weekly basis, primarily to watch youtube videos and find more information about his favorite bands</span>. <span style="color:#cc0000;">He owns a cell phone but it is not able to go onto the internet, he primarily uses the text feature.</span> Ryan doesn’t have his drivers license yet.<br /><br /><br /><strong>Julie</strong> is 47 year old that manages a dental office. Julie has worked in the dental field since she left college. She enjoys Country music and Tv shows like “Dancing with the Stars” and <span style="color:#cc0000;">"No Ordinary Family".</span> Julie generally works 45-55 hours a week and tends to spend her time off work with her 10 year old son and 14 year old daughter.<br /><br />Julie generally eats healthy but will occasionally go out for <span style="color:#cc0000;">i</span>ce <span style="color:#cc0000;">c</span>ream or other deserts. Some of her favorite treats are <span style="color:#cc0000;">ice cream, light popcorn, Starbucks Frappuccinos.<br /></span><br />Julie has a PC at home but <span style="color:#cc0000;">uses it infrequently, primarily to look up directions, business hours and phone numbers. She does plan family vacations from her computer, using the internet to search for travel packages and book airline flights.<br /></span><br />She uses a BlackBerry mobile phone that was issued to her from work. She mainly uses it to stay on top of work email. She hasn’t downloaded any apps or personalized her phone interface, and the phone is currently using the default ringtone. Although she is on many mailing lists to receive things like coupons and info on special sales at places like: grocery stores, her hair salon, and <span style="color:#cc0000;">her favorite retail store DSW.</span><br /><br /><span style="color:#cc0000;">She does have some experience with social media but seldom checks it. Two of her friends have blogs. Julie wishes she knew more about uploading and sharing photos.</span><br /><br />----------<br /><span style="font-size:130%;">Scott</span><br /><span style="font-size:130%;">The changes I made are in red. </span><br /><span style="font-size:130%;">-Renee</span><br /><span style="font-size:130%;">--------</span><br /><span style="font-size:130%;"></span>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com1tag:blogger.com,1999:blog-3072954754015699865.post-49791563752075620212010-08-02T20:42:00.000-07:002010-08-09T19:18:57.442-07:00Cake & Cupcake WebsitesHOMEWORK:<br />1. Thumbnails of the logo (ALL)<br />2 . Home Page Design Thumbnails (ALL)<br />3. Three Personas (Scott)<br />4. Research: User Needs (Renee)<br />5. Site Scope - flow chart (Ernie)<br />6. Wire Frame (optional) (Richie)<br /><br /><br />---------------------------------<br /><br />Target Audience:<br />Yogurt Land<br />Pink Berry<br />Scene-ster<br />Urban Outfitters<br /><br />12-30 years old<br />Income Level :<br />$20,000 -$30,000<br />Students, teens, mom and dads w/childrenwhatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-67791594798495619732010-08-02T18:01:00.000-07:002010-08-03T12:11:03.443-07:00Week 4 - In Class Notes<a href="http://www.scribd.com/doc/35262770"><span style="font-family:lucida grande;font-size:130%;color:#006600;"><strong>Elements of User Experience</strong></span></a><span style="font-family:lucida grande;font-size:130%;color:#006600;"><strong><br /><br /></strong></span><a href="http://www.scribd.com/doc/35261824/Elements-Simple-Planes"><span style="font-family:lucida grande;font-size:130%;color:#006600;"><strong>Simple Planes</strong></span></a>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0tag:blogger.com,1999:blog-3072954754015699865.post-36687534381374733752010-08-02T17:40:00.000-07:002010-08-03T12:13:35.794-07:00Group ProjectGroup of 3-4 People<br /><br /><span style="font-size:130%;"><span style="FONT-WEIGHT: bold">MM2201 Assignment for week 5: Project 2</span></span><br /><br /><span style="COLOR: rgb(204,102,0); FONT-WEIGHT: bold">Introduction</span><br />This will be a group project. You can select your own group partners, but make sure no one is left out. The class will split into groups of three or four students each and design a Web interface for a commerce site that is selling a certain product. In class this week, your group should brainstorm and decide on an industry and a product. It is not a branding class, but you will also need to come up with a logo, since that doubles as Site ID and a part of the navigation.<br /><br />The site will need at least five major Sections, and the user will have to browse at least four levels deep to get to the product page in question (Home, Section, Subsection, Product). Keep these parameters in mind as you begin to work on these – the size of the site (including all the products you're not actually building pages for) will determine the structure of the site, and the navigation. In week 7 we will be setting up a usability lab and testing their designs on unsuspecting non-majors grabbed from the hallways.<br /><br />Please brainstorm ideas for industry, product and logo. Include everyone in the group in this process; for homework you will all be working on concepting thumbnails for logos and the Home page design.<br /><br /><span style="COLOR: rgb(204,102,0); FONT-WEIGHT: bold">Teams</span><br />Get together with your group and divide your labor among these tasks:<br /><br /><span style="COLOR: rgb(204,102,0); FONT-WEIGHT: bold">Research</span><br />Determine your research methods, paying particular attention to analysis of similar/competing existing sites. Define your target audience and user needs. Write three user profiles of members within your target audience. Include this and your research methods and sources into a Word or PDF document. Be as thorough as possible. Strategy. 1-2 team members.<br /><br /><span style="COLOR: rgb(204,102,0); FONT-WEIGHT: bold">Site scope</span><br />Define the scope of your site (number of pages, number of categories/products at each level) and build a flow chart showing the user’s pathway through this structure. You may use Illustrator or Visio, and make it clear how many Sections and Subsections there will be at those levels. Make this a visually professional document. Scope and structure. 1 team member.<br /><br /><span style="COLOR: rgb(204,102,0); FONT-WEIGHT: bold">Wireframe</span><br />Design a wireframe comp for each page of the clickthrough. Consider for inclusion the elements discussed in class: the Site ID, tag line, global nav, Welcome blurb, search field, etc. Also any other elements you deem necessary, such as links to networking sites and so on. Structure and skeleton. 1-2 team members.<br /><br /><span style="COLOR: rgb(204,102,0); FONT-WEIGHT: bold">Design</span><br />Bring in some thumbnail sketches of your company’s logo. Design. All team members<br /><br />-------------<br /><br />X -- Home<br />X -- Section<br />X -- Subsection<br />X -- Product<br /><br />(You have to get the user 4 pages deep)<br />---------<br /><span style="font-size:130%;"><span style="FONT-WEIGHT: bold">Division of Labor</span><br /><span style="FONT-WEIGHT: bold">When, Who, Why, What, How</span></span><br /><span style="font-size:85%;"><span style="font-family:arial;">(We are building a prototype)</span></span><br /><br /><span style="COLOR: rgb(51,153,153); FONT-WEIGHT: boldfont-family:trebuchet ms;font-size:130%;" >Project Leader</span><span style="font-family:trebuchet ms;"> </span>(You can put this on your resume or portfolio, person who delivers)<br /><span style="FONT-WEIGHT: bold">Strategy</span><br />1. Communicates with everyone, stakeholders, and client<br />2. Establishes Site Objectives<br />3. Trouble shoot<br />4. Due Dates<br />5. Compiles and delivers the results<br /><br /><span style="font-size:130%;"><span style="COLOR: rgb(51,153,153); FONT-WEIGHT: boldfont-family:trebuchet ms;" >Researcher</span></span> <span style="font-size:85%;"><span style="font-family:arial;">primary data</span></span><br />1. Determine User needs, target audience<br />2. User profiles/persona <a href="http://www.scribd.com/doc/35262384">SEE User's Profile PDF</a><br /><span style="font-size:85%;">(for interface design you pick multiple people, to make sure more people can actually navigate your site)<br />(as opposed to in marketing you pick one person you are trying to get to use your site.)</span><br />3. Writes Documentation<br />4. Research similar sites <span style="font-family:arial;font-size:85%;">(upside is that they already did the research, downside their target audience might be different, wrong, or out of date)</span><br />Ask usability questions, how does the target audience feel about and use the web?<br /><br /><span style="font-size:130%;"><span style="COLOR: rgb(51,153,153); FONT-WEIGHT: boldfont-family:trebuchet ms;" >Info Architect</span></span><br />Working with project leader to decide scope & structure.<br /><br /><span style="FONT-WEIGHT: bold;font-size:130%;" ><span style="COLOR: rgb(51,153,153);font-family:trebuchet ms;" >Designer</span></span><br />Deciding the look of the Skeleton and Surface<br /><br /><span style="font-size:130%;"><span style="COLOR: rgb(51,153,153); FONT-WEIGHT: boldfont-family:trebuchet ms;" >Coder</span></span><br />the How<br />Skeleton and Surface<br /><br /><span style="font-size:130%;"><span style="font-family:arial;">Final Stage: <span style="font-size:85%;">(for later)</span></span><br /><span style="font-family:arial;">Testing the Usability</span></span>whatawhalehttp://www.blogger.com/profile/11475173156291726019noreply@blogger.com0