×

우리는 LingQ를 개선하기 위해서 쿠키를 사용합니다. 사이트를 방문함으로써 당신은 동의합니다 쿠키 정책.


image

LingQ Academy - Tech Startup Course, 15 web sites with excellent UX

15 web sites with excellent UX

User experience is greatly important in the development of a website these days. A great user experience makes sure someone visit your site and enjoy every portion of it. User experience also makes sure you can maneuver around a site and find everything you're looking for. Think about how you like the experience you partake in at a Starbucks or a Barnes and Noble bookstore. These places were made with the customer experience in mind.

UX (user experience) for web design is a combination of such skills as user interface design and interaction design. It's about making things that make sense. Some of our favorite developments in UX include the ability for more information to appear as you scroll down a page, rather than having to click the next or “load more” buttons. Another is the ability to hit left and right navigation keys on your keyboard rather than having to click through pagination. This is effective because it makes web browsing easier and more intuitive.

Today we've found 15 great sites that really understand and take the time out to create a wonderful user experience. They've used great design, development, navigation and much more to create sites with almost perfect UX. Let's jump right in. ANDREW JACKSON

(Check URL for image)

Andrew is a freelance designer based out of London. His portfolio site is absolutely wonderful. Its navigation is almost based solely off the navigational keys on the keyboard and is set up so that every time you move in a direction, there's something there. You can move from project to project or within different parts of a specific project. In addition, the site isn't cluttered and you know exactly where you should be. BAKKEN & BAECK (Check URL for image)

Bakken & Baeck is a small agency based in Norway that claims to turn good ideas into great products. They help back up this claim by showing you some of their work. Again, you can scroll through the pages and portfolio work by using the navigational keys on the keyboard. They also focus you in on what you're to see, which helps you maneuver and know where you're going on this website. DAVID BASTIAN

(Check URL for image)

David is a designer from Chile. Right off that bat, we have to notice David's use of a grid and a flat color user interface for his portfolio design. It's so clean and easy to navigate it almost feels like something's missing. There seems to be no page to page navigation, however, David was extremely smart by creating out a fly out menu to the left of the site. It's unobtrusive and easy to distinguish and even easier to use. DEFRINGE

(Check URL for image)

Defringe is a site that puts together a bunch of different creative things. There seems to be a pretty free sense of what's being covered as they offer posts on things such as architecture, photography, design and more. Defringe is a responsive web design that has the capability of being viewed with a left menu. I like this left menu because it uses motifs from music playing software to allow you to get around the site. this makes sense because, again, there's no main focus other than to be inspired by various works. DESIGN EMBRACED

(Check URL for image)

Design Embraced is the home of Art and Creative Director Anthony Goodwin. For his navigational method, he uses the left and right navigational buttons as well as the scrolling wheel available on most computer mice. This web design is a bit more exciting thanks to the use of color and large headlines. The work is still easily seen in an extremely clean environment that focuses on the work.

ESKIMO

(Check URL for image)

Eskimo Creative is an award winning agency based in Manchester. As a creative agency, they have to be just that in every experience they offer. Online, they do a great job of creatively presenting their work without going overboard. Viewers know exactly how to get around the site. Of importance is the transition between pages and how it's smooth rather than a hiccup in the loading process. That makes a huge difference when you are trying to appeal to someone's creative side. FS EMERIC

(Check URL for image)

This is a website dedicated to the launching of a brand new font from Fontsmith. The font is said to be based off the future needs of different disciplines in design. Because of this, you have a creative typeface with some standard basics in fonts. This website is extremely creative and somewhat futuristic in it's approach. The navigation is easy, it's interesting and offers many wonderful insights into the creation of this font. GROW INTERACTIVE

(Check URL for image)

Grow is an award winning digital agency rooted in Norfolk that has a passion for big ideas and little details. The user experience over at Grow is amazing because everything feels so connected. There's a consistent feel from the colors and photography used, to the transitions and development used for this website plus the navigation is easy and always there. This is a perfect example of a well thought out website.

HARRY'S (Check URL for image)

