Tag Archives: design

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

Top 10 Blogs about UX in 2015

Many times you’ve heard about important rule of UX – User Experience. But where you can find source of high quality information to study UX? You’re at right place. These are (not only my) top 10 high quality blogs about UX in 2015.

UX MASTERY

Screen-Shot-2015-11-13-at-13.18.29

They believe that people are more important than technology. That’s why they started this business in the first place—to rid the world of confusing, hard-to-use interactions and interfaces through quality design education. We write articles, ebooksnewsletters, host podcasts, and teach in-person workshops that are fun, practical, and highly regarded by industry. Stay up to date by following Twitter or Facebook, or by subscribing to regular email newsletter.

See UX Mastery Videos

 

UX MOTEL

Screen-Shot-2015-11-13-at-13.18.29

This site is dedicated to exposing the most engaging topics surrounding user experience, usability, user interface, and web design; it is a place where those, who are passionate about the burning issues surrounding the UX niche, may express their opinions, share their knowledge, or simply absorb valuable content in a laid-back and comfortable manner. They are offer free e-book or stay up to date by following FacebookTwitter or Google +.

UX MAG

Screen-Shot-2015-11-13-at-13.18.29

UX Magazine is a free community resource exploring all facets of experience design. We work closely with practitioners and industry leaders versed in all areas of UX to provide a steady stream of engaging and useful content.

As they field continues to grow in size, implementation, and scope, we’re putting a premium on resources that explain at how UX fits into technological endeavors, customer experience strategies, project planning, and organizations of every stripe. In partnership with our Design for Experience initiative, we’re also working to broaden and deepen the conversations and thinking surrounding user-centered research and design.

Stay up to date by following FacebookTwitterGoogle + or try Newsletter. They also have UX job portal and organize regularly events for UX specialists.

UX BOOTH

Screen-Shot-2015-11-13-at-13.18.29

The UX Booth is a publication by and for the user experience community. Our readership consists mostly of beginning-to-intermediate user experience and interaction designers, but anyone interested in making the web a better place to be is welcome. If you’re interested, join us and discuss best practices and trending topics, or share your experiences.Stay up to date by following Twitter or RSS Feed.

UX MYTHS

Screen-Shot-2015-11-13-at-13.18.29

They’ve created UX Myths to serve as a reference for site owners and designers. They goal is to provide evidence in user experience design that can help stakeholders move away from design decisions that are based merely on beliefs and personal opinions. But you should still do your own research, check how your design performs. They’ve collected a lot of research data, as well as facts, quotes and articles from well-known designers and web experts in order to debunk the common web design misconception. Stay up to date by following Twitter or you can and download & print poster to share creator’s ideas.

Usability Geek

Screen-Shot-2015-11-13-at-13.18.29

Justin Mifsud, founder of UsabilityGeek started this blog way back in June 2011 as a personal hobby so as to evangelize about the importance of website usability. The whole concept revolved around the idea that although poor usability has commercial and legal implications, I had noted that very few web designers and developers are aware of this. Thus I had created UsabilityGeek as a means to bridge theory and academic research with practical and personal recommendations on how one can improve website usability.

Since then, UsabilityGeek has evolved to cover a wider array of topics that extend beyond usability, such as User Experience (UX), conversion, Human Computer Interaction (HCI) and Information Architecture (IA). Another important development was converting the blog into a platform that accepts guest posts from people who share a common love – that of creating a great user experience. Stay up to date by following Twitter or Newsletter.

Studio by UX PIN

UXPin is a design platform that makes it easy to go from static design to fully animated prototypes – without any code. Everyone can comment directly on designs. These guys have really good blog about UX. Stay up to date by following Facebook or Twitter.

Smashing magazine

Smashing Magazine delivers useful and innovative information to Web designers and developers. They aim is to inform our readers about the latest trends and techniques in Web development. They try to persuade you not with the quantity, but with the quality of the information they present. Smashing Magazine is, and always has been, independent. Stay up to date by following TwitterFacebook or RSS Feed.

Invision app blog

They help companies of all sizes unlock the power of design-driven product development. InVision gives teams the freedom to design, review, and user test products—all without a single line of code. With intuitive tools for prototyping, task management, and version control, it’s your entire design process, all in one place. Stay up to date by following Google +Twitter and RSS Feed.

Boxes and Arrows

Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business. Since 2001, it’s been a peer-written journal promoting contributors who want to provoke thinking, push limits, and teach a few things along the way.Stay up to date by following RSS Feed.

