Pinboard: bookmarks for jtth tagged 'design'

As technologically mediated experiences become increasingly common outside of the work context, designing for play, learning and awareness, to name a few, should be guided by creative principles and not necessarily by traditional human-computer interaction (HCI) measures of efficiency and effectiveness that can result as an impediment to experiential interactive designs. An alternative framework for design, ambiguity, as defined by Gaver, Beaver and Benford in their paper, "Ambiguity as a Resource for Design," will be applied to interactive designs that support awareness, learning and play. Specifically under investigation are interactive works of art that encourage awareness such as the Projected Realities system and the Influencing Machine; encompassing designs that promote learning, individually and collectively, among children and adolescents such as Full-Contact Poetry and NIMIS; and environments that support play such as The Hunting of the Snark and Bystander.

technology ux hci design
january 2010 by jtth

copy to mine

Form Design with Sliding Labels « CSSKarma
css design javascript jquery
january 2010 by jtth

copy to mine

ignore the code: Realism in UI Design

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

Запазени знаци и символи от Стефан Кънчев
design logo art minimalism
january 2010 by jtth

copy to mine

[no title]

Priori Acute is the latest addition to the Priori family. It is the result of a series of experiments into three-dimensional letter form design inspired by 19th Century display and artistic printing types. However, instead of simply adding drop shadows or fake relief to create the illusion of depth, the designers at Jonathan Barnbrook's studio took their cue from such diverse sources as the angles on the Stealth bomber and the visual conceit in the work of the Dutch graphic artist M.C. Escher.

The resulting forms are a playful exhibit of incongruous perspectives and twisting shapes that fold into themselves tricking the eye to shift the plane. At first glance and at small sizes the effect is subtle and the original letter forms themselves remain intact, retaining the history of British early 20th century typography, which was an inspiration for the original Priori family. But when blown up, the individual Priori Acute characters become beautifully animated and work well in selective situations such as initial caps, short headlines or logo design.

design font typeface
january 2010 by jtth

copy to mine

Bembo® Infant Complete Family Pack - Fonts.com
typeface design wishlist
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

InteractiveStory.net
game design narrative story ai
october 2009 by jtth

copy to mine

See the Bigger Picture Album - a set on Flickr

Would make nice posters.

art design flickr wishlist poster
september 2009 by jtth

copy to mine

The Font War: Ikea Fans Fume over Switch to Verdana - TIME
design article typography fonts art font news advertising articles business consumer microsoft teaching time marketing
september 2009 by jtth

copy to mine

Personas | Metropath(ologies) | An installation by Aaron Zinman
design identity art cool internet search interactive visualization mit
august 2009 by jtth

copy to mine

Chrome Experiments - Home

Chrome Experiments Not your mother's JavaScript

demo experiments canvas js googlechrome experiment visualisation browsers experimental browser chrome webdesign visualization cool art web design programming
august 2009 by jtth

copy to mine

Where I Write

SF writers in their nests.

casa authors workspace sciencefiction creativity literature design geek creative cool interesting english photos writing fantasy sf photo books office inspiration space writers author people scifi neat photography
august 2009 by jtth

copy to mine

The Wilkinson Residence in Portland Oregon - New & Cool Architecture | Lost At E Minor: For creative people

a beautiful house

design architecture
august 2009 by jtth

copy to mine

Maxpedition.com - MAXPEDITION HARD-USE GEAR® (Primary innovator and premier manufacturer of outdoor, hunting and tactical nylon gear)

next time i'm looking for a bag or wallet i'm looking here

design military tools clothes cool gun shopping bags wishlist storage bag store travel gear backpacks gadgets shop tactical camping accessories backpack edc packs outdoors backpacking
august 2009 by jtth

copy to mine

Google Similar Images

Similar Images allows you to search for images using pictures rather than words. Click the "Similar images" link under an image to find other images that look like it. Try a search of your own or click on an example below.

similar googlelabs searchengine service copyright labs image design tools interesting photography images web photos search pictures tool google graphics utility photo visual
august 2009 by jtth

copy to mine

Advice on designing scientific posters

