#ui (151 links)
- Adapting a design system to work for the Metaverse stackoverflow.blog
Where it becomes very convenient for user interfaces, and we'll take the example of React here, is that instead of maintaining additional fields in your state to display or not an error (which will likely be desynchronized by mistake, since there's a human responsibility to maintain it), you can store a result value in your component state, and explode it directly in the render function to derive what you need to display.
- The UX of LEGO Interface Panels – George Cave designedbycave.co.uk
- Spec · 8-Point Grid spec.fm
- Stop Misusing Toggle Switches uxmovement.com
- Writing Resilient Components — Overreacted overreacted.io
- Architecting UIs for Change joreteg.com
- The Elements of UI Engineering - Overreacted overreacted.io
If you worked a user interface, you’ve likely dealt with at least some of these challenges — either directly or using a library.
- Terminology Search - Microsoft | Language Portal microsoft.com
Translations for common UI phrases.
- UX Power Tools | Sketch smarter. uxpower.tools
- LukeW | Touch Target Sizes lukew.com
- HTML5 Touch Interfaces: SXSW extended version. slideshare.net
- LukeW | Touch Gesture Reference Guide lukew.com
Contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures.
- Mobile UI Patterns | UI that I Heart mobile-patterns.com
- LukeW | Netflix Makes Content the UI lukew.com
Ultralight wireframe tool.
- Adactio: Journal—One web adactio.com
This is why I’m saying that most of the time, creating a separate mobile website is simply a cop-out. It’s a tacit acknowledgement that the regular “desktop” site is beyond help. The cop-out is creating an optimised experience for one subset of users while abandoning others to their bloated fate.
- My First Week with the iPhone | Behind the Curtain behindthecurtain.us
Last Wednesday, my life changed forever. I got an iPhone. I consider it the greatest thing to happen to the blind for a very long time, possibly ever. It offers unparalleled access to properly made applications, and changed my life in twenty-four hours. The iPhone only has one thing holding it back: iTunes. Nevertheless, I have fallen in love.
- jQuery TOOLS - The missing UI library for the Web flowplayer.org
"What you really need are tabs, tooltips, accordions, overlays, high usability, striking visual effects and all those "web 2.0" goodies that you have seen on your favourite websites." Or perhaps, "what you always get asked to provide, whether you like it or not".
- jQTouch jqtouch.com
A jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.
- Writing Microcopy - Bokardo bokardo.com
The fastest way to improve your interface is to improve your copy-writing.
While a lot of Tabs-Scripts claim to be accessible it turns out, most of them are really not.
- iui - Google Code code.google.com
User Interface (UI) Library for Safari development on iPhone
For throwing at certain designers. Surprising how poor some cta's are.
- Learning from "bad" UI - (37signals) 37signals.com
The fact that a screen is “cluttered” doesn’t automatically mean it is poorly designed or ill-conceived.
- Design Stencils - Yahoo! Design Pattern Library developer.yahoo.com
Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG)
- Getting Satisfaction | GarrettDimon.com garrettdimon.com
When I originally checked out Get Satisfaction, I was immediately impressed. However, it wasn't until I needed to get in and use it for myself that I really began to appreciate the depth of thought apparent in the interface.
The Google User Experience team aims to create designs that are useful, fast, simple, engaging, innovative, universal, profitable, beautiful, trustworthy, and personable.
- Jumpchart » Home jumpchart.com
Great idea, massively overpriced.
My personal experience registering for 87 accounts with the top online retailers and offer some tips for registration form design.
- UI-patterns.com ui-patterns.com
User Interface Design pattern library.
- YUI Theater — PPK on the Professionalization of Frontend Engineering » Yahoo! User Interface Blog yuiblog.com
PPK has embarked recently on a project to create a professional organization for frontend engineers in his native Holland. The organization is called “Fronteers” (frontend engineers)
- 30 Usability Issues To Be Aware Of | Know-How smashingmagazine.com
30 important usability issues, terms, rules and principles which are usually forgotten, ignored or misunderstood.
Instead of cluttering client sites with this kind of widget I’ve started adding a set of pages with information that helps the user resize text in their browser.
- About the Book - Designing Interfaces designinginterfaces.com
An intermediate-level book about interface and interaction design, structured as a pattern language.
- ActsAsUndoable | Javascript nodetraveller.com
- Web Application Form Design uie.com
Variations in the alignment of input fields, their respective labels, calls to action, and their surrounding visual elements can support or impair different aspects of user behavior.
- jQuery UI: Widgets, Components, and Interactions ui.jquery.com
A set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
- Design Inside Yahoo!: George Oates | unraveled unraveled.com
I talked to George about Flickr’s beginnings at Ludicorp, its place in Yahoo!’s social media strategy and the Flickr design process.
Holding on to this disbelief – this myth that users won’t scroll to see anything below the fold – is doing everyone a great disservice, most of all our users.