Don't Miss

منابع آموزشی باز تجربه کاربری UX Apprentice

UX-ApprenticeIntrigued by the process of UX design? Want to learn the basics? You’ve come to the right place!

Getting started in UX Design? You’ve come to the right place!

Tools like Balsamiq make it easier than ever to participate in the design of user interfaces, and that’s a great thing. The problem, as you may have already discovered, is that creating products that are easy to use is actually quite hard! Information architecture, interaction design, and copywriting are just a few of the elements involved. There’s a lot of art and science behind creating a lovable user interface. This site is designed to teach you the basics with an easy process to follow, and pointers for where to learn more. The process we illustrate has three layers: Discovery, Strategy & Design.

For each layer, we will:

Learn the Logic: Discover the core principles behind the art & science of User Experience design.

See Real Life Examples: Take your new found logic & concepts, and see how they are used in actual situations.

Test Your Knowledge: Get off the sideline by going past mere observation, and test your new experience.

Access Resources: Dig even deeper to find some of the best books, blogs, and other UX resources.

Let’s start with:

1) UX Discovery: Start deep in DiscoveryUX-Apprentice-Discovery

You know how to draw a few boxes and arrows, so dig even deeper into the process and logic of user experience, and solve the big problems, one sketch at a time.

Dig Deep: Before you start mocking up screens in Balsamiq Mockups, take some time to discover the key information that will drive your design strategy.

Stakeholder Interviews: This is the first step towards synthesizing the vision for the product, how it aligns with the overall business goals, and how success (and failure) will be measured. You can use these interview questions as a base to work from.

Customer Research: Next it’s time to meet the customers. User research can be detailed and exhaustive, or quick and dirty, or any level in between. The first trick to getting to good results is sourcing and screening the right participants. Try these sourcing, screening and recruiting tips from Dana Chisnell. The second trick is to ask the right questions. Don’t confine your research to just interviews, use a combination of research tactics.

2) UX Strategy: See the forest for the treesUX-Apprentice-Strategy

You want a great user experience? Put the detailed feature discussions on hold, and design for the big picture.

UX, Not UI

There is a great quote about UI vs UX from Marc Hedlund, the founder of Wesabe. After Wesabe folded, he wrote an article Why Wesabe Lost to Mint, where he mused that “while I was focused on trying to make the usability of editing data as easy and functional as it could be; Mint was focused on making it so you never had to do that at all.”

Finding the Right Approach: Time to reconvene with your team for an interactive strategy session. Use your prioritized personas and customer journey map to determine which problems to tackle first. Go broad and brainstorm possible solutions to your customer’s pain points. Don’t rule anything out as technically infeasible or too expensive, but avoid going deep; this session is to generate possible approaches, not create UI designs.

3) UX Design: Roll up your sleevesUX-Apprentice-Design

Discovery and Strategy only account for 20% of the process, the bulk of your time will be spent prototyping, testing and refining designs.

Mock It Up: Mockups, also called wireframes or low fidelity designs, are a big time saver for any project. They allow you to hash out the details of the page layout and interaction design before moving into high fidelity designs and development. Balsamiq Mockups is one of the preferred wireframing tools since it is easy to learn and allows for rapid wireframe creation.
Walk Before You Run

If you are new to UI design, take a look at one of the many pattern books available. You’ll also need to get a basic understanding of interaction design and the UI framework or library your developers will be using. If you rely on standard controls, established patterns, and stay in the context of the scenario, you are more likely to design a usable product.

Expert Tip: Avoid the ‘hipster designer disorder’. It’s characterized by an intense need to create novel designs just to be different. Typically leads to unintuitive interfaces with astronomical implementation costs and low adoption.

Adding Interactions: Prototyping is used to communicate the intent of a design both clearly and effectively. Prototypes help you to flesh out design ideas, test assumptions, and gather real-time feedback from users.

Aza Raskin shares some tips here on How To Prototype and Influence People. For specific instructions on describing interaction in Mockups, check out this article. If you’re working closely with a fast development team, maybe you can skip prototypes and go to code directly from the wireframes.
Testing Tools

Face to face testing is nice but don’t despair if your users aren’t local. There are some great remote testing tools available, depending on your need. Here are few popular tools:,OpenHallway, and UserLytics.