UX - Visual
Prototype - This is a quick prototype of my front page on an ipad. I use photoshop and illustrator for quick prototypes and balsamiq for wireframing.
What is UX?
User Experience or UX According to the Norman/Nielsen group is:
"User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products."
There is a need to improve on existing models otherwise there is no progress, innovation and the competition will gain the upper hand, example:
"Nokia used to be one of the best phone brands until Apple and Samsung developed their smart phones and now they need to find a magic bullet, this is no different with any product."
Companies are now realizing how important is to make their products, services and overall customer experience more enjoyable, but more importantly the purpose of UX is to solve design problems; in some cases like in the medical industry, emergency services or the military, lives depend on it.
10 Usability - Design Heuristics
I found this absolutely amazing table, I cannot claim credit for the design, I am including it so you can gain a much better appreciation of some of the principles we use to design products, experiences and make a positive contribution to society by provising a superior product.
I must admit, I have a copy of these principles at my desk for me to be reminded every time I design anything, not mater if it is UX related, graphic, web, etc.
I got his chart while doing one of my assignments for my Interaction Design course at UC San Diego, to me, this is a must for any designer.
Now for a case study.
The Contanzas - Struggling to cook dinner
Meet our fictitious family: The Constanzas. They are having a hard time at dinner time due to Joe not having time after a long and busy day at his job as an Architect and Mel (mum) is often away for work.
With Gracy and Max to feed, Joe has not had much luck in the kitchen and their eating habits are not ideal, McDonalds, KFC, Red Rooster and Hungry Jacks are making them all gain weight.
This is The Constanza family frantically trying to put dinner together after a long and busy day. Joe is an Architect, Mel is a 'train the trainer' and seminar host travelling around Australia, you can imagine how difficult it is for Joe when Mel is away. Disregard the title of the picture, I wanted to show all of them together as if Mel is looking down on them while she is away with a loving and nurturing undertone.
This is a persona of Mel Constanza, the loving mother who has to travel on a regular basis due to work requirements. She feels torn because she wants to stay home and look after Joe, Gracy and Max and this persona helps us understand who our users are, their likes, dislikes, pain and joy points, etc. in order for us to develop an effective product, this description is over simplified, we could write a whole essay on UX.
Personas - Is a vital part of the User Experience design journey, but understanding out users, we can develop a strategy to help them with our products.
There are many different ways to develop personas, a simple sketchpad and pencil but sometimes I believe we can use tools like photoshop and illustrator.
The Journey Map - The frustration scale
Proposed solution - Healthy.food app
I have a graphic, web design background coupled with vocational teaching and these skills are invaluable when it comes to designing new GUI, UI or improving on existing models and this one is an app for 'Healthy.food' which delivers meals for the whole family, more about it below.
This is a mock-up for an app delivering home cooked meals for the 'whole family' including kids. The biggest selling point is to include toys and games in the meals at the end of the week so the kids have something to look forward to.
UX Prototyping: Dating app - Classy Date
Here is another prototype or mock-up for a dating site from a very unique perspective, using images to highlight preferrences as opposed to labels, buttons, captions, etc.
Introducing 'Classy Date' a dating app for Elite Professionals. I am not sure if it looks 'snobbish' but that is the target audience for this app. The terms and conditions can be placed as a link if the members want to read further and skip having to accept them straight away in order to join, thoughts?
Below we have the social media options with their appropriate colors for the user to easily identify which one they would prefer to sign up for this free service, keep in mind there are various levels of service.
As you can appreciate we have used the same colours as facebook, google+, linkedin and twitter to continue that theme and make it easier for the user to identify which one they are using to sign up.
This is a single image of a 'iPad' size Sign up screen and it has the same social media sign-up options as the mobile app version of it.
This is the 'iPad' size sign up GUI for 'Classy Date.' This is just an idea I had and I thought it had merit due to its sophisticated and classic look.
Please feel free to message me if you have any more questions about my UX design processes, I will be more than happy to go over with you in more detail.