User Experience Designfor Non‐Designers

User Experience Design for Non‐Designers

Copyright © 2010-Present Mobile88.com. All Rights Reserved. Restricted & Non Disclosed Use Only. Strictly Private, Confidential & Intellectual Property Protected. Slide 1

User Experience Designfor Non‐Designers



E-commerce refers to all forms of business activities conducted across the internet. This can include E-tailing, B2B, intranets and extranets, online advertising.

E-commerce involves much more than electronically mediated financial transactions between organizations and customers. (e.g. Customer Service)

Good design is important

Although you don’t need me to tell you that!



Use existing data that you have from user testing, customer service emails, search logs, blogs and suggestion boards.

Once you have that data, create personas based on that data.

Your persona should cover their likes, dislikes, background and behavior.

Know your users



Karen25,Fashion Show Organizer

Likes:Hanging out with friends, Fashion, Beer

Notability:Milan Fashion Week

Know your users



So this is Karen covered!

What is important to your users?



Know what your users want

Just because you can build something flashy and amazingdoesn’t mean you should!



Brainstorm possible scenarios for use. What are they trying to achieve on your site?

Once you have created an initial structure for your site, validate it against these user goals.

Prioritize for your key personas. These are the users who will use the site most and probably generate the most revenue. Look after them!

Help them achieve their goals



Make it easy to get involved

Consider the experience on different platforms and make it easy to participate



Other forms of accessing the internet are only going to get more popular in the future.

In the UK, 17 million people accessed the Internet on their phone in December. This equates to 23% of mobile users in UK.

Think about the top 5 user goals and design your mobile experience around that.

People aren’t just using computers



Twitter on Mobile

Optimized for key goals of the site. No 1:What are you doing?



Don’t make users jump through hoops! They will simply not bother.

Give them a clear incentive to join.

Even better, remove the registration process all together.

Low Barrier to Entry



Slide.com makes joining easy

All you have to do is upload photos andcustomize them on the spot



So now we can color in…

…because that’s what design is all about isn’t it?



User Experience Design covers a lot of things like Information Architecture, Copywriting and Interaction Design which all come before the visual design.

Here are some good reference books:

Well not quite yet!



Learn the basics of design!

This usually encompasses the following: Balance, Proximity, Alignment, Repetition, Contrast and White Space.

OK, now pencils at the ready!



Wireframing is easy!

It also helps stakeholders focus on the content, not how it looks



Just because you can…

Doesn’t mean you should!



As you put elements on the page ask yourself– Why am I adding this?– How is this helping the experience?– Will it detract from the experience if I don’t have it?

Try removing all the visual treatment from your site andadd them in one at a time.

Another trick is to turn your screenshots black and white,blur it slightly and see what stands out. The focal point ofyour page should still be clear.

Keep it simple, stupid



When things go wrong

…because unfortunately they will at some point



You are probably people who are responsible for making sure things work. Ensuring your site is stable and bug free is one of ‐the most important things you can do.

When things do go wrong, make sure you explain what happened and provide an alternative or next steps to take.

Pay special attention to your form design.

So what do you do?



Leverage other people

Use their skills and their opinions to improve your designs



One of the developers on my team is excellent when it comes to detecting edge cases. He’s like my second defense to make sure everything is covered.

Community Managers are great at identifying tension hotspots and how to mitigate abuse.

Think about what skills other people have and how they can help you!

So what do you do?



Thanks for your time

Any Questions?

User Experience Designfor Non‐Designers

Design

Transcript of User Experience Designfor Non‐Designers