InfoQ Homepage User Interface Content on InfoQ
-
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.
-
Fabulous Enables Building Declarative Cross-Platforms UIs for iOS and Android in F#
In a recent Channel 9 show, F# designer and architect Don Syme and Fabulous maintainer Timothé Larivière introduced Fabulous, a community-driven F# framework aimed to build cross-platform mobile and desktop apps based on Xamarin.Forms.
-
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.
-
Material-UI 4.9 Release Improves Support for Material Design Specification
Material-UI, a React UI framework, recently released version 4.9.0 with dozens of improvements to UI components and better alignment with the Material Design specification. This release added or resolved inconsistencies with hover across several key UI components including the IconButton, ListItem, and TableRow. The release resolves dozens of smaller inconsistencies and makes refinements.
-
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).
-
Storybook 5.3 Released, Targets Design Systems, Supports Web Components
Storybook 5.3 was recently released and strives to allow developers to build production design systems faster. Storybook users can now document their components with MDX, have a documentation site automatically generated, and integrate with popular design tools like Sketch, Figma or Adobe XD. Storybook 5.3 also now officially supports web components.
-
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.
-
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.
-
Facebook and University Researchers Developing Mind-Reading System
As part of a Facebook Reality Labs (FRL) brain-computer interface (BCI) research program called Project Steno, a team of scientists from the University of California, San Francisco (UCSF) described their work on converting brain waves into a text transcription of speech. The goal of Facebook's project is a device that allows users to "type" by imagining themselves speaking.
-
Applying Cyberpsychology Research for a Positive Internet Experience
There is a lot of opinion and not enough fact on how we use the internet and the effect of the internet on our lives; the goal of cyberpsychology is to establish the facts, said Oonagh O'Brien. At RebelCon.io 2019 she spoke about her research on the use of the internet and its effects on student well-being and academic performance, and on positive use of and positive development on the internet.
-
Ionic Introduces Stencil One, Targeting Fast, Reusable UI Components and Apps
The Ionic Framework’s new “Stencil One” compiles to optimized Web Components and progressive web apps. Developers may write a component once, and reuse it in any framework – Angular, React, Vue, Ember or with plain vanilla JavaScript, by adjusting the Stencil compiler options. Stencil One also provides pre-rendering, automatic component documentation, Hot Module and Style Replacement, and more.
-
UX Design Ethics: Dealing with Dark Patterns and Designer Bias
It’s easy to design an interface that persuades users into something that’s in the interest of a company. The question design community needs to ask more often is if we should comply with such practices, argued Agnieszka Urbańska and Ewelina Skłodowska, UX designers, at ACE! 2019. Dark patterns and even unconscious designer’s bias contradict empathy and are incompatible with human-centered design.
-
How Design Systems Support Team Communication and Collaboration
By using design systems, design teams can improve their workflow, reuse their knowledge, and ensure better consistency, said Stefan Ivanov. They allow one to fail faster and to speed up the iteration cycle, enable spending more time collecting user feedback in the early stages of product design, and reach the sweet spot of a product market fit much faster.