Category Archives: User Experience

How Functional Animation Helps Improve User Experience




 


 

Since humans are visually driven creatures, the impact of imagery only increases with the help of animation. Our eyes innately pay attention to moving objects, and animation is like eye candy — catchy and bright elements that call attention to and help differentiate an app from its competitors.


How Functional Animation Helps Improve User Experience

As of late, more and more designers are incorporating animation as a functional element that enhances the user experience. Animation is no longer just for delight; it is one of the most important tools for successful interaction.

The post How Functional Animation Helps Improve User Experience appeared first on Smashing Magazine.


Source: Smashing Magazine

Becoming A Better Facilitator




 


 

Facilitation in the broadest sense means helping or enabling people to achieve a positive outcome. It’s an important and often under-appreciated skill for designers and other UX professionals to gain. It’s especially important as more teams embrace lean UX practices, which shift emphasis away from big deliverables toward facilitating outcomes such as continuous discovery and shared understanding.


Becoming A Better Facilitator

Any kind of working session or meeting in which design decisions are being shaped needs a facilitator. The authors of Sprint, the popular book about running five-day design sprints, compare the facilitator’s role to Brad Pitt’s character in Ocean’s Eleven: The facilitator “keeps the heist running.” But you don’t need to run a week-long workshop to benefit from facilitation skills.

The post Becoming A Better Facilitator appeared first on Smashing Magazine.


Source: Smashing Magazine

Improving The UX Of Names With Vocalizer.js




 


 

We have all encountered names that are difficult to pronounce. Having a challenging name myself, I get different pronunciations of my first name, Atif, all the time. In order to solve my own naming problem, I built a Javascript plugin called Vocalizer. In this article, I will introduce what Vocalizer is and a few different ways to use it.


Improving The UX Of Names With Vocalizer.js

Earlier this year, I redesigned my portfolio website. During this process, I decided to add a feature that educated visitors on how to say my name. One day, I opened the “Voice Memos” app on my iPhone, tapped “Record”, and asked my wife to say my first name. Then, I embedded a small button onto the landing page after my first name. Clicking on that button would play the audio file of my name.

The post Improving The UX Of Names With Vocalizer.js appeared first on Smashing Magazine.


Source: Smashing Magazine

Strategies For Effective Mobile Landing Pages




 


 

When designing a landing page to promote a product or service online, you’re ultimately pointing users toward one goal. That goal most often relates to generating business via sales or leads. You may want users to purchase a product immediately, or you may simply want them to sign up for a mailing list. Whatever the goal, you want to ensure that every piece of the user experience works toward fulfilling that goal.


Strategies For Effective Mobile Landing Pages

If you don’t yet have goals in mind, start by defining goals. Are you seeking to generate a 10% increase in qualified leads? Are you looking to build sales by 20%? Establishing clear key performance indicators based on what will benefit your business will ultimately help you understand how to properly approach a landing page.

The post Strategies For Effective Mobile Landing Pages appeared first on Smashing Magazine.


Source: Smashing Magazine

How To Build Honest UIs And Help Users Make Better Decisions




 


 

Many apps today, such as Google Now, Spotify and Amazon, make assumptions about user preferences based on personal data. They may even use this information to make decisions on our behalf, without any direct input from us. For example, Facebook tailors your news feed and Amazon recommends products  —  both hiding “irrelevant” information and only showing what they think you will like.


How To Build Honest UIs And Help Users Make Better Decisions

This type of design pattern, where user choice is removed, has recently been coined “anticipatory design”. Its aim is to leverage data on user behavior to automate the decision-making process in user interfaces. The outcome lowers the excessive number of decisions people currently make, thereby reducing decision fatigue and improving decisions overall.




The post How To Build Honest UIs And Help Users Make Better Decisions appeared first on Smashing Magazine.


Source: Smashing Magazine

Essential Skills To Become A Great UI/UX Designer

You’re reading Essential Skills To Become A Great UI/UX Designer, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Essential Skills To Become A Great UI/UX Designer

It’s frustrating to find job offers looking for a UI/UX designer. While these two skillsets are closely related, their skills don’t always overlap. A quality UI designer may not understand user experience psychology. Just like a top-tier UX designer might not be a master of Photoshop or Sketch. But there is a good amount of […]



Source: Designmodo

The Thumb Zone: Designing For Mobile Users




 


 

If there is one thing that will stand the test of time, it’s thumb placement on mobile devices. This makes consideration of the “thumb zone”, a term coined in Steven Hoober’s research, an important factor in the design and development of mobile interfaces.


The Thumb Zone: Designing For Mobile Users

Have you ever interacted with a mobile website or app that simply didn’t play nice with your thumbs? Perhaps you’ve had to stretch to get to an important menu, or swiping turned into a battle with multiple swiping elements. Mishaps such as these reveal poor consideration of the thumb zone.

The post The Thumb Zone: Designing For Mobile Users appeared first on Smashing Magazine.


Source: Smashing Magazine

Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)


  

Every designer has their favorite prototyping tools. However, when it comes to UX wireframing and prototyping, there is often more than one tool involved. Sooner or later, you find yourself switching from one tool to another to cherry-pick the best ones among them.


Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheatsheet)

Adobe announced Project Comet in October last year to provide a fast and efficient all-in-one solution. A few months ago, the secret behind the codename was revealed and pushed to the public in a preview version: Adobe Experience Design CC (Adobe XD). Made for fast and fluid UX design, XD gives you everything in one neat bundle: it lets you sketch out ideas, create interactive prototypes, test and share them.

The post Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet) appeared first on Smashing Magazine.


Source: Smashing Magazine

Crafting a Successful Onboarding Experience for New Users

You’re reading Crafting a Successful Onboarding Experience for New Users, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Crafting a Successful Onboarding Experience for New Users

The term onboarding comes from the HR department. It was originally used to refer to new hires and having them “acquire the necessary knowledge, skills, and behaviors to become effective organizational members and insiders.” If you replace the aspect of new hires with new users the idea is exactly the same. Think of it as […]



Source: Designmodo

Improve User Experience With Real-Time Features


  

Real-time technology delivers information to your users as it happens. But how does it help improve your product and align with your customers’ expectations?

Improve Your User Experience with Real-Time

Only a few years ago words like WebSockets, low latency and real-time functionality were at the forefront of bleeding-edge development. Fast-forward a couple of years and this technology has become an integral part of many of our favourite apps: e.g. Facebook with its in-app notifications, or Uber with its real-time location tracking effect.

The post Improve User Experience With Real-Time Features appeared first on Smashing Magazine.


Source: Smashing Magazine