Good UI Design: iPhone 5s Finger Recognition

wireless_heroAlright, how’s it goin folks?  Today I wanna talk to you about the iPhone 5s’s fingerprint recognition!  This’ll be a short one, but I think you’ll like it!

Now now, before you go ham about how this is privacy violation I want you to hear me out!  Take for example you are at Buffalo wild wings with some blazin’ wings in one hand and a drink in the other.  Your $500 smartphone flashes with a text message, and you look down to see your mom’s number flash on the screen.

Now, normally people know the normal ending to this:  clean your hands and text back.  Now what does that require:  You have to either get up and go wash your hands, use 6 sanitary wipes to attempt to clean your hands, or use a paper towel and text back.

You’re lazy, so you choose option 3…and now you are attempting to unlock your phone with one hand.

Or, let’s say you are crossing a street attempting to unlock your phone.  See what I’m getting at?

Now this is where the finder recognition comes in.  One finger and the phone’s unlocked!  No hassle in unlocking the phone at awkward or dangerous times!

This feature is using the heuristic flexibility and efficiency of use and Minimalist design.  This feature is an effective shortcut that significantly cuts down the time for an individual to unlock his or her phone.  On top of this it’s extremely simple!


Comment to James

Response to James’s “Good Design, Reddit”:

Hmm…interesting post. I’d like to disagree with Reddit’s way of organizing things. I think it’s violating Minimalistic Design because of the amount of text that’s just on the main page. Everything is extremely close together and runs as one. Very confusing for the eyes.

I’m also seeing a violation of Proximity because of the closeness of the posts. For me, they seem to run together, and not stand out from each other.

There’s also a Recognition rather than recall violation with the red at the top (error?). What do you think of this in comparison to 9gag?

Reminiscence of a Mad Hatter

Alright ladies and gentlemen, it’s time for another real talk moment.  I’m sure many of you had reached a point in your life where everything’s about to change, and you come to think about the memories you’ve made.

4 and four months ago there was a nervous eighteen year-old teen standing in an unknown ground called college.  This teen had one thought:  I’m at college!  Video games took much of his time, and in his major he thought he wanted to do video game modeling.  He eventually met people who became friends in his cramped dorm.  The room he had to live in was ridiculously small!  Whenever he would go to the dining court he would pile food mountain-high on his tray (seriously!) and destroy it.

Time crept on by, and that teen began to change.  He began to really focus on what he wanted to be, started dabbling in different areas of his major.  He began taking more risks, becoming more driven to accomplish something more.  Eventually he found something he began to enjoy:  UX.  He saw something fun, something challenging with it.  Above all, he saw a way to enhance something for the benefit of people.

Fast forward again, and this now 23 year old is sitting back remembering all the things he’s learned, all the friends he’s met, all the changes he’s seen in himself.  This 23 year old remembered how he came from a nervous teen to the Mad Hatter.

And now, the Mad Hatter’s curious:  How far will he go now?

——User First, Designer Second——

User-Centered Design for Car Shopping

volkswagenGood evening ladies and gentlemen!  Today I wanna talk to you all about actually using the UCD process outside just design.  I wanna display to you that the UCD process can be used in your everyday life!

Alright, so the example I wanna use is Buying a Car.

Step 1:  Identify the issue

I need a new car because I am sinking too much cash and time into my current one.

Step 1.2: Stakeholders and Audience

The owner of the car will be me, but I will also be planning on taking a loan from the bank.  The bank’s interest would be something I can afford.

Step 2: User Research

What do other people in my predicament do?  I’ll ask around and see what I can come up with.

Step 3: Requirements

So, there is currently a need for a new vehicle that has good ratings with reliability and that is affordable.  I want something this is sporty, yet classy.  No SUVs, but a car.  Something that’s below 20k.

Step 4: Options, options (mmm conceptualizing)

So anything highly expensive (Mercedes, Audi, Cadillac, Lexus) is automatically ruled out.  All SUVs are a no.  There are good affordable cars in Ford or Chevy, but not the sporty style I’m looking for.  Volkswagen has the CC, but it is quite high priced.  Is there a good used one?  How bout Mazda?  The 3’s and 6’s look pretty nice and have good ratings.  Let’s go with the Mazda.

Step 5:  Let’s refine the specs (Look at it up close)

Looks good, nice engine, good purr, good interior, good lights good tires.

Step 6: Let’s test it!

Alright the ride’s pretty nice!  Good handling, good use of lights, good damage protection.  And it’s pretty practical.

Step 7: How’d it do?

Love it!  Good!  Let’s go with it!

Step 8: It’s Mine!

And there you have it!  A brief demonstration of the UCD process having a hand in your life!  I hope you all enjoyed it!

——User First, Designer Second——

Let’s Talk UI Design: The Final Heuristic, Help and Documentation

Ladies and Gentlemen thank you for reaching this final stage of the Heuristic Series.  Up until this point I hope all the information I’ve shared with you will aid all of your future endeavors.  Today we’ll be discussing Jakob Nielsen’s 10th heuristic, Help and Documentation.  For this post I’ll just be using a generic created example.

Alright, quick recap:

Help and documentation

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user’s task, list concrete steps to be carried out, and not be too large.”


Alright if it’s needed, provide some help.  DO IT ONLY IF IT’S NEEDED THOUGH.  Make it to where it’s easy to find, and of course relatable.  Putting a “?” Bubble next to a search box is an example.

Alright, so let’s for example say you will place a search box in a location where (after rigorous User Research and Data analyzing) you know that this is the optimal place to put it for users to know what it’s for.  Knowing this, you also know that some error can still occur.  So you include next to the search box a help button (Recognition rather than recall in use above!) that, when rolled over or hit, will pop up a little tidbit on what the box is for.

So what’s the importance of this?

We as designers cannot stop every single issue that pops up.  Sometimes when we do something for our main target audience we register that this can still cause some issues with another target audience.  Even if we compromise, sometimes there will still be errors.  So when it’s necessary yes, do add a little help and documentation. It might just go a long way. Ah…and emphasis on little.


——User First, Designer Second——