logo-header
เวลาทำการ : จันทร์ - ศุกร์ 8.30 น. - 17.30 น.
Hotline : 02-349-4197-9
วันหยุดราชการและนักขัตฤกษ์ โทร.089-230-9889
Line@
single page jaa

Instructions for Excellent Website Design, Usability, and Consumer Experience

Instructions for Excellent Website Design, Usability, and Consumer Experience

Free Workbook: How Exactly To Arrange A website that is successful Redesign

It can be easy to get hung up on the aesthetics when it comes to designing or re-designing a website. “That shade of blue simply doesn’t look appropriate . Would not it is cool to truly have the logo design regarding the right part for the display screen? . What about we put a giant GIF that is animated the midst of the web web page?”

But, if you are certainly wanting to achieve something along with your site ( ag e.g. go, brand name awareness, prospecting, etc.), you will need to give attention to more than simply just exactly how your internet site looks.

In some sort of where individuals have a lot more than a billion web sites they could possibly land on, you will need to make sure that your web site’s design is optimized for usability ( just how easy your site is to try using) and consumer experience ( exactly how enjoyable getting together with your internet site is for real users).

Now, you can invest years learning the particulars of usability and UX, however for the benefit of providing you a leaping down point, we’ve come up with the list following of helpful recommendations to apply to your next website design project.

8 Website Design recommendations for an extraordinary User Experience

1) Simpleness

Even though the feel and look of one’s web site is very important, many site site site visitors are not arriving at your internet site to guage just how slick the style is. Rather, they may be visiting your internet site to accomplish some action, or even find some piece that is specific of.

Including design that is unnecessary (i.e., elements that provide no functional function) to your site will simply make it harder for site site site visitors to complete what they’re wanting to achieve.

From the usability and UX viewpoint, ease is the buddy. And you will employ ease in a number of various ways. Check out examples:

  • Colors. Avoid using way too many. The Handbook of Computer-Human Interaction suggests making use of at the most five (plus or minus two) different colors in your site’s design.
  • Typefaces. The typefaces you decide on must certanly be legible at the least. As soon as it comes down to colors, you mustn’t make use of a lot of. a typical suggestion is to utilize at the most three various typefaces in no more than three various sizes.
  • Graphics. Just make use of them if they will assist a user complete a task or execute a certain function (do not simply include layouts willy-nilly).

Here is a fantastic exemplory case of a easy website design from Rockaway Relief:

Remove precisely what does not include value, adding some texture that is visual in.

The great automobile designer Colin Chapman famously said, “Simplify, you can add lightness.” This concept owes one thing compared to that mind-set. Every element on a full page must include value into the individual or perhaps the business—and preferably, to both. Taken literally, the entire process of stripping away non-value-adding elements can create a design that is rather spartan. This is when including some artistic texture right back into a full page will come in. This method means:

  • The web web page centers on the key content.
  • The mandatory artistic texture and interest is present—supporting the aesthetic-usability effect—but maybe perhaps not at the cost of the key web page content.

– See more at: http://www.uxmatters.com/mt/archives/2014/08/principles-over-standards.php#sthash.GdOvzpl1.dpuf

Remove exactly what does not include value, you can add some texture that is visual in.

The car that is great Colin Chapman famously said, “Simplify, you can add lightness.” This concept owes one thing compared to that mind-set. Every element on a web page must include value into the individual or the business—and preferably, to both. Taken literally, the entire process of stripping away non-value-adding elements can create a design that is rather spartan. That is where incorporating some texture that is visual into a typical page will come in. This process means:

  • The web page is targeted on the key content.
  • The required artistic texture and interest is present—supporting the aesthetic-usability effect—but perhaps perhaps not at the cost of the page content that is key.

– See more at: http://www.uxmatters.com/mt/archives/2014/08/principles-over-standards.php#sthash.GdOvzpl1.dpuf

2) Visual Hierarchy

Closely linked with the concept of simpleness, artistic hierarchy involves organizing and arranging site elements to ensure that site site site visitors naturally gravitate toward the most crucial elements first.

Remember, with regards to optimizing for usability and UX, the target is to lead people to finish a desired action, however in means that feels normal and enjoyable. By adjusting the positioning, color, or measurements of specific elements, it is possible to format your website in such a real means that site visitors is going to be attracted to those elements first.

When you look at the instance below from Spotify, you can observe that the “Get Spotify Free” call-to-action sits atop the artistic hierarchy. For beginners, it really is added to the left associated with web web web page (many site site visitors scan websites from remaining to right). In addition, it is the element that is only the fold that uses that dark purple color, which obviously attracts your attention.

3) Navigability

Having intuitive navigation on your internet site is a must for ensuring site visitors are able to find whatever they’re shopping for. Preferably, a visitor must be able to show up on your own web web site rather than need certainly to think extensively about where they ought to click next — going from point A to point B should always be since painless as you possibly can.

Listed here are a few strategies for optimizing your website’s navigation:

  • Maintain the framework of one’s primary navigation simple (and close to the top of the web page).
  • Add navigation within the footer of the web web site.
  • Utilize breadcrumbs on every web page ( aside from the website) so individuals are alert to their navigation path.
  • Come with a search package close to the top of the web site so site visitors can search by key words.
  • Do not offer navigation that is too many on a web page.
  • Never dig too deep. Generally in most instances, it is better to maintain your navigation to a maximum of three amounts deeply. (have a look at this short article to get more clarity around flat vs. deep navs.)
  • Include links inside your web web page content, while making it clear where those links result in.

Another pointer: when you have settled about what your internet site’s primary (top) navigation shall be, ensure that it stays constant. Labels and location of one’s navigation should stay exactly the same for each and each page of the web web site. Here is a good example through the InVision site:

And also this leads us to your next concept .

4) Persistence

The overall look and feel of your site should be consistent across all of your site’s pages in addition to keeping your site’s navigation consistent. Backgrounds, color schemes, typefaces, as well as the tone of the writing are areas where being consistent could have a good effect on usability and UX.

That is not to express, nonetheless, that each and every web page on the web site must have precisely the same exact design. Rather, you need to create layouts that are different certain forms of pages ( e.g., a design for landing pages, a design for informational pages, etc.), and also by making use of those designs regularly, you will ensure it is easier for people to determine what style of information they truly are more likely to find for a provided web page.

Within the example below, you can observe that Airbnb uses exactly the same design for several of its “Help” pages (a standard training). Consider just just what it will be like from the visitor’s viewpoint if every “Help” page had unique, unique layout. (it could probably end in plenty of neck shrugging.)

5) Accessibility

In accordance with comScore, tablet internet usage grew 30% between 2013 and 2015. Smartphone internet consumption, meanwhile, expanded 78% through the time period that is same. The takeaway right right right here: so that you can supply a really great consumer experience, your internet site has to be suitable for the various products (and os’s, and browsers) that your particular site site visitors are utilising.

At a high-level, this implies buying a site framework that is extremely versatile — like responsive design. A visitor happens to be using with a responsive site, content is automatically resized and reshuffled to fit the dimensions of whichever device. (HubSpot Marketing clients: utilizing built-in responsive design, HubSpot content constructed on the COS is immediately optimized for site visitors from any unit.)

Leave a Reply

Your email address will not be published. Required fields are marked *