Pinboard: bookmarks for jtth tagged 'ui'

jtth + ui 24

select: none ‧ this page no items selected

mark as read ‧ unread ‧ private ‧ public ‧ add stars ‧ remove stars ‧ delete

THIS IS BOILERPLATE confirm ‧ cancel

The history of the visual design of user interfaces can be described as a gradual change towards more realism. As computers have become faster, designers have added increasingly realistic details such as color, 3D effects, shadows, translucency, and even simple physics. Some of these changes have helped usability. Shadows behind windows help us see which window is active. The physicality of the iPhone’s user interface makes the device more natural to use.

design gui icon ui usability
january 2010 by jtth

copy to mine

Crafting Subtle & Realistic User Interfaces — Flyosity: Mac & iPhone Interface Design

The underlying secret to beautiful user interface design is realism: making 2D objects on your screen appear to sit in 3D space with volume, surface properties and undulations that might appear in real life. These faux 3D objects have highlights and shadows just like objects on your desk might have, and they have textures that emulate real objects from glass to sandpaper and everything in between. Designing beautiful user interfaces has more to do with the why than the how.

design howto iphone ui webdesign
january 2010 by jtth

copy to mine

Web forms design guidelines: an eyetracking study | cxpartners

How people read popular and common websites and layouts.

ux ui hci hcid cogsci
november 2009 by jtth

copy to mine

Eyetrack III - What You Most Need to Know

How people read websites.

ui ux hci hcid usability cogsci
november 2009 by jtth

copy to mine

Chroma-Hash Demo

a sexy, non-reversible live visualization of password field input

color design security hacks webdesign css webdev idea gui dev ui javascript html usability visualization interface password a passwords input live field chroma jquery hash
july 2009 by jtth

copy to mine

F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox)

F for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school.

accessibility eyetracking nielsen reading ui marketing website patterns layout pattern usability content interface webdev webdesign writing visualization research psychology tips development internet articles technology web interesting design reference article science
july 2009 by jtth

copy to mine

Unqualified Reservations: Wolfram Alpha and hubristic user interfaces

My guess is that if there is any "next thing" in search interfaces, it will come not from smarter UIs, but from dumber ones in which the user does more work - the Graffiti effect. If a small quantity of user effort can produce a substantial improvement in user experience (which is a big if), the user will accept the bargain. Hey, it made Jeff Hawkins rich.

hubris interfaces wolfram-alpha wolfram_alpha affordance alpha wolfram.alpha wolframalpha essay usability development design article programming search ui hci ux interaction ai blog google analysis wolfram interesting web computer interface criticism
july 2009 by jtth

copy to mine

You should follow me on Twitter | Dustin Curtis

I actually tried many more permutations than I show here. I only discuss the most interesting ones below and describe my thought process along the way.

blog web design psychology articles writing webdesign ui usability blogging data inspiration language statistics communication optimization marketing conversion testing twitter persuasion copywriting socialmedia action ux clickthrough abtesting measurement calltoaction wording
july 2009 by jtth

copy to mine

Welcome to SocialHelix
networking inspiration social design ui interface usability calendar zoom
may 2009 by jtth

copy to mine

graphpaper.com - Who Watches the Watchman?
technology article design history ux ui hci security interaction watchclock
may 2009 by jtth

copy to mine

Pink: Apple's First Stab at a Modern Operating System

A division-wide staff meeting was held to determine the scope of the newly organized divisions. The developers were all given stacks of red, pink, and blue index cards and were asked to write their proposals for new operating systems on them. On the red cards, they wrote down features that could only be implemented in the far future, the pink cards were for a major revision of Mac OS not so far in the future, and the blue cards held proposals for System 4

mac apple macosx history ibm gui ui pink taligent
april 2009 by jtth

copy to mine

patternBrowser

Interface Design Patterns

gui ux ui hci information resources user repository reference design web visualization interface usability graphs webdev webdesign statistics patterns
january 2009 by jtth

copy to mine

Rands In Repose: A Signature Cadence

Reasons why Web 2.0 is genuine, or at least feels as such.

rands authenticity technology development writing culture webdesign web2.0 management inspiration essay usability people flickr ui hci human interaction ux collaboration web software
december 2008 by jtth

copy to mine

Bill Higgins :: the Uncanny Valley of user interface design

There’s a lesson here for software designers, and one that I’ve talked about recently - we must ensure that we design our applications to remain consistent with the environment in which our software runs. In more concrete terms: a Windows application should look and feel like a Windows application, a Mac application should look and feel like a Mac application, and a web application should look and feel like a web application.

ui robots robotics programming design software technology article tips psychology development interesting ajax usability interface GUI hci
december 2008 by jtth

copy to mine

The Making of... Dune II | Edge Online

Talks about how the Mac UI was an inspiring factor in the design of the progenitor of RTS games.

design computer articles history games computers interface gaming videogames ui edge interaction hci strategy rts
december 2008 by jtth

copy to mine

Flashbulb Interaction | Working through Screens Book

Working through Screens is a reference for product teams creating new or iteratively improved applications for thinking work. Written for use during early, formative conversations, it provides teams with a broad range of considerations for setting the overall direction and priorities for their onscreen tools. With hundreds of envisioning questions and fictional examples from clinical research, financial trading, and architecture, this volume can help definers and designers to explore innovative new directions for their products.