The people over at Harry's make high quality razors at affordable prices. They have a wonderfully clean website that focuses on the quality and ease with which one can use a razor. What caught my eye was the products drop down menu. Instead of providing me a menu with just words on it, Harry's allows us to see the products and pricing right there. We don't have to go to an e-commerce page to get to where we want to go, it's available right there. HERRLICH MEDIA

(Check URL for image)

I've heard many people echo the sentiment that art and design easily transcend the boundaries created by different languages. Herrlich Media's website is a wonderful example of this. As you may try to translate the page into broken English, you can still tell very easily what the purpose of the site is, where you need to go and you get a good idea of what happens at this small agency. The user experience is fun and fulfilling as well.

MOORGATE EXCHANGE

(Check URL for image)

It's no secret that I believe video is the future of web design, and this is a great example of why. The video on this home page creates an atmosphere and experience for any one person who comes to visit this site. Also, when you get to the site, there's no confusion about what the Moorgate Exchange is; we're immediately are told what it is and where it's located. Continuing with the site is as simple as pushing the up and down keys and all the information is easy to see.

THE ONE CLUB

(Check URL for image)

The One Club is a website and organization that caters to young professionals in the advertising and creative arenas. They employ some really unorthodox versions of navigation, mainly with the implementation of horizontal scrolling from page to page. This helps create an experience that says the One Club is all about innovation and what's next, rather than what's hot for now. ONY AGENCY

(Check URL for image)

Ony is a Russian agency that combines high expertise in branding with digital experience. It's hard not to believe this when they have such a wonderful experience for their own website. The transitions are smooth, the navigation is easy and understandable and the design work is clean and simple. Everything makes sense and is detailed and well planned.

VENABLES BELL & PARTNERS (Check URL for image)

To simply put it, this website is lots of fun to interact with. There are lots of fun hover effects, scrolling effects and visual graphics that really make this site a pleasure to look at and share. Venables Bell & Partners has created a site with a wonderful user experience that makes users want to share it and get others involved. CONCLUSION

UX is as simple as making an online, digital world as human friendly as possible. Think about your favorite websites and even apps and think about what makes them easy to use and what could make them easier. Try to apply these things to your next project. The design and the development will come along easily when you really plan on creating a beautiful experience first and foremost.

15 web sites with excellent UX |websites||| 15 webových stránek s vynikajícím UX 15 Websites mit ausgezeichneter UX 15 sitios web con excelente UX 15 siti web con una UX eccellente 優れたUXを持つ15のウェブサイト 15 stron internetowych z doskonałym UX 15 sítios Web com excelente UX 15 веб-сайтов с превосходным UX Mükemmel UX'e sahip 15 web sitesi 15 веб-сайтів з відмінним UX 15 个具有出色用户体验的网站 15 個具有出色使用者體驗的網站

User experience is greatly important in the development of a website these days. |||very|||||||||nowadays Uživatelská zkušenost je v dnešní době při vývoji webových stránek velmi důležitá. A great user experience makes sure someone visit your site and enjoy every portion of it. |||||||visits||||savor|||| Skvělá uživatelská zkušenost zajišťuje, že někdo navštíví váš web a bude si užívat každou jeho část. User experience also makes sure you can maneuver around a site and find everything you're looking for. |||||||navigate||||||||| Think about how you like the experience you partake in at a Starbucks or a Barnes and Noble bookstore. ||||||||participate in|||||||bookstore||Elegant|bookshop These places were made with the customer experience in mind.

UX (user experience) for web design is a combination of such skills as user interface design and interaction design. ||||||||set of skills|||skills||||||| It's about making things that make sense. Some of our favorite developments in UX include the ability for more information to appear as you scroll down a page, rather than having to click the next or “load more” buttons. ||||features||||||||||show|||scrolling interaction||||||||press button||||retrieve more||controls Another is the ability to hit left and right navigation keys on your keyboard rather than having to click through pagination. |||||||||navigation keys|navigation buttons|||keyboard|||||||page navigation controls This is effective because it makes web browsing easier and more intuitive. |||||||web surfing||||understandable

