Stop Designing For Only 85% Of Users: Nailing Accessibility In Design

by Tom Graham & André Gonçalves on October 23, 2017

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS






 



 


As designers, we like to think we are solution-based. But whereas we wouldn’t hesitate to call out a museum made inaccessible by a lack of wheelchair ramps, many of us still remain somewhat oblivious to flaws in our user interfaces.

Stop Designing For Only 85% Of Users: Nailing Accessibility In Design

Poor visual design, in particular, can be a barrier to a good user experience. Whereas disability advocacy has long focused on ways to help the user adapt to the situation, we have reached a point where users expect products to be optimized for a broad range of needs.

The post Stop Designing For Only 85% Of Users: Nailing Accessibility In Design appeared first on Smashing Magazine.

{ 0 comments }

Halloween Free Printable

by Lindsey on October 19, 2017

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Ghosts, witches, spells and treats. Halloween is just around the corner. We have a designed a free 8×10 printable for you to spook up your home.

For Personal Use Only.




 

The post Halloween Free Printable appeared first on Designer Blogs.

{ 0 comments }

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS





 



 


With? ?the? ?appearance? ?of? ?voice? ?user? ?interfaces,? ?AI? ?and? ?chatbots,? ?what is? ?the? ?future? ?of? ?graphical? ?user? ?interfaces (GUIs)?? ?Don’t? ?worry: Despite? ?some dark? ?predictions?,? ?GUIs? ?will? ?stay? ?around? ?for? ?many? ?years? ?to? ?come. Let? ?me? ?share? ?my? ?personal, humble predictions? ?and? ?introduce? ?multi-modal? ?interfaces as? ?a? ?more? ?human? ?way? ?of? ?communication? ?between? ?user? ?and? machine.

Combining Graphical And Voice Interfaces For A Better User Experience

The? ?old? ?wisdom? ?that? ?a? ?picture? ?is? ?worth? ?a? ?thousand? ?words? ??is? ?still? ?true? ?today.? ?Our? ?brain? ?is? ?an incredible? ?image?-?processing? ?machine.? ?We? ?can? ?understand? ?complex? ?information? ?faster? ?when we? ?see? ?it? ?visually.? ?According? ?to? ?studies,? ?even? ?when? ?we? ?talk? ?with? ?someone? ?else,? n??onverbal communication?? ?represents? ?two third?s ?of? ?the? ?conversation.? ?According? ?to? ??other? ?studies??, ?we? absorb most? ?information? ?from? ?our? ?sight? ?(83%? ?sight,? ?11%? ?hearing,? ?3%? ?smell,? ?2%? ?touch? ?and? ?1% taste).? ?In? ?short,? ?our? ?eyes? ?are? our ?primary? ?sensors?.

The post Combining Graphical And Voice Interfaces For A Better User Experience appeared first on Smashing Magazine.

{ 0 comments }

Confessions Of An Impostor

by Denys Mishunov on October 18, 2017

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS





 



 


Five years ago, when, for the first time ever, I was invited to speak at one of the best front-end conferences in Europe, I had quite a mixture of feelings. Obviously, I was incredibly proud and happy: I had never had a chance to do this before for a diverse audience of people with different skillsets. But the other feelings I had were quite destructive.

Confessions Of An Impostor

I sincerely could not understand how I could be interesting to anyone: Even though I had been working in front-end for many years by then, I was very silent in the community. I hadn’t contributed to popular frameworks or libraries. I was just average. So, the feeling of a mistake having been made, that I did not deserve to be at that conference, was very strong, and I could not believe that I would indeed be speaking until I had bought my plane ticket.

The post Confessions Of An Impostor appeared first on Smashing Magazine.

{ 0 comments }

Naming Things In CSS Grid Layout

by Rachel Andrew on October 17, 2017

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS





 



 


When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed for a right-to-left language.

Naming Things In CSS Grid Layout

Built on top of this system of lines, however, are methods that enable the naming of lines and even grid areas. Using these methods enables easier placement of items by name rather than number, but also brings additional possibilities when creating systems for layout. In this article, I’ll take an in-depth look at the various ways to name lines and areas in CSS Grid Layout, and some of the interesting possibilities this creates.