A scientific poster is a large document that can communicate your research at a scientific meeting, and is composed of a short title, an introduction to your burning question, an overview of your trendy experimental approach, your amazing results, some insightful discussion of aforementioned results, a listing of previously published articles that are important to your research, and some brief acknowledgement of the tremendous assistance and financial support conned from others—if all text is kept to a minimum, a person could fully read your poster in under 10 minutes.

conferences powerpoint presentation teaching guide science writing academia conference work graphics advice reference phd poster graphic school howto design communication academic tutorial posters presentations tutorials research tips
august 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

30 Examples of Extreme Minimalism in Web Design | SingleFunction

Gushing over these simple sites.

minimal minimalism twitter ux minimalist design web webdesign web2.0 webdev inspiration website
july 2009 by jtth

copy to mine

Billings 3 | Professional Time Billing for Anyone.

You've probably made sure that your website, business cards and letterhead reflect you and your professionalism. Now it's time to extend that professional look to your invoices. In fact, your image should be at its strongest, when you ask your client for payment. Billings generates the most professional looking invoices anywhere and we've included 30 templates to choose from. Simply add your logo and contact details and you are ready to invoice out of the box. You can get your first invoice out in 5 minutes.

mac software design apple tools osx macosx business productivity money inspiration program application management time finance tracking project apps freelance billing invoice app timetracking invoicing projectmanagement accounting billings invoices
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

Dangerous Minds - KLAUS KINSKI SKATEBOARD

KLAUS KINSKI SKATEBOARD

design blog art surreal skating
july 2009 by jtth

copy to mine

白痴ランド

Amazing art mixing old classical Japanese works with new ideas.

art illustration japan portfolio design gallery artist drawing japanese manga
july 2009 by jtth

copy to mine

MachineCodex :: Software : DateLine

DateLine is a small, simple app which displays a linear calendar on your desktop in a transparent window. It provides easy access to iCal by double clicking on a day. The background and text colors are customizable with support for transparency.

mac software design tools osx opensource apple free macosx tool productivity time application desktop freeware calendar cocoa utility utilities app ical applications timeline date dashboard
july 2009 by jtth

copy to mine

alex dragulescu :: dynamic for the people

Alex Dragulescu is a Romanian visual artist whose practice embraces both traditional and new media. His projects are experiments and explorations of algorithms, computational models, simulations and information visualizations that involve data derived from databases, spam emails, blogs and video game assets.

software design programming blog cool art computer data visualization technology information images digital processing artist media experimental culture music portfolio spam artists architecture code graphics inspiration graphic newmedia 3d generative
july 2009 by jtth

copy to mine

Omkrets arkitektur: Typografi
typography fonts free typeface design freeware type font miso
june 2009 by jtth

copy to mine

Hybrid-Home Limited Edition Print Bike Love - Light Green
shirt print image art design bike cycling
june 2009 by jtth

copy to mine

P´3613 Tobacco Pipe 909, black - Porsche Design Studio

The tobacco pipe is elegant and characterised by its gently rolling lines. Made from forty-year-old Bruyère wood, that refines the taste of the tobacco and turns the enjoyment of pipe smoking into a unique experience. The cooling ribs cut into the material along the lines of the famous air-cooled Porsche boxer engines create a thermal effect that cools the pipe bowl to a pleasant temperature.

pipe design tobacco porsche
june 2009 by jtth

copy to mine

Filthy Gorgeous Things | Voyeur | Erotica Curiosa

Consider this sex chair from 1890, commissioned by Edward VII of Britain. It's a strange object, designed for orgiastic indulgence, though I've yet to determine how it was best used. I can see easy access, with stirrups designed for the free display of pussy, and what look like foot grips for traction. It could be used for cunnilingus, for sex with multiples, perhaps for an up-skirt peepshow. It's both luxurious and perplexing.

sex chair design king edward art furnature
june 2009 by jtth

copy to mine

aM laboratory

Simple sinewave synthesizer triggered by an ordinary 16step sequencer. Each triggered step causes a force on the underlaying wave-map, which makes it more cute. Makes me feel like a kid.

