When simplicity did not follow technology.


The Vintage fan

Good aspects 

  •    Easy to use;
  •    Intuitive;

Bad aspect

  • The indicators are clear, but are a little misplaced.The 2hours Timer label and Orientation label, should be in the top of the user interactions elements)

The modern fan

Good aspects:

  • Modern and atrative design;
  • New features

Bad aspects:

  • Mapping very confusions;
  • Icons meaning aren’t all clear;
  • The on/off buttons aren’t Highlighted with visual relevance;
  •  The labels of the hours, we do not know are related to which buttons;

Obviously we have to evolve more and we must be careful to keep things simple and especially to ensure that users do not have to memorize the instructions to use the equipment. Usable intuitively and with obvious affordances.

Advertisements

UX-What did I learn today?

 

What did I learn today? Today I analyze some mockups to a new platform. This time i didn’t do the design, just had the opportunity to review the desktop version and mobile version.
It was fun to see the other side of the design process, in which essentially try to find defects and flaws in the proposals of others.
Always as a constructively critical perspective, I realized quickly from failures in the design of the composition is that there were concerns in the area to take into consideration to put the buttons.
 

A very simple analysis, I came across these errors:

Buttons Quantity

– Do not over do the amount of buttons, in this case we had six buttons, an area that was too small.
Resolution: Eliminate some buttons, reducing to the maximum. Create a button on one of them includes more features. As the share button.

 

images
IOS Share button
index
Android Share Button

 

 

 

 

 

After clicking in the android share button, we can try open a screen like that:

Zeuix

After clicking in the IOS share button, we can try open a screen like that:

iOS-8-vs-iOS-9-comparison-sharing-website
IOS Screens

 

Distance Between Button.

– Pay attention to the size and distance between each button. We can not forget that we have to leave enough space for the finger to click, without making the mistake of clicking another. Learn more here: http://www.smashingmagazine.com/2012/02/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/

Distance Between points and items lists

– Leave space between multiple points and lists, once again, to not click on the wrong button.

Stop Scrollers

– Placement of elements “stop scrollers” that give the feeling to the user that is no more information on the page.
Solution: Add some indication that there is more information (eg: titles)

Footer

–  When designing for mobile, we need to sometimes give priority to some information that will appear only in the mobile version.
Can be the 
the case of the footer: When the footer have a lots of information, such as multiple menus, icons and text blocks, you need to reduce the material in Mobile. We have to define that are most relevant to the mobile version.
See example below. In this case the mobile proposal reduces the information, used only one menu block and the link to the social network.
In short,  choose content that the user can use on his device.

 

mindreel-footer1

Source: http://blogs.iriss.org.uk/viewsource/2012/11/15/designing-for-the-post-pc-age/