Today we've found 15 great sites that really understand and take the time out to create a wonderful user experience. |||||||||spend|||||||amazing|| They've used great design, development, navigation and much more to create sites with almost perfect UX. |utilized|||development||||||||||| Let's jump right in. |leap|| ANDREW JACKSON Andrew|Jackson

(Check URL for image) |URL||

Andrew is a freelance designer based out of London. |||self-employed|||||London His portfolio site is absolutely wonderful. his|collection of work|||| Its navigation is almost based solely off the navigational keys on the keyboard and is set up so that every time you move in a direction, there's something there. |||||only|||navigation|||||||||||||||||||| You can move from project to project or within different parts of a specific project. ||||||||||sections|||| In addition, the site isn't cluttered and you know exactly where you should be. |||||well-organized|||||||| Además, el sitio no está abarrotado y usted sabe exactamente dónde debe estar. BAKKEN & BAECK BAKKEN|BAECK (Check URL for image)

Bakken & Baeck is a small agency based in Norway that claims to turn good ideas into great products. |||||agency|||Norwegian agency||asserts||||||| They help back up this claim by showing you some of their work. Again, you can scroll through the pages and portfolio work by using the navigational keys on the keyboard. ||||||pages||portfolio||||||||| They also focus you in on what you're to see, which helps you maneuver and know where you're going on this website. They|||||||you are|||||||||||||| DAVID BASTIAN |Bastian

(Check URL for image)

David is a designer from Chile. |||||Chile Right off that bat, we have to notice David's use of a grid and a flat color user interface for his portfolio design. |||bat|||||possessive form of David||||grid|||flat|color|||||| It's so clean and easy to navigate it almost feels like something's missing. ||tidy||||navigate|||||something is| There seems to be no page to page navigation, however, David was extremely smart by creating out a fly out menu to the left of the site. |||||||||||||||developing|||pop-out|out|navigation options|||||| It's unobtrusive and easy to distinguish and even easier to use. |Not noticeable||||tell apart||||| DEFRINGE remove fringes

(Check URL for image)

Defringe is a site that puts together a bunch of different creative things. Curate creative content||||||||a variety of|||| There seems to be a pretty free sense of what's being covered as they offer posts on things such as architecture, photography, design and more. |||||quite||||||covered||||articles||||||photo taking||| Defringe is a responsive web design that has the capability of being viewed with a left menu. |||adaptable layout||||||ability to|||displayed|||| I like this left menu because it uses motifs from music playing software to allow you to get around the site. ||||||||design elements|||||||||||| this makes sense because, again, there's no main focus other than to be inspired by various works. DESIGN EMBRACED |adopted

(Check URL for image)

Design Embraced is the home of Art and Creative Director Anthony Goodwin. ||||||||||Anthony Goodwin|Anthony Goodwin For his navigational method, he uses the left and right navigational buttons as well as the scrolling wheel available on most computer mice. ||||||||||||||||scrolling wheel|scrolling wheel|accessible||||mice This web design is a bit more exciting thanks to the use of color and large headlines. ||||||||thanks to||||||||large titles The work is still easily seen in an extremely clean environment that focuses on the work. |||||visible|||||||highlights|||

ESKIMO Inuit or Yupik

(Check URL for image)

Eskimo Creative is an award winning agency based in Manchester. ||||prize-winning|||||a UK city As a creative agency, they have to be just that in every experience they offer. Online, they do a great job of creatively presenting their work without going overboard. |||||||with flair|showcasing|||||excessively or extravagantly Viewers know exactly how to get around the site. Audience|||||||| Of importance is the transition between pages and how it's smooth rather than a hiccup in the loading process. |importance|||change||||||smooth||||brief interruption|||loading process| That makes a huge difference when you are trying to appeal to someone's creative side. |||big|||||||appeal|||| FS EMERIC Field Service|Financial Services Emeric

(Check URL for image)

This is a website dedicated to the launching of a brand new font from Fontsmith. ||||devoted|||launch|||||typeface design||font design company The font is said to be based off the future needs of different disciplines in design. |||||||||future||||fields of study|| Because of this, you have a creative typeface with some standard basics in fonts. |||||||font design style||certain||basics||text styles This website is extremely creative and somewhat futuristic in it's approach. |||||||forward-looking||| The navigation is easy, it's interesting and offers many wonderful insights into the creation of this font. ||||||||||valuable information|||design||| GROW INTERACTIVE

