recentpopularlog in

garrettc : userexperience   616

« earlier  
Color accessibility: tools and resources to help you design inclusive products, by Stéphanie Walter - UX designer & Mobile Expert.
All the tools, tips and resources your need to build and check the color accessibility and color constrast of digital products!
webdevelopment  webdesign  css  javascript  userexperience  reference 
9 days ago by garrettc
Deconstructing E-Commerce Search: The 12 Query Types
"In this article we’ll introduce 12 types of search queries identified during our large-scale usability study of e-commerce search. While not exhaustive they reflect the main types of queries that users rely on when searching in an e-commerce context."
ecommerce  webdevelopment  search  research  usertesting  userexperience 
5 weeks ago by garrettc
Low Findability and Discoverability: Four Testing Methods to Identify the Causes
"Use IA- and UI-focused user research to determine if low findability and discoverability are caused by site information architecture or navigation design."
informationarchitecture  webdevelopment  userexperience  navigation  testing 
6 weeks ago by garrettc
Why Hover Menus Do Users More Harm Than Good
"Do you know how your hover menu is affecting users? Hover menus are a popular way to navigate. But the way they open can cause usability problems that most designers aren’t aware of. Before you settle on hover menus for your navigation, you should know how they affect users."
navigation  userexperience  webdevelopment  webdesign 
6 weeks ago by garrettc
Navigation drop-downs. Should they be hover or click?
Navigation drop-downs, or mega menus as they are sometimes dubbed, are becoming more and more common on the web. A drop-down menu is a navigation block which appears when a link is clicked (or hovered) - a good example of this can be found on the Plumpton College website. 
navigation  userexperience  webdevelopment  webdesign 
6 weeks ago by garrettc
How A Screen Reader User Accesses The Web: A Smashing Video
"In this Smashing TV webinar, join us with Léonie Watson as she explores the web alongside some unexpected properties of HTML elements that have a huge impact on accessibility and performance."
video  accessibility  userexperience  webdevelopment  html  semanticweb 
8 weeks ago by garrettc
Two Things Every Content Strategy Needs
Are your “business goals” meaningless and your “user needs” useless? The more specific you get, the better your content strategy will be.
contentstrategy  contentdesign  bestpractice  userexperience 
11 weeks ago by garrettc
Building Better Forms™ by not taking away affordances
A good example of verything you get for free by using native elements.
accessibility  css  webdevelopment  forms  userexperience 
11 weeks ago by garrettc
The Ethics of Web Performance
"When you stop to consider all the implications of poor performance, it’s hard not to come to the conclusion that poor performance is an ethical issue."
performance  energy  webdevelopment  userexperience 
january 2019 by garrettc
Gaming the System…and Winning
"Graham Herrli thinks the gamification of websites can be fun and creative…as long as it reaches the sites’ target users."
gaming  gamification  webdesign  webdevelopment  userexperience 
january 2019 by garrettc
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]
"Let’s make 2019... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences today."
performance  webdevelopment  userexperience  accessibility  checklist 
january 2019 by garrettc
Web Typography: Numerals
Richard Rutter offers sage advice on numeral usage in this excerpt from Web Typography.
typography  webdesign  readability  userexperience  numerals 
january 2019 by garrettc
Web components still need to be accessible
Eric Bailey explains why developers need to consider accessible web components in their work, and not to needlessly reinvent the wheel.
html  webdevelopment  accessibility  equality  userexperience  browsers  webcomponents 
december 2018 by garrettc
Responsive design (designers and developers working together)
"This is a deep-dive into the role of development in the design process, with a focus on responsive design. It’s aimed at design leaders/managers and developers working with design teams, and visual designers looking to become better web designers."
responsivedesign  webdevelopment  webdesign  management  userexperience 
december 2018 by garrettc
The Discipline of Content Strategy
It’s time to stop pretending content is somebody else’s problem. If content strategy is all that stands between us and the next fix-it-later copy draft or beautifully polished but meaningless site launch, it’s time to take up the torch, time to make content matter. Halvorson tells how to understand, learn, practice, and plan for content strategy.
content  contentstrategy  webdevelopment  copywriting  userexperience 
december 2018 by garrettc
Accessible SVG Icons with Inline Sprites
"At a certain stage in a project, someone always says: ‘We need icons!' We need to ensure that people who can’t see or recognize these icons can understand their purpose."
accessibility  svg  userinterface  userexperience  webdevelopment 
december 2018 by garrettc
What is First Input Delay?
"FID is a metric that tracks the delay between the time a user can attempt to interact with a part of the site, and the time that the interface is able to respond to that interaction. We have all experienced situations where a web page has visibly loaded and we try to click around on buttons or any Javascript-powered interactive elements, but nothing responds. This delay is what the FID metric tracks."
performance  webdevelopment  userexperience 
december 2018 by garrettc
Responsive Navigation Patterns
"Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, it’s worth looking at the various ways of handling navigation for small screen sizes. Mobile web navigation must strike a balance between quick access to a site’s information and unobtrusiveness."
webdesign  webdevelopment  navigation  userexperience  mobilefirst  bestpractice 
november 2018 by garrettc
Yes, Alan, There Is An ROI For UX Design
"Alan Cooper recently wrote that the value of design should be obvious to everyone in the organization. If someone is asking you to explain design’s value, it’s because they can’t see it."
business  design  roi  userexperience 
november 2018 by garrettc
Gleanly - UX repository
“A single, secure, searchable repository for all your UX knowledge, making sure those insights are never lost.”
userexperience  research  tool 
november 2018 by garrettc
UX — A quick glance about The 5 Elements of User Experience (Part 2)
"When you experience a website, maybe to buy something, or do anything, you make some decision while surfing this website. So, If we study the elements of that experience(considering all actions user can make), we can begin to understand how those decisions are made. Thus, Enhancing that experience, and satisfying user needs will get people motivated to use & interact with the product."
userexperience  webdevelopment  strategy  research 
october 2018 by garrettc
Knowbility
Knowbility is a nonprofit organization with the goal of improving technology access for millions of youth and adults with disabilities all over the world.
accessibility  userexperience  testing 
october 2018 by garrettc
Carousels on Mobile Devices
Carousels on touch screens are plagued by low discoverability and sequential access, and not all designs implement swipe as a carousel control.
userexperience  webdevelopment  carousels  mobile 
september 2018 by garrettc
Disability Tek - Help others with a disability access technology by sharing how you use it.
Disability Tek offers a platform for sharing information about technology for people with disabilities. Join our community today.
webdevelopment  webdesign  design  userexperience  accessibility  equality 
august 2018 by garrettc
The Bullshit Web
My home computer in 1998 had a 56K modem connected to our telephone line; we were allowed a maximum of thirty minutes of computer usage a day, because my parents — quite reasonably — did not want to have their telephone shut off for an evening at a time. I remember webpages loading slowly: ten […]
worldwideweb  userexperience  advertising  tracking  performance  privacy 
august 2018 by garrettc
Beyond 800 Words: Prototyping New Story Formats for News
"News on the internet is largely served up as 500 to 800-word articles - a legacy of newspapers. Although the digital article has been enhanced and improved with new technologies, it still works on the assumption that 'one size fits all'. BBC R&D is developing new story formats for news that are more effective than conventional video or article formats. I have written elsewhere about the current landscape of digital news. We think there might be better things."
news  bbc  appdevelopment  webdevelopment  data  research  userexperience  prototyping 
july 2018 by garrettc
Catwigs: A conversation with your project
"One very direct, sensible question to ask about an idea is “does it actually solve a problem?”. If it doesn’t, why are you doing it? Valid reasons include “to have fun” or “because I like it”, but what if they’re not there? Like wigs for cats, many ideas do not solve a problem. Cats don’t need wigs."
bbc  game  gamestorming  business  userexperience  designthinking 
july 2018 by garrettc
I Used A Phone Like Most People In The World And It Was Awful
"I lived with a best-selling Indian phone for 10 days. Nothing went smoothly."
android  userexperience  device  phone  mobilefirst  performance  responsivedesign 
july 2018 by garrettc
Should Links Open In New Windows?
"**No, they shouldn't**. At first glance the decision to open links in new windows or not depends on the given site and the preferences of its visitors. Visitors of the sites with heavy linking are more willing to have links opened in new windows than open dozens of links in new windows manually. Visitors of less-heavy-linkage-sites are more likely to open some specific link in new window to remain on the site and continue to browse through it afterwards. However, this is not true."
userexperience  usability  webdevelopment  webdesign  accessibility 
june 2018 by garrettc
Links Should Open in the Same Window
"The best practice is to leave the default link behavior alone. Usually, this means that the link on a website will open in that same window or tab."
accessbility  userexperience  browser  webdevelopment 
june 2018 by garrettc
How voicebots lighten our cognitive load
"We recently partnered with Mindshare Futures and J. Walter Thompson Innovation Group for their Speak Easy research project to answer that very question. Our portion of the study involved observing 102 smartphone users as they carried out a selection of tasks using Amazon’s Alexa, Google Assistant, text-based search, and questions directed to a real person. While the users performed these tasks, we monitored their neurological responses to the experience using steady state topography."
voice  chat  chatui  voiceui  userexperience  research 
june 2018 by garrettc
The Hidden Cost of Touchscreens
"Serious interfaces — those that are repeatedly used by a knowledgeable professional and/or in potentially hazardous situations, should not be touchscreen based. If a touchscreen must be used, it should be embedded alongside a set of fixed, physical buttons that support muscle memory and single actions."
userinterface  designthinking  userexperience  analog  car  automotive  physicalinterface  interface 
may 2018 by garrettc
The Illusion of Control in Web Design
"We think of our job as controlling the user’s experience. But the reality is, we control far less than we imagine."
accessibility  userexperience  webdevelopment  webdesign  userinterface  worldwideweb  networking  offlinefirst  responsivedesign 
may 2018 by garrettc
Page Transitions for Everyone
"If we take a look at how mobile apps are designed today, there is very often some sort of animated transition between states. Even ready-to-use native components have some kind of simple animation between states. Developers and designers realized that this little animation helps a user grasp what is happening in the app. It makes the navigation through the app easier and tells the user where they are going within the app."
javascript  css  webdesign  webdevelopment  animation  userexperience  userinterface 
may 2018 by garrettc
WPO Stats
WPO Stats: A collection of case studies and experiments demonstrating the impact of web performance.
performance  reference  userexperience  research  webdevelopment  data 
may 2018 by garrettc
Why Onboarding is the Most Crucial Part of Your Growth Strategy
"When people talk about growth, they usually assume the discussion is about getting more people to your product. When we really dig into growth problems, we often see that enough people are actually coming to the products. The real growth problems start when people land…and leave. They don’t stick. This is an onboarding problem, and it’s often the biggest weakness for startups. It can also take the longest to make meaningful improvements when compared to other parts of the growth funnel."
webdesign  userexperience  onboarding  business 
may 2018 by garrettc
A Guide To The State Of Print Stylesheets In 2018
We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.
print  css  webdesign  webdevelopment  userexperience 
may 2018 by garrettc
HTML5 and jQuery Super Simple Drop Down Nav
Tutorials, guides, blogs and courses on Angular, TypeScript, JavaScript and front-end development.
webdevelopment  webdesign  userexperience  css  javascript  navigation  jquery  responsivedesign 
april 2018 by garrettc
Native-Like Animations for Page Transitions on the Web
"Some of the most inspiring examples I’ve seen of front end development have involved some sort of page transitions that look slick, like they do in mobile apps. However, even though the imagination for these types of interactions seem to abound, their presence on actual sites that I visit do not.