sequencer flash sound design matrix games tools art tool synthesizer game cool actionscript inspiration web fun audio kids awesome visualization music interactive online tonematrix tenorion synth musica tone as3
may 2009 by jtth

copy to mine

Kunal Anand - looks del.icio.us

The looks del.icio.us project is my first attempt to combine graphics design with programming. The concept is to see how users develop and sustain their tagging methodologies on del.icio.us. I'm not a formal art student or have a computer science degree. I'm just curious.

design python beautiful delicious brilliant Tags information programming art data mapping infographics del.icio.us tree maps web computer graph visual research graphs socialnetworking visualisation tagging visualization datavisualization dataviz tag
may 2009 by jtth

copy to mine

ColoRotate: Home

3d color picker

colors reference palette tools webdesign design graphics css color
may 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

Color Scheme Designer 3
tools design webdesign graphics generator scheme color theme colors
may 2009 by jtth

copy to mine

The Preppy, Eclectic Dorm Room of Drew University Senior Maximilian Sinsteden - Home Design Spring 2009 -- New York Magazine

You will not find any bubbling lava lamps, fluffy flokati rugs, or Led Zeppelin black-light posters here. Maximilian Sinsteden’s dorm room, a tiny box in Hoyt-Bowne Hall on the bucolic campus of Drew University in Madison, New Jersey, looks more like a space fit for Thurston Howell III. But it is in fact a perfectly authentic expression of the 21-year-old college senior who was voted “preppiest in the class” at Choate Rosemary Hall and has a sincere love for Stubbs & Wootton slipper shoes and melon-colored pants. “I can’t live in a minimalist world,” says Sinsteden, who is majoring in French and art history. “For me, it’s all about eclecticism.”

design architecture fashion
may 2009 by jtth

copy to mine

well-formed.eigenfactor.org : Citation Patterns
web information design eigenfactor diagram
may 2009 by jtth

copy to mine

COLOR IN MOTION
art inspiration animation design flash webdesign color colors colour
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

flipping typical

writes out a phrase in all the fonts installed on your system

tools web visualization design webdesign fonts font typography
april 2009 by jtth

copy to mine

DM's Esoteric Programming Languages - Intelligent Design Sort

The probability of the original input list being in the exact order it's in is 1/(n!). There is such a small likelihood of this that it's clearly absurd to say that this happened by chance, so it must have been consciously put in that order by an intelligent Sorter. Therefore it's safe to assume that it's already optimally Sorted in some way that transcends our naïve mortal understanding of "ascending order". Any attempt to change that order to conform to our own preconceptions would actually make it less sorted.

funny design humor programming algorithms geek algorithm religion creationism
april 2009 by jtth

copy to mine

WEB色見本原色大辞典 - HTML Color Names
tools web design reference webdesign html color css
april 2009 by jtth

copy to mine

Freedom Seat
design bicycle ergonomics seat
april 2009 by jtth

copy to mine

Elliott Kember dot Com

One of the better personal websites I've ever seen.

inspiration design programming webdesign webdev portfolio css javascript
april 2009 by jtth

copy to mine

TopatoCo: Everything
design funny humor store t-shirts
february 2009 by jtth

copy to mine

well-formed.eigenfactor.org : Visualizing information flow in science

Interactive visualizations of scientific influence as measured through Eigenfactors.

science reference art design cool research visualization flash inspiration data academia information graphs beautiful processing metrics citation networks publication infographics flare eigenfactor citations bibliography visualisation mapping journals charting flow infovis
february 2009 by jtth

copy to mine

TinEye Reverse Image Search

TinEye a reverse image search engine. You can submit an image to TinEye to find out where it came from, how it is being used, if modified versions of the image exist, or to find higher resolution versions.

photography tineye webservice design tools cool internet search graphics image database picture online comparison visual recognition searchengine pictures photos photo images
january 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

Main Page - Digital Foundations

Digital Foundations: Introduction to Media Design with the Adobe Creative Suite integrates the formal principles of the Bauhaus Basic Course into an introduction to digital media production with the Adobe Creative Suite.

