UX News

A look at what's going on in the field of user experience.

From URL to Interactive

, A List Apart: The Full Feed

Imagine, if you will, that you’re behind the wheel of a gorgeous 1957 Chevy Bel Air convertible, making your way across the desert on a wide open highway. The sun is setting, so you’ve got the top down, naturally. The breeze caresses your cheek like a warm hand as your nose catches a faint whiff of … What was that?

The car lurches and chokes before losing all power. You coast, ever more slowly, to a stop. There’s steam rising from the hood. Oh jeez. What the heck just happened?

Continue reading...


Tags to DOM

, A List Apart: The Full Feed

Diagram showing HTML tags being run through a tokenizer to create tokens

In our previous segment, “Server to Client,” we saw how a URL is requested from a server and learned all about the many conditions and caches that help optimize delivery of the associated resource. Once the browser engine finally gets the resource, it needs to start turning it into a rendered web page. In this segment, we focus primarily on HTML resources, and how the tags of HTML are transformed into the building blocks for what will eventually be presented on screen.

To use a construction metaphor, we’ve drafted the blueprints, acquired all the permits, and collected all the raw materials at the construction site; it’s time to start building!

Continue reading...


Braces to Pixels

, A List Apart: The Full Feed

Graphic showing a hierarchy for determining CSS priority

Doesn’t CSS seem like magic? Well, in this third installment of “URL to Interactive” we’ll look at the journey that your browser goes through to take your CSS from braces to pixels. As a bonus, we’ll also quickly touch on how end-user interaction affects this process. We have a lot of ground to cover, so grab a cup of <insert your favorite drink’s name here>, and let’s get going.

Parsing Similar to what we learned about HTML in “Tags to DOM,” once CSS is downloaded by the browser, the CSS parser is spun up to handle any CSS that it encounters. This can be CSS within individual documents, inside of <style> tags, or inline within the style attribute of a DOM element. All the CSS is parsed out and tokenized in accordance with the syntax specification. At the end of this process, we have a data structure with all the selectors, properties, and properties’ respective values.

Continue reading...


Integrating User-Research Findings into Strategy

, UXmatters

By Janet M. Six

This month, the Ask UXmatters expert panel considers how best to make user research relevant to the company vision and integrate the learnings from research into product and corporate strategy. Key discussion points include making user research part of the product design and development lifecycle from the beginning of a project and establishing a clear connection between user research and product and corporate strategy.

Continue reading...


Integrating User-Research Findings into Strategy

, UXmatters

By Janet M. Six

This month, the Ask UXmatters expert panel considers how best to make user research relevant to the company vision and integrate the learnings from research into product and corporate strategy. Key discussion points include making user research part of the product design and development lifecycle from the beginning of a project and establishing a clear connection between user research and product and corporate strategy.

Continue reading...


Differentiating Product Strategy Through User Experience

, UXmatters

By Jay McCormick

Strategy is your product’s path to success. As software continues to eat the world and artificial intelligence becomes pervasive and, eventually, even commoditized, your product strategy can build competitive advantage through your product’s user experience—how people feel, what they think, and how they connect with others when using your product.

Continue reading...


Why are Micro-Experiences so important to UX Design?

, UX Collective - Medium

Little Experiences That Make Up The Bigger PictureWe have all heard the phrase, “Don’t Sweat The Small Stuff”. It’s a common way of letting people know to shrug off the little things and instead, worry about the bigger, more important things.

Great advice. Except when it comes to UX Design. This is when we absolutely have to sweat the small stuff. In this case, the small stuff I’m referring to are micro-experiences: The little things that happen before, during, and after a user engages with a product, website, app, or service.

Continue reading...


Sketch plugins for efficient designers

, UX Collective - Medium

Designers use Sketch for wireframing through design delivery. This brings across the opportunity to perform routine tasks efficiently and effectively. Sketch plugins recommended in this article will power your Design Workflow and allow you to be an efficient designer.To save you the trouble, I have created a zip with all the plugins recommended in this article.Click here to download.Plugin for Quick AccessSketch RunnerRemembering shortcuts is the most efficient method for operating any software. However, I personally struggle with shortcuts especially since I am exposed to so many applications on a daily basis, and I am willing to bet I am not alone. SketchRunner aims to solve this problem by giving you access to ‘Spotlight Search’ like features in Sketch, but it is more powerful. It is a command-driven approach to using Sketch. If you want to perform an action, you don’t click at menus and panels, you just type the commands.

Design process without Sketch-RunnerAccelerated workflow with Sketch-RunnerI saved 20s+ in the above process, which can accumulate to several minutes in the day! You can — Run any action; Create a component; Goto an artboard or symbol; Insert a symbol or shape; Install plugins; by simply typing what you want to do. With a couple of commands, you can power your workflow and be efficient at work. I personally use Run, Insert and Goto a lot since it allows me to perform repetitive actions quickly and navigate better through the Design file.

Continue reading...


eCommerce goes to the cloud

, UX Collective - Medium

We can observe one massive trend in eCommerce market — more and more online stores are being created using cloud technologies.

Distribution for websites using eCommerce technologiesWebsite builders for e-commerce are the perfect solution to quickly launch an online store and test a hypothesis.

Continue reading...