Monday, May 6, 2013

Pardon my Portfolio...

I never did get a chance to show off any of my personal work, so I guess now's a time to do it as I rest my brain a bit from all this mobile design talk.

Unfortunately I don't have SUPER recent stuff nor are they all in one place, but I'll show what I have.

First up, I have a web-based portfolio featuring illustrations, graphic design works, and a video. The site itself was created during my 2011 Spring semester at HPU through Natalie Lewis's Web Design class. We were able to upload our final versions of it our project onto her server. Unfortunately, it's been so long since I've touched it that I've forgotten the password in order to upload more recent things. The works featured are from 2008-2011. My resume as of Spring 2011 is also there.
Majority of the graphics were class assignments. Illustrations were more for fun and presents for friends. The video was a video project in which we had to create a music video. I chose "Mario Kart Love Song" by Sam Hart, who I'm friends with.

Next is a 30-second rather unfinished flash animation (CAUTION: IT'S ON AUTOPLAY) I did during Spring 2012 in Natalie Lewis's Web Design with Flash course. This was my first experience with Flash. The backgrounds were created with Photoshop. It's a fraction of a deleted song from the Disney film Aladdin called "Proud of Your Boy". In an earlier version of the movie, Aladdin had a mother character whom he longed to be a better person for instead of what he was now. That song was about his thoughts on it and basically him apologizing to her for being who he is.

And last is my index of projects for my HTML & Web Design class I took during Fall 2012 while I was still in Florida working at Walt Disney World. So, using my resources, I made my final project as a web-based map of the Magic Kingdom. Every photo featured in the Mouse Maps project was taken by me/was taken with my personal camera. The layout is very similar to my portfolio I made in 2011.

Have another Heuristic

Looks like we're reviewing prototypes once again via Heuristic Evaluation and Severity Ratings just like Week 7 and Week 5.

Since I'm still a Designer, I'll be reviewing another Programmer's Balsamiq and this week I've chosen Jeff's. (7:58)

Aesthetic and minimalist design (I meant that instead of  Flexibility and efficiency of use in the video)
  • Streamlining by eliminating extra functions that seem redundant such as keeping Requests under Friends, Trades under Marketplace, and Chat under Inbox. (Severity Rating: 1.5)
Match between system and the real world
  •  I like that it's similar to what a previous version of Facebook looks like, so it's familiar and makes navigation easier. (Severity Rating: 0)
Consistency and standards
  • Not really sure what the search bar is for in the profile unless it's ultimately for searching for specific shoes within the profile or the same search for the Marketplace? (Severity Rating: 2
User Control and Freedom
  • Inbox needs a New Message, assuming right now the only way to start a new message is exiting out of the Inbox then going into the Friends list/Marketplace to get contact information then send a message. (Severity Rating: 3)

Particular Patterns

The first part of this week's assignment was to blog about patterns found in's article on Composition for Mobile designs.



On the left is a screenshot of an ad that popped up after the initial "PANDORA" screen during the start up of the app. The screenshot on the right is an ad that popped up during use-time of the app.  In order for the company to provide free music for their listeners, it heavily relies on advertising to fund their services (along with the Pandora One service that eliminates ads by asking users to pay every so often to use their product).

Not every app has an obnoxiously large ad space. Some rely on smaller banners or sponsored posts that end up in feeds. A few feature special add-ons that are based on/designed by the sponsor(s). Pandora also relies on audio and/or video ads they sprinkle throughout the use-time of their app (and website service).

Interstitial Screen



These are screenshots of the loading screen, the simpler name for "Intertsitial Screen", that pops up for the app LINE PLAY. The app itself is pretty memory heavy, so it usually needs the loading screen when starting up. This prevents the user from clicking anywhere else on the screen to stop the loading process... Well, save for the Home, Back, Options, and Search keys on an Android phone like my Droid 4. LINE PLAY also uses it as an opportunity to share tips on how to play the game, as shown in the screenshot on the right, and further social interactions between players in the game.