[…]

We’ll build out the simplest possible distallation of these concepts so that you can apply them to any application, and then I’ll also provide the code for this more complex app if you’d like to dive in."
animation  css  vuejs  programming  webdevelopment  userinterface  userexperience  learning 
april 2018 by garrettc
Reconsidering the Hardware Kindle Interface – Craig Mod – Medium
"A few simple suggestions to make the hardware Kindle less complicated, a little more intuitive"
userexperience  design  kindle  amazon  device 
april 2018 by garrettc
Pitfalls of Card UIs
An optimistic design choice that ends up compounding complexity
cards  userinterface  webdesign  userexperience  webdevelopment  cardui 
april 2018 by garrettc
pix2code: Generating Code from a Graphical User Interface Screenshot
"Transforming a graphical user interface screenshot created by a designer into computer code is a typical task conducted by a developer in order to build customized software, websites, and mobile applications. In this paper, we show that deep learning methods can be leveraged to train a model end-to-end to automatically generate code from a single input image with over 77% of accuracy for three different platforms (i.e. iOS, Android and web-based technologies)."
userinterface  machinelearning  deeplearning  automation  webdesign  appdesign  userexperience  research 
april 2018 by garrettc
Focusing on Focus Styles
You should take a minute to read ’s excellent article on focus states, and designing for people.
accessibility  webdesign  webdevelopment  userexperience 
march 2018 by garrettc
How Dropbox handles downgrades
Nice deep dive on the user journey when you want to downgrade your dropbox account
dropbox  userexperience  userjourney  webdesign 
february 2018 by garrettc
How we approached service mapping
"We realised that one of the most important stages of building step by step navigation is mapping a user’s journey through a service. This enables us to understand the journey in as much detail as possible, including the different routes a user can take. It allows us to identify the parts of the journey the step by step navigation should cover and the content we should include."
gds  govuk  servicedesign  workshop  webdesign  userexperience 
february 2018 by garrettc
Taking A Look At The State Of Progressive Images And User Perception
"There is no simple way to synthesize a user’s perception of an image loading over time. We are driven by the gut feeling that showing earlier is better, even if it’s not the final content, though some users will disagree.