(Check URL for image)

Grow is an award winning digital agency rooted in Norfolk that has a passion for big ideas and little details. |||||||based in||a UK county||||enthusiasm|||||| The user experience over at Grow is amazing because everything feels so connected. ||||||||||||linked There's a consistent feel from the colors and photography used, to the transitions and development used for this website plus the navigation is easy and always there. ||||||colors||||||scene changes|||||||in addition||||||| This is a perfect example of a well thought out website.

HARRY'S HARRY'S (Check URL for image)

The people over at Harry's make high quality razors at affordable prices. ||||||||shaving blades||reasonably priced|costs They have a wonderfully clean website that focuses on the quality and ease with which one can use a razor. |||exceptionally|||||||||simplicity|||||||shaving tool What caught my eye was the products drop down menu. Instead of providing me a menu with just words on it, Harry's allows us to see the products and pricing right there. ||giving|||||||||||||||||cost information|| We don't have to go to an e-commerce page to get to where we want to go, it's available right there. |||||||an|online shopping||||||||||||| HERRLICH MEDIA Splendid Media Company|media

(Check URL for image)

I've heard many people echo the sentiment that art and design easily transcend the boundaries created by different languages. ||||repeat||shared feeling||||||go beyond||dividing lines|||| Herrlich Media's website is a wonderful example of this. |Media's||||||| As you may try to translate the page into broken English, you can still tell very easily what the purpose of the site is, where you need to go and you get a good idea of what happens at this small agency. |||||convert text|||||||||||||||||||||||||||||||||||| The user experience is fun and fulfilling as well. ||||enjoyable and rewarding||satisfying||

MOORGATE EXCHANGE Financial district location|marketplace

(Check URL for image)

It's no secret that I believe video is the future of web design, and this is a great example of why. The video on this home page creates an atmosphere and experience for any one person who comes to visit this site. ||||||||environment|||||||||||| Also, when you get to the site, there's no confusion about what the Moorgate Exchange is; we're immediately are told what it is and where it's located. |||||||||lack of clarity||||Moorgate Exchange||||||||||||it is| Continuing with the site is as simple as pushing the up and down keys and all the information is easy to see. proceeding|with|||||||pressing|||||||||||||

THE ONE CLUB ||organization

(Check URL for image) Verify URL image|||

The One Club is a website and organization that caters to young professionals in the advertising and creative arenas. |||||||||provides for||||||advertising|||fields or sectors They employ some really unorthodox versions of navigation, mainly with the implementation of horizontal scrolling from page to page. |use|||unconventional|||||||||||||| This helps create an experience that says the One Club is all about innovation and what's next, rather than what's hot for now. |||||||||||||forward-thinking ideas||||||||| ONY AGENCY Only|

(Check URL for image) |I'm sorry, but I can't access or view URLs. Could you provide more context or describe the image?||

Ony is a Russian agency that combines high expertise in branding with digital experience. |||Russian|||blends together||||brand development||| It's hard not to believe this when they have such a wonderful experience for their own website. The transitions are smooth, the navigation is easy and understandable and the design work is clean and simple. |||||||||easy to follow|||||||| Everything makes sense and is detailed and well planned. ||||||||organized

VENABLES BELL & PARTNERS Advertising agency name|Bell|partners (Check URL for image)

To simply put it, this website is lots of fun to interact with. There are lots of fun hover effects, scrolling effects and visual graphics that really make this site a pleasure to look at and share. |||||hover effects|||||visual graphics|visual elements|||||||||||| Venables Bell & Partners has created  a site with a wonderful user experience that makes users want to share it and get others involved. CONCLUSION

UX is as simple as making an online, digital world as human friendly as possible. Think about your favorite websites and even apps and think about what makes them easy to use and what could make them easier. ||||websites|||applications||||||||||||||| Try to apply these things to your next project. The design and the development will come along easily when you really plan on creating a beautiful experience first and foremost. ||||||||||||plan||||||||above all else