UI / UX Design

Since 2007 I have been involved with user interface and user experience design in one form or another.  Sometimes it is with video game development, sometimes it’s with corporate software and mobile apps.  No matter what the relationship, it is always fun. Below is a blog where I post some of the happenings in my UX design experience. From short stories, to videos and images, you can see what I am about here:

Made Some UI Design Elements With Sketch 3

I've been eyeballing Sketch for a couple years now as a potential quality tool for UI design. I have been using Adobe Illustrator ever since the death of Fireworks. It has done the job but I have always felt it wasn't very optimized for UI design. I recently watched some tutorials and taught myself Sketch 3 by making this little mock music app.  Sketch really does seem to take the features I actually use in AI and then add a bunch of features I would like to see in AI (specifically for UX design). I have to say I will probably be using Sketch 3 as my core UI design software in the future.  At least until I move on to something with the potential to animate really well. 

Found An Old Design

Just found this old section of wire frames and an old comp for a CRM app I was contracting on awhile back. Figured I might as well post them here:

 

Nolo Art Test / Redesign

I was recently given a UI art test by Nolo, the HUGE online legal resource. They wanted me to redesign their home page which is currently pretty cluttered. They wanted it more stream-lined. I noticed their featured call to action was the "Will Maker" software and books. I made a point of keeping that a prominent element. Other than that I wasn't sure what content they wanted to prioritize, so I made a couple different versions of the design with different elements shown.  

In order to stream-line the site I started by dropping some of the less needed information and widgets. Some of these sections were actually shown twice on their old design. I then reduced the amount of fonts used. I believe my current design uses only two basic web friendly fonts at a couple weights. I also did a subtle redesign of their logo.  

Next I helped stream-line by simply attacking the vernacular they used. They had a lot of unnecessary redundancy. In their old nav it said things like "Find A Lawyer" followed by a tag line of "Nolo's Lawyer Directory.” I thought these tag lines were pointless. I also changed segment headers like “Nolo Books & Software” to just “Books / Software”.  You are on Nolo’s site, it can be assumed you are looking at their products.

Next I dropped a lot of the bevels, drop shadow effects, and section lines they had. Sometimes this stuff is great but the look I wanted was very minimal. Lastly, and probably most noticeably, I reduced clutter AND gave focus to the primary call to action by removing most of the unnecessary color in other sections.   

I chose to show my design as it would responsively react to a tablet. They really like what I did and offered me some potential work:)

Below are some before and after images:

BEFORE

BEFORE

AFTER

AFTER

AFTER

AFTER

AFTER

AFTER

Clicktime Redesign

This was a super quick little activity. I was recently asked to redesign the Clicktime web application just as an exercise. The first thing I did was re imagine their logo. I couldn't stand what they had as it looked straight out of 1998. I then tried to clean the interface up visually and simplify the look. Below is a before and after:

BEFORE

BEFORE

AFTER

AFTER

Facebook UI Suggestions

I was interviewed by a company a while back. They were interesting nice people and It was kind of a fun process. They gave me this test:

Select a piece of software you use on a daily basis (Gmail, Twitter, etc.) and find a part of the interface you think could use the most improvement. Take a screenshot of the current UI, explain what you dislike about it, and suggest improvements. Illustrate your improvements with a mockup, wireframe, or drawing.

I opted to work on the current Facebook experience. My ideas can be viewed by clicking the image below. You can also download a pdf version by pasting this link into your browser:

https://www.dropbox.com/s/4zhqdunsfgbw00q/Facebook_UI_Suggestions.pdf?dl=0 

UI / UX Design Part 01

This video demonstrates some of my UI and UX design skills.  In this first video I cover some of the basic concepts and theories I use.  I also show several of the projects I have worked on.

UI / UX Design Part 02

In this second video I go over some projects I have worked on but mostly discuss some trends I'm seeing in UI design and video game UX.  I also discuss techniques and skills that can supplement good UI design.