reference software design blog art free tools book wiki resource illustration diy graphics learning photoshop digital boingboing adobe cc creativecommons bauhaus
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

Victory City: The City of the Future
design development weird future architecture city collective urban cities cyberpunk ohio utopia urban_planning futurism victorycity
december 2008 by jtth

copy to mine

Damn Interesting » On the Origin of Circuits

It seems that evolution had not merely selected the best code for the task, it had also advocated those programs which took advantage of the electromagnetic quirks of that specific microchip environment. The five separate logic cells were clearly crucial to the chip's operation, but they were interacting with the main circuitry through some unorthodox method– most likely via the subtle magnetic fields that are created when electrons flow through circuitry, an effect known as magnetic flux. There was also evidence that the circuit was not relying solely on the transistors' absolute ON and OFF positions like a typical chip; it was capitalizing upon analogue shades of gray along with the digital black and white.

science article design programming cool interesting computer technology research algorithm computing antenna genetic biology nasa hardware ai electronics history evolution circuitry
december 2008 by jtth

copy to mine

TheDieline.com: The #1 Package Design Website, World's Best Packaging: Wine Case Lamp by Ciclus

The concept is simple. The cava case consists of two layers in which the interior layer is the actual wine carrier, while the outer layer turns into the lamp. The inner layer consists of two packages: one to hold the cava bottle and one to hold the bulb and electric line. Nothing is wasted as the small compartment turns into the base of the lamp. The following photos show the wine case/lamp-making process:

design lifehacks shopping marketing green idea gift gifts lamp recycling sustainability packaging wine
december 2008 by jtth

copy to mine

NumberSpiral.com - Home

Really cool number spiral play.

article reference design art cool interesting tutorial fun research education math visualization Geek mathematics algorithms information theory code learning number geometry patterns numbers primes spirals
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

C++ FQA Lite: Defective C++

This page summarizes the major defects of the C++ programming language (listing all minor quirks would take eternity). To be fair, some of the items by themselves could be design choices, not bugs. For example, a programming language doesn't have to provide garbage collection. It's the combination of the things that makes them all problematic. For example, the lack of garbage collection makes C++ exceptions and operator overloading inherently defective. Therefore, the problems are not listed in the order of "importance" (which is subjective anyway - different people are hit the hardest by different problems). Instead, most defects are followed by one of their complementary defects, so that when a defect causes a problem, the next defect in the list makes it worse.

article reference design programming computer humor development hacking code language humour coding Languages C++ debate faq dev defective criticism fqa rant
december 2008 by jtth

copy to mine

Maxing out your Triangle — jackcheng.com

These three things fulfill some of our very basic needs—they give us stability, excitement, ways to contribute and opportunities to grow. If you’re with me so far, then allow me to present exhibit A, the love-growth-cash triangle:

reference design cool tips interesting fun articles visualization lifehacks productivity work philosophy gtd money life project inspiration career reading graphs jobs happiness lifehack love job charts triangle infographics growth love-growth-cash
november 2008 by jtth

copy to mine

Boris Artzybasheff

Fought with anti-communist White Russians before immigrating to US (he spoke no English and arrived with 14 cents). A chameleon, able to adapt different styles, from children's books to portraits. Renowned for his ability to turn machines into living beings (and living beings into who-knows-what). Advisor to the Psychological Warfare branch during WW II. A profuse illustrator for the majors: Life, Fortune, and Time (producing 200+ covers for the last). Illustrated 50 books, including those he wrote himself, notably "As I See." Plentiful ad work for Xerox, Shell Oil, Pan Am, Casco Power Tools, Alcoa Steamship lines, Parke Davis, Avco Manufacturing, Scotch Tape, Wickwire Spencer Steele, Vultee Aircraft, World Airways, and Parker Pens. Mechanics Illustrated profiled him with a cover story in 1954, "When Machines Come to Life."

reference artzybasheff artists retro artist 1950s arte covers design art interesting history illustration collection gallery
november 2008 by jtth

copy to mine

« earlier

Copy this bookmark: