UI/UX design stands for User Interface and User Experience design. A user interface is what people see when they access a web page or an application (what it looks like) and the User experience is the net sum of every interaction a person has with a company.
UI/UX design has drastically changed over the last 3 years. People have less time and have become overloaded with internet information. It is quite interesting how user behaviors have evolved during this time. This survey shows how the user stays an average of 10-20 seconds on a web page, not much time to explain how a web page works by the way. However, if you know how to utilize these 10 seconds well, he/she will stay and will be a potential customer.
User experience strategy and design ensures that these messages are put forth with intention and purpose. But what does it take to make a good UI/UX design? Resources and results may vary but there are 3 things that are always effective: Minimalism (in color and layout), neatness and one clear message (like business cards). People won’t read the text in your web, they would get tired with too many messages (such as products, explanations, too much information on the about section – which, by the way is a key point) and most important of all they won’t waste their time understanding how your web page works.
The following is a list of the very best designs online, both in UI and UX. Click on the links and experience their sites, you’ll be amazed by how little text you’ll read and how well you’ll understand what they do.
1. Cyclemon (must check!)
__________________________________________________________________________________
2. Apostrophe Copywriters
____________________________________________________________________________
3. Corpus
_____________________________________________________________________________
4. Derek Boateng
_____________________________________________________________________________
5. Linda Dong
________________________________________________________________________________
6. In Motion | Mobile Massage, London
_____________________________________________________________________________
7. Salt Surf
_____________________________________________________________________________
8. think moto | Brand new thinking
____________________________________________________________________________
9. More Air
_____________________________________________________________________________
10. Eone (must check!)
____________________________________________________________________________
11. KOA Water
____________________________________________________________________________
12. Find & Form
______________________________________________________________________________
13. C-ROOTS
____________________________________________________________________________
14. Another Pony
____________________________________________________________________________
15.Wavefront Music Festival 2013 (must check!)
____________________________________________________________________________
16. Cedric Vella
____________________________________________________________________________
17. Big Bend Brewing
_____________________________________________________________________________
18. Shadow (must check!)
_________________________________________________________________________________
19. My Own Bike
____________________________________________________________________________
20. Zofia Chylak
______________________________________________________________________________
______________________________________________________________________________________
Note: For more amazing Web Designs click here.
______________________________________________________________________________________
I agree that UI/UX design is important. I suppose one has to know the target audience and design accordingly. Some of the examples you gave lost my attention when the text started to appear.
LikeLike
Text can be very very tricky. But in general people won’t read the text, any text besides the home page. You must be the exception, but you are used to reading all the time so I guess you will be considered as atypical audience 🙂
LikeLike
Maybe I am ‘old school” and take a lot longer to absorb information. In 10 secs all I would see would be the colour of a page 😀 , so I need to spend longer on a page to get even the smallest idea of what it is about. So designers should remember ‘slowness” when they are designing for an older age group!
LikeLike
The value generated by UI and UX is much less compared to the value generated by the dataflows. Even a second is long enough to track the datastream and use targeted marketing to bind potential customers (Marketing via cookies). That is why al lot of company sites suck. I’d say fanciness of the user interface is important, but functionality is more important. In times of crisis you notice this the most.
LikeLike
Very interesting thought, you are right. However, when talking about UI/UX being very important it is taking for granted that the functional part works perfectly. It is like talking about the façade of a building when we know the structure is right and won’t ever collapse. But it is true sometimes it is invested more money in appearance than in functionality, and that is wrong.
LikeLike
That is why UX/UI has been combined into one practice, it isn’t just about the look of a site. UX/UI (or as I simplify my title to UXI) encompasses design and functionality to create the best user experience. A site can look amazing, but have a horrible flow, this negatively affects the users experience. That is why both the interface and the experience need to be taken into account when creating a website. It’s not just what the person sees, but the emotional response they get when using the site that keeps them on the site. If a person things the site looks good, but can’t get around or find the information they want, they will leave. A dataflow can’t record if a user things the site is pretty, but it can chart if their experience is pleasant by how long they stay on the site and where they go on the site.
LikeLike
+1
I agree!
LikeLike
I really appreciate the time you took to find these websites… I clicked on every one of them to see how they presented themselves. I have to admit, most of them are too “cutesy” for me… I could not figure out right away what the purpose of the website was. I like to see right on the homepage: “We sell fish”… then all the kinds of fish they sell are listed!!! I don’t think of websites as art, even the ones that are about art… I go to the internet for information.
However, I thought Apostrophe Copywriters was very clever. First of all everything you need to know is in the name. Then next up, the fill-in-the-blank question… “its” or “it’s” as one example… that’s just brilliant… I really had to think about “renowned” as I always get that wrong…
I also liked C-Roots… everything I need to know is right there on the homepage and an obvious path through the website.
But an interesting post… thank you!
LikeLike
Wow! You did your homework. I think your feedback is invaluable and I hope some of these people get to read what you just wrote about their interface. It’s really interesting how your vision of webs is just for information. I find really annoying not finding information for example on museum’s sites. So I have to agree with you on that.
I am currently working on a web design so thanks again for all this useful feedback. Will definitely change the home page after reading your thoughts 😉
LikeLike
I wanted to make these kind of websites as u posted above but is clueless from where to start and where to go for training.
Please guide me where I can get the best training for making these such sites by my own.
I am a IT person and knows basics such as HTML,CSS and jquery .
I would be thankful to u all.
LikeLike
Hello Kumar,
Thanks for stopping by. I am happy that you liked those websites. If you already have some coding skills I would start learning about UI/UX and Human Computer Interaction. There are some free courses here http://coursera.org/ that may be useful to you such as the HCI of Standford University.
Hope it helps 🙂
LikeLike
great post! i think bikes and “put a bird on it” (portlandia) are the design trends of late 2012-2013
LikeLike
Haha true, I would add watches to that category! I have to admit that I got impressed by some of the Bike Webs I saw! My favourite is the “Eone” one. Which one is yours?
LikeLike
i like the graphics of the first parallax one in fact – i shall check out Eone as well
LikeLike
Pingback: UX / UI Resource Materials | poamrongr
Pingback: 20 Amazing UI/UX Web Designs (II) | Virginia Duran
Thanks for following my blog – I came back for a look and found this post, which in turn led me on to Cyclemon, Very cool stuff indeed.
LikeLike
Got to love that web site right? Some of these designs were really inspiring to me, hopefully to you too 🙂
LikeLike
Pingback: Design: 9 Successful Colour Combinations for Web and Graphic Design | Virginia Duran
Pingback: Design: Amazing Beer Bottle Designs | Virginia Duran
Pingback: 30 Creative Resumes That Will Help You Build Yours | Virginia Duran
Pingback: 15 Beautiful and Minimalist Websites | Virginia Duran
UI/UX is one of the most important aspects of any website. There are many companies whom today is opting for dedicated UI/UX tools for the development of their business. For that, there are many tools available for this purpose.
LikeLike