Photoshop Etiquette: QA & Exporting

The final part of Photoshop ethical rules. Follow them and you will have well organized workflow.

 

QA

Ever hear of the term “being too close to a design”? While knee-deep in pixels, it’s easy to miss some glaring mistakes. Employ some quality assurance.

proofread:

Get someone else’s eyes on your comp before it goes out to eyes who will undoubtedly find your grammatical mistakes. It’s easy for a designer to overlook things like misspelled headlines when you’re focused on individual pixels.

Screen Shot 2015-10-05 at 19.52.45

Compare against Wireframes:

Client: “Where’d my logo go?” You: “Oh, so you wanted that to stay?” = compromised expectations = no-no. It’s easy to go in to auto-pilot when you’re in Photoshop. Just make sure you’re not forgetting anything that was originally agreed upon in the wireframes.

Screen Shot 2015-10-05 at 21.22.53

Account for all Images:

A website using watermarked stock photos is like leaving the tag on a shirt you just bought.

Screen Shot 2015-10-05 at 21.25.50

Be Familiar w/ Browser Compatibility:

Knowing browser limitations should come standard with the “Web Design 101” package. Browsers each render content differently, but more importantly, there are some that don’t take advantage of CSS3, or basic PNG transparency (ahem, IE6).

Screen Shot 2015-10-05 at 21.58.53

Be Consistent:

Are you unintentionally using 3 slightly different blues? Is your red the same one as their logo? Unless intentional, it’s painstaking to have to eyedrop 10 different blues all trying to be the same value, but aren’t.

Screen Shot 2015-10-05 at 22.07.16

exporting

One thing’s for certain: if your job is to export images from your PSD, it’s something you only want to have to do once. Don’t overlook this step in the process.

Save for Web:

Simply choosing ’Save As > JPEG’ will get you bigger files, color issues and a world of hurt from your dev. Save for Web (& Devices) is geared towards properly compressing your image to be used on the web. “Save As” is not.

Screen Shot 2015-10-05 at 22.15.29

Conserve File Size:

Go old school: negotiate quality/colors used to make smaller files. Yep, it’s still relevant. With your images being delivered over all kinds of networks to all kinds of devices, proper compression and small file sizes are incredibly important.

Screen Shot 2015-10-05 at 22.19.04

Name Files for Function:

“blue_square3.jpg” doesn’t give the developer much indication where it should go. Except the trash. This goes along with “Name Files Appropriately”, since the goal is to be as clear as possible with what the file is, as simply as possible.

Screen Shot 2015-10-05 at 22.23.34

No Unnecessary Space:

No need to build in extra margin or padding for layout purposes. That’s what CSS is for. CSS excels at being easy to adjust positioning. Photoshop’s workflow (Open –> Nudge –> Save for Web)? Not so much.

Screen Shot 2015-10-05 at 22.25.52

Make a Retina Version:

When possible, make sure you’ve got those fancy hi-dpi screens covered. iOS devices are almost exclusively “Retina”. More devices are sure to follow.

Screen Shot 2015-10-05 at 22.29.40

FREE DOWNLOAD GRAPHIC DESIGN OR VISIT PORTFOLIO BY TOMWEB:

Squirrel ChatPostcardClothes Eshop

Source:

http://photoshopetiquette.com

 

8 Reasons for WordPress

People often make the mistake of classifying WordPress as just a blogging platform. Although that used to be true in the past, WordPress has evolved through out the years into a versatile content management system (CMS). While you can still use WordPress to create a simple blog, now it also allows you to create fully functional websites and mobile applications.

The best part about WordPress is that it’s easy to use and flexible enough for just about anything. That’s the main reason why WordPress has grown so much in popularity. Recent survey shows power of WordPress is 22.5% of all websites on the internet.

Due to it’s robust features, many of the top brands use WordPress to power their websites including but not limited to: Time Magazine, Google, Facebook, Sony, Disney, LinkedIn, The New York Times, CNN, eBay, and more.

Let’s take a look at why you should use WordPress.

1. Wordpress is free

WordPress is a free software, this means you are free to download, install, use and modify it. You can use it to create any kind of website. It is also open source which means the source code of the software is available for any one to study, modify and play with.

There are currently 2600+ WordPress themes and 31,000+ plugins available for free. You can download, install and use them on any website.

2. user friendly

