Extra-Curation #17: UI/UX/Map Design Guidelines With History

in #design5 years ago (edited)

Having things organized is a very important thing. Instead of elaborating on logic, I'll just give you a simple example. Imagine a dictionary having its words ordered randomly. How would the life be? Then imagine a dictionary having words categorized based on topics. It's relatively better but still very annoying. This is why proper designing is very important. I'd start with maps which is very simple.

What London’s Underground Map Can Teach You About Design

The short version is this: In 1908 when eight different independent railways merged to create a single system they needed a map to keep people informed. People had been making maps for a long time. So they made a one too.

Later a 29 year old young man tried to do better by doing less and streamlining what existed. His name was Henry Charles Beck. He got rid of the geography. He got rid of correct angles. He basically got rid of everything except for the approximate locations of the railway stations and drew straight lines connecting them. Here is the final result:

Beck’s design set a standard for all other maps we see today in big cities all over the world — Paris, Tokyo, Moscow. All of them convert complex geography into clear geometry. They all use symbols that we all understand, such as circles to represent stations, colours to distinguish between them, lines to showcase a railway. I am sure Herry Beck did not know what a User Interface was. But that’s what he designed.

The Tried and True Laws of UX

Having too many ideas and rules stuck in your head is only going to hamper creativity. But knowing the basics and having good rules of thumbs and treating the generally accepted laws as guidelines can help you a lot. That is why I'm sharing this helpful infograph with you.

Difficult Designs Are Better (for Humanity)

I have already shared this article once. But I have to share it again as it is the best design related article I've come across and it pretty much explain my own philosophy when it comes to designing.

Would a teacher just tell a student the correct answer if the student did not get it on the first try? Would a coach give a point to a novice basketball player when the shot bounced off the basket’s rim? If they did, their students would never learn. Similarly, by making designs simple, designers encourage these negative user behaviors:

  • scanning instead of reading the text on a webpage
  • ignoring hidden menus and flat buttons
  • overlooking clever branding, cryptic icons, and fuzzy images
  • failing to learn important website elements, such as information architecture, complex gestural interactions, and jargon terminology
  • snubbing complicated forms and not registering on websites that are new to them

In short, easy designs encourage people to be mediocre users. What’s the solution? Designers should not be so universally motivated to make interfaces easy. Instead, they can make the designs more difficult and thus, provide stimulation for people to think harder, exercise their brain more, and become the next Galileo or Einstein

Motorist Trapped in Traffic Circle by Autonomous UX

This incident actually happened 1.5 years ago and the model of the car is not specified. Here is how it played out:

Newone, 53, was driving his newly purchased luxury car when he entered the traffic circle in the city center around 9 AM yesterday, Friday. The car was equipped with the latest safety features, including a new feature called Lane Keeping. “It just wouldn’t let me get out of the circle,” said Newone. “I was in the inner-most lane, and every time I tried to get out, the steering wheel refused to budge and a voice kept saying over and over, ‘warning, right lane is occupied.’ I was there until 11 at night, when it finally let me out,” Newone said from his hospital bed, his voice still shaky. “I managed to get out of the circle and to the side of the road, and then I don’t remember what happened.” Police say they found Newone collapsed in his car, incoherent. He was taken to the Memorial Hospital for observation and diagnosed with extreme shock and dehydration. He was released early this morning.

How about adding a button to turn off these features when they stop working as intended. Can't humans be trusted enough for that. One thing I know is that we have hackers ready and waiting for stuff like this:

There should be designs to escape from other designs when things go south. There should be a "Switch to Analog" feature available.


Sponsored ( Powered by dclick )
Introducing DCLICK: An Incentivized Ad platform by Proof of Click. - Steem based AdSense.

Hello, Steemians. Let us introduce you a new Steem B...

logo

This posting was written via
dclick the Ads platform based on Steem Blockchain.

Sort:  

Hello @vimukthi, thank you for sharing this creative work! We just stopped by to say that you've been upvoted by the @creativecrypto magazine. The Creative Crypto is all about art on the blockchain and learning from creatives like you. Looking forward to crossing paths again soon. Steem on!

Thanks! I appreciate it.

Congratulations! Your post has been selected as a daily Steemit truffle! It is listed on rank 21 of all contributions awarded today. You can find the TOP DAILY TRUFFLE PICKS HERE.

I upvoted your contribution because to my mind your post is at least 5 SBD worth and should receive 100 votes. It's now up to the lovely Steemit community to make this come true.

I am TrufflePig, an Artificial Intelligence Bot that helps minnows and content curators using Machine Learning. If you are curious how I select content, you can find an explanation here!

Have a nice day and sincerely yours,
trufflepig
TrufflePig

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Makishima Shougo from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Hi @vimukthi!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 4.129 which ranks you at #3125 across all Steem accounts.
Your rank has dropped 20 places in the last three days (old rank 3105).

In our last Algorithmic Curation Round, consisting of 370 contributions, your post is ranked at #215.

Evaluation of your UA score:
  • Some people are already following you, keep going!
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server

You got a 58.14% upvote from @minnowvotes courtesy of @vimukthi!

Coin Marketplace

STEEM 0.28
TRX 0.13
JST 0.032
BTC 61095.28
ETH 2922.98
USDT 1.00
SBD 3.65