As developers, we need to measure performance. It’s the only way we can set targets to improve it, and know when we don’t meet a performance budget."
performance  images  webdevelopment  webdesign  lqip  research  userexperience 
february 2018 by garrettc
Kate O'Neill on Twitter
"I gave a talk quite a long time ago to print designers concerned about digital. I explained that UX is nothing new - if they’ve ever been lucky enough to choose paper or a leaflet format, or design a poster and check if the copy was visible from the other side of the room, then they’ve been dealing with UX. "
userexperience  designthinking 
february 2018 by garrettc
LukeW | Mobile Design Details: Avoid The Spinner
still holds true today: “focus on THE content being loaded not the fact that content IS loading.”
webdevelopment  userexperience  performance 
january 2018 by garrettc
Article Performance Leaderboard
A scoreboard of how quickly articles from various media companies load.
performance  webdesign  webdevelopment  userexperience  publishing  board 
january 2018 by garrettc
The Quickstart Guide to Fast WordPress
Fast WordPress performance is crucial to your business: A slow site can lower search rankings and turn off customers. Maximize your performance with this guide.
wordpress  webdevelopment  performance  optimisation  plugin  devops  userexperience 
january 2018 by garrettc
Get better data from user studies: 16 interviewing tips
"One of my favorite parts of my job is interviewing a huge variety of people about their habits, needs, attitudes, and reactions to designs. I like the challenge of quickly getting strangers to talk freely and frankly about themselves, and to try figuring out new designs and products in front of me. "
research  usercentereddesign  userexperience  interview 
january 2018 by garrettc
Never Ask What They Want — 3 Better Questions to Ask in User Interviews
"Like Erika Hall states above, when you embark on your user interviews, you’ll want to avoid asking what they want. Asking people what they want will lead you to the wrong insights. You will not discover the root cause of a problem, but rather what they envision as their own ideal solution."
usercentereddesign  research  interview  userexperience 
january 2018 by garrettc
Needs must
The tension between developer convenience and user needs.
webdevelopment  bestpractice  usercentereddesign  userexperience  userneeds 
january 2018 by garrettc
Laws of UX
Laws of UX is a collection of the key maxims that designers must consider when building user interfaces.
design  principles  reference  userinterface  userexperience  webdevelopment  webdesign  appdevelopment  designthinking 
january 2018 by garrettc
No More FAQs: Create Purposeful Information for a More Effective User Experience
It’s normal for your website users to have recurring questions and need quick access to specific information to complete … whatever it is they came looking for. Many companies still opt for the ubiquitous FAQ (frequently asked/anticipated questions) format to address some or even all information needs. But FAQs often miss the mark because people don’t realize that creating effective user information—even when using the apparently simple question/answer format—is complex and requires careful planning.
faq  contentstrategy  content  userexperience  webdevelopment  help 
january 2018 by garrettc
GSAP, the standard for JavaScript HTML5 animation | GreenSock
GreenSock Animation Platform (GSAP) is a suite of tools for scripted, high-performance HTML5 animations in all major browsers. Popular, reliable, and fast.
javascript  animation  css  library  webdevelopment  interaction  userexperience 
january 2018 by garrettc
Five user research rules of thumb – disambiguity
I've shared some of my User Research Rules of Thumb here. I'd love to hear yours.
research  userexperience  webdevelopment  appdevelopment  bestpractice 
january 2018 by garrettc
UX Glossary: Task Flows, User Flows, Flowcharts and some new-ish stuff
"UX has a long list of terms and deliverables. The list is even more apparent when viewing job descriptions that seem to throw in the full UX glossary of terms. Factor in that these deliverables have been evolving and many terms overlapping, I thought it was time to revisit."
userexperience  design  userjourney  glossary 
january 2018 by garrettc
Collected UX research posts from my government days
Leisa Reichelt rounds up some of the blog posts she wrote while working in government.
research  govuk  gds  government  webdevelopment  userexperience  usercentereddesign 
january 2018 by garrettc
A shorthand for designing UI flows
Flows are just as important to good interfaces as individual screens are. Customers don’t land on screens from out of nowhere. Specific sequences of actions lead customers through your app as they try to accomplish their tasks. But as important as they are, flows are hard to communicate du…
webdesign  appdesign  userjourney  userexperience  diagram  mapping  prototype  methodology  userinterface 
january 2018 by garrettc
Front-End Performance Checklist 2018 [PDF, Apple Pages]
Let’s make 2018... fast! A front-end performance checklist (PDF/Apple Pages), with everything you need to know today to create fast experiences tomorrow.
performance  webdevelopment  userexperience 
january 2018 by garrettc
Net Promoter Score Considered Harmful (and What UX Professionals Can Do About It)
In 2003, a marketing consultant named Fred Reichheld lit the business world on fire with the Harvard Business Review article The One Number You Need To Grow. He asserted that by asking a single…
nps  metrics  analytics  marketing  management  business  userexperience 
december 2017 by garrettc
Chatbots & Conversational UI
Articles on chatbots, conversational interfaces, artificial intelligence and how to build and design conversations for your users.
chatbot  chatui  webdevelopment  appdevelopment  userexperience 
december 2017 by garrettc
Automating Your Accessibility Tests
Seren Davies reminds us that unlike Christmas, accessibility testing should not come but once a year with a look at how to apply automated testing. By configuring tests to run against each commit, you can ensure that your site’s accessibility compliance need not be left to chance.
accessibility  userexperience  testing  webdevelopment 
december 2017 by garrettc
Home Office design posters
Home Office Digital repository of posters covering different topics - research, access needs, accessibility, design.
govuk  government  accessibility  research  posters  resource  education  userexperience 
december 2017 by garrettc
UX trends for 2018
UX trends for 2018, including artificial intelligence, chatbots, design tools, process and other topics designers are writing and thinking about.
design  userexperience  usercentereddesign  designthinking  trends  2018 
december 2017 by garrettc
Jobs-to-Be-Done in Your UX Toolbox
Steph Troeth rallies the workshop elves around an idea for revolutionising their worksheets and giving them a new way to think about approaching each job. One thing’s for certain, as Christmas approaches there’s always plenty of jobs to be done.
jobstobedone  userexperience  designthinking 
december 2017 by garrettc
« earlier      
per page:    204080120160

Copy this bookmark:





to read