The post Naming Things In CSS Grid Layout appeared first on Smashing Magazine.

{ 0 comments }

Monthly Web Development Update 10/2017: CSS Grid, CAA Pitfalls, And Image Optimization

October 13, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

Editor’s Note: Welcome to this month’s web development update. Anselm will summarize the most important things that happened in the web community over the past few weeks in one handy list for you. Enjoy!

Web Development Update October 2017

As web developers, we’re working in a very diverse environment: We have countless options to specialize in, but it’s impossible to keep up with everything. This week I read an article from a developer who realized that even though he has been building stuff for the web for over seven years, sometimes he just doesn’t understand what’s going on: “I’m slamming my keyboard in frustration as another mysterious error appears in my build script,” he writes.

The post Monthly Web Development Update 10/2017: CSS Grid, CAA Pitfalls, And Image Optimization appeared first on Smashing Magazine.

Read the full article →

Don’t Let Your Brain Deceive You: Avoiding Bias In Your UX Feedback

October 12, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

You know that user feedback is crucial — after all, your users will decide whether your app succeeds or not — but how do you know whether users are being fair and objective in their feedback?

Don’t Let Your Brain Deceive You: Avoiding Bias In Your UX Feedback

We can tell you: They won’t be. All of your users will be giving you biased feedback. They can’t help it.

The post Don’t Let Your Brain Deceive You: Avoiding Bias In Your UX Feedback appeared first on Smashing Magazine.

Read the full article →

Implementing A Service Worker For Single-Page App WordPress Sites

October 11, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

With so many JavaScript frameworks around, single-page application (SPA) websites seem to be all the rage nowadays. However, an SPA architecture has the drawback of having a slower first-page load than a server-based application, because all of the JavaScript templates used to render the HTML view must be downloaded before the required view can be generated.

Implementing A Service Worker For Single-Page App WordPress Sites

Enter service workers. Through service workers, all framework and application code to output the HTML view can be precached in the browser, thus speeding up both the first meaningful paint and the time to interact. In this article, I will share my experience with implementing service workers for PoP, an SPA website that runs on WordPress, with the goal of speeding up the loading time and providing offline-first capabilities.

The post Implementing A Service Worker For Single-Page App WordPress Sites appeared first on Smashing Magazine.

Read the full article →

Building A Large-Scale Design System: How A Design System Was Created For The U.S. Government (Case Study)

October 9, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

Editor’s Note: We’ve been closely working with Maya on this article, and we’re happy to see the final result now being published on 18F. We highly encourage more teams to share the lessons they learned when building design systems or pattern libraries, and we’re always happy to support them in writing, editing and shaping that article. This post is a re-post of Maya’s final article.

Building A Large-Scale Design System: How A Design System Was Created For The U.S. Government (Case Study)

Today, there are nearly 30,000 U.S. federal websites with almost no consistency between them. Between the hundreds of thousands of government employees working in technology, there’s nothing in common with how these websites are built or maintained.

The post Building A Large-Scale Design System: How A Design System Was Created For The U.S. Government (Case Study) appeared first on Smashing Magazine.

Read the full article →

CSS Grid Challenge: Winners and Templates

October 6, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

CSS Grid is becoming the new layout standard for the web, and we are all still experimenting with what we can achieve with it. Some folks assume that CSS Grid is just a replacement for table layouts or Flexbox — but that’s simply not true. Some also think that they can use CSS Grid to replicate more advanced print layouts, which brings us all closer to what’s possible. Obviously print isn’t web, but we can experiment with some of the techniques from print on the web, too.

CSS Grid Challenge 2017: The Winners

One of the main reasons behind the idea of the CSS Grid Challenge was to have some starting points for layouts, and show what can be achieved with CSS Grids today. Well, we received some many great submissions that it was really hard to choose the one winner — there are so many submissions who deserve to win first place.

The post CSS Grid Challenge: Winners and Templates appeared first on Smashing Magazine.

Read the full article →