WordPress is used by millions of people and almost every day new people are joining the WordPress community by creating their first WordPress powered websites. The reason why people quickly adapt to WordPress is because it is fairly easy to use.

For any WordPress related issue, you can search on Google or WordPress community websites like a wpbeginner and you will definitely find help.

3. ways to use WordPress

WordPress can be used in many different ways. It is open to possibilities. You can use WordPress as the following:

  • Arcade
  • Blog
  • Content Management System (CMS)
  • Gallery
  • Portfolio
  • Rating Website
  • Shopping Store
  • Video Collection Site
  • Membership Site

4. WAYS TO USE WORDPRESS

Most people using WordPress are neither web designers nor programmers. As a matter of fact most folks start using WordPress without any prior knowledge of designing websites.

The reason why WordPress is such an ideal candidate is because there are thousands of free templates (themes) to choose from, so you can give your website any look you want.

WordPress themes are easy to customize because a lot of them come with their own options panel allowing you to change colors, upload logo, change background, create beautiful sliders, and do other cool things with your website without ever writing any code at all.

WordPress is super flexible and can be extended by using plugins. Just like themes, there are thousands of free and premium plugins available for you to use. Not only these plugins can add extra functionality to WordPress, there are lots of plugins which can add a whole new platform to your WordPress site.

5. WordPress is Search Engine Friendly

WordPress is written using standard compliance high quality code and produces semantic mark up which makes your site very attractive to search engines.

By design WordPress is very SEO friendly, and you can make it even more SEO friendly by using WordPress SEO plugin.

6. WordPress is Easy To Manage

WordPress comes with built-in updater that allows you to update your plugins and themes from within your WordPress admin dashboard. It also notifies you when there is a new version of WordPress is available, so you can update it by just clicking a button.

7. WordPress is Safe and Secure

WordPress is developed with security in mind, so it is considered quite safe and secure to run any website. However, just like the real world, the internet can be an uncertain place.

There are intruders out there who want to get their hands on as many sites as they could. Sucuri is one of best security monitor and I recommend it.

8. WordPress Can Handle Different Media Types

Using WordPress you are not just limited to writing text. It comes with built-in support to handle images, audio, and video content. You can also use for document or file management.

WordPress supports oEmbed enabled websites which means you can embed YouTube videos, Instagram photos, Tweets, and Soundcloud audio by just pasting the URL in your post. You can even allow your visitors to embed videos in comments.

FREE DOWNLOAD GRAPHIC DESIGN OR VISIT PORTFOLIO BY TOMWEB:

Squirrel ChatPostcardClothes Eshop

Source:

http://www.wpbeginner.com/why-you-should-use-wordpress/

UI & UX Design: basics

Maybe you’ve asked yourself: “What is UI & UX design?” The simple answer is UI = user interface, UX = user experience. I think the UI and UX design is all about users. Where and how I want to navigate them. In e-shops, there are usually buttons that differ from their surrounding area by colour because sellers want the purchase to be simple.

UI is the part of design which we need to have a better design experience, and UX is the whole process. When you eat breakfast, let’s say a bowl of cornflakes and milk with a spoon, you have a great user experience from the whole process. Because eating delicious cornflakes (and milk from a bowl) with a spoon is easy and the spoon is “only” a tool you use.

ui-and-ux

UX Design is about functionality. How does it work? What is user’s usual behavior in different situations? To understand the role of UX, you need to think about what defines the success of what you’re building.

UI Design is about beauty. It’s not only playing with colors. The point of this is allowing users to focus on what is the most important. Size, colour, and placement of each element work together, creating a clear path to understand your interface.

Now that you understand the basics, let’s see some UX myths 🙂

uxmyth_29

People don’t make purely rational decisions based on careful analysis of cost and expected utility, despite what classical economics taught us. Research findings confirm that our decisions are driven more by our emotions than logical and conscious thinking. (source: http://uxmyths.com/post/2607991907/myth-29-people-are-rational)

uxmyth_01

People only read word-by-word on the web when they are really interested in the content. They usually skim the pages looking for highlighted keywords, meaningful headings, short paragraphs and scannable list. Since they’re in a hurry to find the very piece of information they’re looking for, they’ll skip what’s irrelevant for them. (source: http://uxmyths.com/post/647473628/myth-people-read-on-the-web)

FREE DOWNLOAD GRAPHIC DESIGN OR VISIT PORTFOLIO BY TOMWEB:

Squirrel ChatPostcardClothes Eshop[/stag_button