InfoQ Homepage User Interface Content on InfoQ
-
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.
-
Yelp Bento Aims to Simplify Modularized UI Development on Android
Yelp has open-sourced Bento, a framework to build modularized user interface on Android by combining different, reusable components into a single screen.
-
Ink: React for Interactive Command-Line Apps
Ink.js, self-described as "React for Command Line Interfaces", recently released its second major iteration. Ink enables to build command-line apps by assembling React components. Developers may then leverage their React knowledge, and the React ecosystem.
-
React 16.8 Releases React Hooks: Reusable and Composable Logic in React Components
The React team recently released React 16.8 featuring React Hooks. Hooks encapsulate impure logic (such as state, or effects) with a functional syntax that allow hooks to be reused, composed, and tested independently. Developers may additionally define their own Hooks by composition with the predefined Hooks shipped with React 16.8.