[iOS Human Interface Guidelines]

Thoughts:
• It was interesting to learn proper terms and steps(?) of iOS interface design.
• This reading made me realize lots of screens serves purpose of faking users experience – They make you think A is happening but what’s really going on is B.
• “Get information from iOS, when appropriate. People store lots of information on their devices. When it makes sense, don’t force people to give you information that you can easily find for yourself, such as their contacts or calendar information.” and This guide also encourage developers to stay away from giving users alert about “terms of agreement”, do it as invisible as possible. When Android gives you a box to check with a lists of access they will gain from my phone every time I want to download any app. I’m not sure how far should we go under the name of “better user experience”. I’d rather see my rights visible even if it means a few seconds delay.
• I was surprised to read a lot of valuable/ specific knowledge Apple shares with this guideline (e.g. User behavior/ immediate response, detailed design guide etc.)
• “At the smallest three text sizes, tracking values are relatively large; at the largest three text sizes, tracking
values are relatively tight” <- I didn't understand what it mean by "large"/"tight" tracking.

Questions:
Screen Shot 2014-02-08 at 10.51.43 AM
Confused about how the structure works. and what is UIView?

Team Tophie: Noodle Match

2014-02-05 22.00.16

  • Team member: Tony and Sophie.
  • App: noodle+game+single people
  • Our app is called “Noodle Match”, it is a noodle game for single people and the goal is to match two of them by playing this game. We find that the core elements of a successful dating is to have a nice conversation and a tacit understanding, so we decided to add more interactions to this game. Two people(must be single) are team up automatically and begin to play this game. A bowl of noodle will appears on the top of the screen and there would be 10 seconds for they to remember that kind of noodle. After 10 seconds, an empty bowl appears, and their goal is to choose the ingredients in front of them by telling each other which ingredients should be added(using micro phone to talk). There would also be time limit, so the players need to be quick; a process bar also appears on the right of the screen, so they would know how close the noodle will be like the one before. When time is over, their names and score will be on a ranking list. The top three winners will receive a big reward: having a sweet candlelight dinner with their partner( of course, the main dish will be noodles.) Each player has a profile, so everyone can see their personal informations, we really hope our Noodle Match can finish someone’s single life. ^____^

Team Newdle Update

Hi, we are team Newdle.

Here are the members of our team:

Aero Wang, Chloe Koo, Joori Lee, Seung Ki Ryu

We started our project with the keyword “Noodle” in the category “Entertainment,” targeting single young adult users.

Having four unique ideas initially, we realized that an application that encourage users to explore and share will be most entertaining and suitable for young adults. Therefore, we decided to create this mobile app that allows users to virtually create noodles and share with their friends on Facebook.

To begin with our concept, we created early wireframes shown below:

Photo Jan 30, 8 54 38 PMPhoto Jan 30, 8 54 32 PM

 

Using the wireframe as a guideline, we moved forward and created some illustration and visual style of the app. See blow:

Capture_1

 

And then we decided our logo:

newdleman

 

After having most visual elements ready, we revisited the architecture of our app and recreated a new set of wireframes:

IMG_5848

 

And finally we went ahead and created a visual mockup:

Capture_2

After all of our visual elements and interactions are ready, we moved forward into the develpment, and finally this is the demo of our app, enjoy:


Or you can watch on Youtube: http://youtu.be/JroxOuuRlbI

We also came up with new and improved UI design. We will implement in our next version!
MOBILE-NEWDLE-FINAL

[design iterations] [iphone] meh -> procrastinate! -> infinite

The main focus of the app design was the navigation system.

A few iPhone rough prototypes were developed and 2 of them were rendered for testing purposes outside the group.

Screen Shot 2013-05-29 at 3.34.25 AMmeh2

 

The list view render was designed to make a joke on clear.app. sadly for that joke, the selected interfaces is way better aesthetically and in functionality.

interface2-05

The iPad design took a dent of the defunct “thumbnail” view, thanks to the extra space.

Screen Shot 2013-05-29 at 3.40.00 AM

This is the gallery of sketches that never came to fruition// specially interesting is the skeuomorphism based one .

 

[User testing] Fridge.app

Testing the “uberfilter” presented complex challenges of prototyping using pre-made prototyping tools, which eventually force me to “remote” prototype using Skala preview and send the right  images that corresponds to the user actions. // that is the same reason why i have so many images of the app.

The test was applied to 5 testers based on the following premise: “You want to cook something with cheese”, the following conclusions were made after observing the interactions.

  1. The “uberfilter” needs to be bigger and more prominent in the interface // maybe a more engaging color 
  2. While the “uberfilter” apparently works very well as a filter device, is not as strong as a navigation between the 2 main sections of the app. // going back to tabs
  3. Is necessary to add thumbnails of the recipes on the list view 
  4. The search function is poorly implemented as part of the “uberfilter”, it should be permanent and context aware.
  5. A more clear form of labeling sections needs to be developed.

579307_10201270650631274_44708910_n944349_10201270650391268_402277155_nIMG_1021

 

00/01 Monday Play: iStudiez

iStudiez by iStudiez Team
App Store: 
https://itunes.apple.com/us/app/istudiez-pro/id310636441?mt=8
Category: Productivity
Compatibility: iPhone, iPod touch, and iPad. Requires iOS 5.0 or later. This app is optimized for iPhone 5.

I’ve made it through this semester with the help of this app, iStudiez. It is a to-do list app specially designed for students of any academic levels. What I needed were an easy-to-navigate class schedule and a project notification, and this app has provided them all for me. Being a forgetful person I am, I can check instantly which classes I have today, where the classes are taught, what the projects are about and when the projects are due. Overall, it is a totally perfect app for every busy student!

mzl.nwebnvja.320x480-75 mzl.tqjdxqdc.320x480-75 mzl.voocdcgy.320x480-75

CamMe

Screen Shot 2013-05-20 at 7.48.26 PM

Screen Shot 2013-05-20 at 7.48.43 PM

Screen Shot 2013-05-20 at 7.48.53 PM

 

Re-inventing the selfie, introducing CamMe. Gone are the days of the awkward angles, bathroom mirror shots and your arm holding the camera taking up half the frame. The premise is simple – hands free camera – to be able to take photos without touching your phone at all. The app’s gestural control systems works in much the same way as Microsoft’s Kinect for Xbox 360. It’s refreshingly clean and simply – no social sharing aspect, no library of effects or filters. Choose your camera (front or rear), hold you hand up for recognition, then close it again to take the shot (Mostly reliable except sometimes in low light conditions – but what camera doesn’t struggle in low light conditions anyway?). The images get stored to your camera roll and can be emailed from within that app. Future versions are to add video capabilities, which will expand its possibilities a great deal. Personally, for someone who is constantly taking snapshots on my phone, it excites me have a new relationship with the camera, and no, not just for selfies.

 

#MondayPlay AR Invaders

mzl.pwogablf.320x480-75 mzl.yfroqspd.320x480-75 AR-Indvaders_screenshot5

 

AR Invaders

http://invaders.soulbit7.com

 

I have recently been going through a phase of being obsessed with Augmented Reality apps and the possibilities of what we can design with them. So far one of my favorite examples is this game “AR Invaders.” AR Invaders allows you to turn any room or space into the playing field for your game. When the game starts you are given controls to shoot and then you start to aim and shoot at UFOs that appear to be flying around in the environment around you. The great thing about this game is it encourages you to stand up and get actively involved with the game you’re playing. I have not played it yet but there is also a multiplayer mode which I can only assume lets you be more involved. I am leaning towards working with augmented reality next year in my thesis and this  app is a great inspiration for that.