How a little detail can be very frustrating.

Today when I was trying to access my online bank and I came across a very unpleasant situation and extremely unfriendly.Despite being a satisfied customer with the bank in this case, they let me very frustrated.

Here’s what happened: In the course of an account unblocking request, once you have entered the required data you have reached the final part to “accept” the access conditions. I clicked the checkbox and nothing happened … I could not tell if it was active or not. (another problem).I thought it was strange but I thought it was a browser problem … So I tried on IE, Chrome and Firefox and nothing has changed.

Screenshot_1I had to do call the helpline … I called and I was surprised with what they told me … Do you see the red link, more prominently … So I had to click first, and then “read” the conditions,  and then close the window and yes after that, the checkbox appeared Active.

Oh … I had to take 4 actions to continue the action. I complain the usability issue to the person who answered me. I also decided to share this “huge bug” of usability and leave here a solution, which maybe with luck, someone is kind enough to correct.

Errors:
– Many steps to follow up on an action;
– There is no indication, nor message to the user that should do a series of actions;
– The checkbox drawing does not indicate that is inative;

Solution:
– Create a tooltip or other type of message object to indicate what to do;

ux-bug– When entering this page should have the text of the conditions soon and of course the user had to “read” and go to the bottom of the page where you have the buttons to accept. (See Google example);
accept-adsense-terms-and-conditions-startupskenya
– Or Finally, but not the best, in the text thta already exists, indicate what should be done;
In the end I click in the “Ajuda”  button, that means “help” in Portuguese …
But without success, the message says:
“User Help”
There is no help for this page.
Close Help.
(Very funny)!!
Screenshot_3

Two usuful websites for webdesigner

Today we present some examples of 2 useful websites to use on the day in to design and desenvelop a website.

1.http://mattkersley.com/responsive/
exemplo
This site allows you to view quickly (without having to resize the screen) as a site behaves in terms responsive.
Presents in “Width” or in “device sizes”.
Resizes the following sizes: 240px, 320px, 480px and 768px.

2. http://notloremipsum.com


For those looking to escape the Lorem Ipsum, this site provides preformatted text and targeted to various sectors and business areas.
Save yourself time and energy when we are still doing the construction of a website.

My UX/UI Weekend

Last weekend I had the opportunity to attend a workshop UX / UI Design for Mobile app. In renowned digital school in Lisbon.

It was really great, get to know the methodologies and best practices to design a mobile app. Because drawing an app for mobile is very different to a  designing a website.
Over the next days, I will share with you some of that knowledge I have acquired and share to the exercise that I did.

app-surprise-me-katia-amaro

Some points to remember:
– The idea is critical and we need to know the concept and who will be the audience for the app;
– Do mockups on paper. Yes, despite to seem a little old school, it is important to organize the ideas and have a basis for designing to digital;fotografia
– Make digital mockups:
and test … test over and over till is perfect;

Well for now is all .. Wait for my next posts!