InfoQ Homepage User Experience Content on InfoQ
-
Web Animations API Now Supported in All Evergreen Browsers
With the release of Safari 13.1, the Web Animations API now ships with all evergreen browsers.
-
Beyond Responsive Design, Responsive Websites - Kilian Valkhof at HalfStack
Kilian Valkhof, creator of the web-developer-focused Polypane browser, presented at the HalfStack conference new ways that web developers and designers can provide better user experience by going a step beyond responsive design. Using recent additions to browsers, developers and designers can also respond to user preferences, the user environment, the network condition, and device capabilities.
-
New Proposal Improves Client-Side Video Editing by Four Times
Melanie Richards discussed the client-side video editing proposal that the Edge team at Microsoft has been working on. The proposal is in the incubation phase at the Web Platform Incubator Community Group(WICG) and aims at enabling dramatically faster client-side video editing experience and better performance. The proposed interface includes methods for trimming and concatenating videos.
-
IBM Launches Equal Access Toolkit to Help Developers Write Accessible Applications
IBM recently released the IBM Equal Access Toolkit and the Accessibility Checker, two new open-source toolkits that strive to give designers, developers, and testers a set of tools to make websites and applications accessible.
-
Data Fetching Patterns for a Better User Experience - Joe Savona at React Conf
Joe Savona explored at React Conf some of the ways Relay and Suspense can help improve the user loading experience and the best practices that have been identified in production for using Suspense for data-fetching.
-
Remaining Accessibility Issues in HTML Controls
The HTML standard has constantly made progress in accessibility over the years. Developers and designers have however reported some accessibility issues with common HTML controls such as <input/>, <select/>, <video/>.
-
Adobe Open-Sources Adaptive, Accessible Color Palettes Generator
Nate Baldwin, designer @Adobe’s design system Spectrum, released Leonardo 1.0, an open source color generator. Leonardo strives to enhance designer productivity and end-user experience by automating the creation of accessible, adaptive color systems using contrast-ratio based generated colors. Leonardo also supports full theme generation and is intended for both designers and engineers.
-
CSS Writing Modes Now an Official Web Standard
The World Wide Web Consortium (W3C) recently announced that CSS Writing Modes Level 3 is now an official web standard. The new CSS standard enables developers to configure texts to be laid out horizontally or vertically, as well as to set the direction in which lines are stacked. Thanks to CSS Writing Modes, content in a large number of languages can be natively displayed.
-
Chrome 81 Release Features New AR and NFC Features, and Redesigned HTML Form Controls
Google recently released Chrome 81 on desktop and mobile phones. This latest release provides new augmented reality (AR) features and new NFC features, and also shipped with redesigned HTML form controls. The redesign aims at improving the look and feel of form controls, and providing better accessibility and touch support.
-
CSS Motion Path Now Supported in Most Browsers
With the release early this year of Firefox 72, the CSS Motion Path specification is now implemented in most browsers. With CSS Motion Path, developers can implement a larger range of complex animations without resorting to JavaScript, or importing full-featured animation libraries like GSAP (GreenSock Animation Platform).
-
WebExpo 2019: Make Healthcare Affordable and Accessible Using Tech and AI
Anna Zawilska, lead user researcher at Babylon Health, recently presented at WebExpo 2019 in Prague the lessons learnt from their experience delivering remote healthcare through a combination of technology and Artificial Intelligence (AI). Babylon Health came to adjust three key assumptions underpinning their product development.
-
Optimized Lazy Image Loading with Progressive JPEG and HTTP Range Requests
Christoph Erdmann recently detailed an interesting technique for image lazy loading using Progressive JPEG and HTTP range requests. Unlike other image placeholder and lazy loading techniques, using range requests do not result in downloading extra image data while still providing a small preview image similar to the original.
-
Facebook Proposes New IsInputPending API for Faster Input Event Processing
Facebook recently announced its first major browser API contribution. The new isInputPending API aims to shorten the time between a user input and its processing by the browser, and to increase the user experience of highly interactive applications.
-
Pixi.js, HTML5 Alternative to Adobe Flash, Adds WebGL Support for Cross-Platform, Interactive Apps
PixiJS, a standard-based alternative to Adobe Flash, released its fifth major version with faster rendering and lower GPU utilization. PixiJS v5 abstracts WebGL features behind a new API which falls back to HTML5’s canvas if needed. Developers thus need not dive into the WebGL API or deal with device compatibility to create rich, interactive graphics, cross-platform applications, and games.
-
Human Centered Design for Special Needs: Q&A with Mileha Soneji
Observing users to understand their needs helps to define the problem you need to solve, argued Mileha Soneji. In her talk at ACE Conference 2019 she showed how human-centered design with minimum viable prototypes can help to gain better insight faster, and that breaking down problems into smaller problems can be used to ideate simpler solutions.