Tag Archives: clean

Basic UX Steps to Better WordPress Website

If you want to build simple WordPress web site, you need to get the user experience basics right. A bad web layout and design will turn any person away. No one will appreciate your ideas, awesome products, or high quality services because they will bounce, and fast.

Have a clean and simple design

Function over design will always win. How you present your website to your visitors will affect your website’s success. When someone visits your website, they expect to get something useful out of that visit. If they are bombarded with garish web design and find nothing valuable to take away, you better believe they won’t return.

Try using a simple WordPress theme, formatting with proper sub-headings, bullets, lists, and focusing on a neat typography.

Create easy navigation

There is nothing worse than visiting a website and have no idea how to find anything what can navigate me. The goal of your website is to never make your visitors work for information.

Include an obvious navigation bar, (create a categories list in the sidebar,) make sure you have a search box, and don’t forget the breadcrumbs. Give your visitors a reason to stick around and see what your website has to offer. The easier it is to navigate, the longer they will stay.

Be mobile-friendly

We all know by now that mobile-friendly websites are a must these days. Making your website mobile-friendly by using a responsive theme makes users on the go happy. They won’t have to twist their phones around to see your site, scroll right and left and up and down, and they will be able to navigate from page to page with the ease of a desktop experience. It just makes sense.

Speed up your site

If your website doesn’t load within three seconds, say bye-bye to your visitors. People have no patience for slow loading websites. There are several ways to make your website faster than ever. Use a good hosting service or even a content delivery network (CDN), install a caching plugin, optimize your website’s theme, images, coding, and framework, limit the use of plugins, and consider showing only excerpts of content so the pages load quickly.

Have a call to action

Do your website visitors know what you expect of them once they are on your website? Should they buy something? Subscribe to a mailing list? Download a giveaway?

Make it immediately clear to your users what you expect their next move to be. Point directly to it and don’t make it complicated! A large part of user experience is the functionality of a call to action. The fewer the steps involved, the better. A simple sign-up form will suffice and make both you and the user happy.

Make social sharing easy-peasy

Website users love social media. They follow, like, Tweet, share, +1, and so much more every single day like their lives depend on it. So, it would make sense you would encourage them to do the same on your website.

The key to increased social sharing is to make the icons visible and place them in an expected place. In the header space is a popular choice, near the navigation bar is great, in the sidebar is obvious, at the top or bottom of posts is expected, or even better make the icons floating and let them follow the user as they read your content.

Include easy-to-find contact info

You would be surprised at how many great companies leave the contact information at the bottom of their website, in print so small you need a magnifying glass to see it. I mean, seriously? Users want to know what your company is all about. They want to know who you are, what you stand for, and how to contact you.

Start by making yourself and your company transparent and easy to contact. Do not make the information hard to find, do not make users scroll to the bottom searching for a ‘Contact Us’ link, do not make them click through a bunch of pages to get to the contact form. Put these things on your primary navigation menu and make it easy.


Source: http://www.creativebloq.com/wordpress/user-experience-basics-121518318

Photoshop Etiquette: Files & Layers

Why is it good to follow Photoshop Etiquette?  It’s the way of improving clarity of your work. If you want to be a high quality designer, it’s very important for you. You will be work with colleagues and they maybe will hate messy PSD’s files (like me :D). It’s important to have some rules to achieve better workflow. Yeah, I can use Command (or Control in Windows) to choose layer what I want to, but I have still feeling that it’s like a “work on junkyard”. It’s stinking, It’s annoying and it’s wasting time when you are looking for layers which you need merge into group, but the layers are far apart.

If you will working with messy PSD, this is the fastest way how work with it. Use move tool (v) and click on layer what you need with this setting in auto-select:

Screen Shot 2015-03-14 at 08.06.11

But Photoshop Etiquette is not only about layers and groups. It’s about all workflow with designing something. It’s about to have clean and clear workflow.

Files:

Consolidate your PSD:

Keeping everything in one PSD reduces the confusion of which file to use.

Screen Shot 2015-03-14 at 07.49.30 copy

Name Files Appropriately:

Ironically, absolutes like “Newest” and “Latest” are bound to have edits later. It’s best to just keep a general file name.

Screen Shot 2015-03-14 at 08.42.29 copy

Store Assets Relative to PSD:

PSD inheritors shouldn’t have to go hunting to find original assets. Proximity is key to avoiding wasted time.

Screen Shot 2015-03-14 at 08.49.39 copy

Make a template for UI elements

It’s better to have control over how the UI elements look than using browser defaults. You’re most likely going to be asked to design them at some point anyways.

Screen-Shot-2015-03-14-at-10.01.59

Files on Server/Share

Having to be asked where you put a file is common, but it shouldn’t be necessary if you learn to put it on a file share before even being asked.

Screen-Shot-2015-03-14-at-11.21.57

Layers:

Name Layers & Be Accurate

The quintessential piece of etiquette: naming your layers instantly decreases confusion and improves acclimation to an otherwise unfamiliar document.

Screen Shot 2015-03-14 at 18.50.27

 

Use Folders

Happy layers have happy homes. Folders group like-items for easier navigation and editing.

Screen-Shot-2015-03-14-at-18.54.54

Delete Unnecessary Layers

Having too many layers hanging around usually results in an unnecessary bloat of file size and can affect performance.

Screen Shot 2015-03-14 at 18.57.15

Globalize Common Elements

If you use an element (logo, photo, etc.) in multiple layouts within the PSD, only having to edit it in one place makes a lot of sense.

Screen Shot 2015-03-14 at 19.03.53

Use Layer Comps/Smart Objects

Layer Comps & Smart Objects offer a way of showing multiple states or layouts without needing to build (and maintain) another PSD.

Screen Shot 2015-03-14 at 19.05.05

FREE DOWNLOAD GRAPHIC DESIGN BY TOMWEB:

Squirrel ChatPostcardClothes Eshop

Source:

http://photoshopetiquette.com