Hipnotiza a tus amigos

La página http://ajaxload.info/ permite crear fácilmente pequeños gráficos de progreso en varios estilos.

Good and bad grid designs

The good:
http://www.webdesignerwall.com/trends/grid-and-column-designs/

The bad:
http://www.andyrutledge.com/bad-layout-conventions.php

Presentación vista detalle en RAD RIA

Dos ejemplos de arquitectura para aplicaciones web, con el design pattern de master-detail

http://www.tracked.com/company/microsoft/financials/income
http://designingwebinterfaces.com/ria-screen-layouts

Adaptive Path - murales de diseño (sketchboards)

Artículo en Adaptive Path sobre cómo organizar los tablones de dibujo colaborativos para hacer diseños en la pared.

http://www.adaptivepath.com/ideas/essays/archives/000863.php

Prototipos dinámicos con AJAX en Visio

VisDynamica

A tool that can turn a Microsoft Visio™ project into a webpage. It uses the existing “Save as Webpage” feature, but while this function produces just a set of static images inside a frames structure, VisDynamica is supposed to make the result much closer to a real-life website.

Look Ma! I have a tag cloud

I've found Blogger has an option to show labels as a tag cloud. This is how it looks at the momento of this post:

Web app design, BetterExplained.

The guy at BetterExplained shares tips on how he designed his interactive online spreadsheet.

See also his comments on writing a blog.

And a cheatsheet for javascript, as a bonus.

Web Dogma

Danish webshop FatDux has created 10 simple Web Dogma for designing web sites, inspired by George Orwell's 5 writting rules (which are 6).

They seem tailored to convince stakeholders not falling into some very common 'business falltraps' and technicians into not overdoing it.

Wink y Denim: software para prototipos

Captura de pantallas para prototipos, pantallazos, record y edición de grabación de interacción de screencast:
Wink
http://www.debugmode.com/wink/

Herramienta experimental para prototipos en Java mediante manipulación directa (sketch) : DENIM
http://dub.washington.edu/projects/denim

Firefox extensions - the easy way

Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web

Jetpack is a Mozilla Labs project that enables anyone who knows HTML, CSS, and JavaScript to create powerful Firefox add-ons. Our goal is to allow anyone who can build a Web site to participate in making the Web a better place to work, communicate and play.

User personas vs archetypes vs roles

La diferencia entre un "arquetipo" y un "personaje" de diseño es si se ha basado en investigación de campo real (numérica, medible!).
http://www.virtualfloorspace.com/2009/09/user-archetypes-vs-personas/

A well-researched example persona for web design:
http://www.virtualfloorspace.com/2009/09/using-personas-to-guide-web-design/

A description of roles (focus on separate usage scenarios and performance, not users)
http://www.foruse.com/articles/rolespersonas.pdf

Effective design for multiple screen sizes

Principios para lograr un diseño escalable para dispositivos móviles

http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes

http://mobiforge.com/designing/story/mobile-web-design-getting-point-part-ii

Free (as in Gratis) RAD prototype applicaction

Serena - Herramienta de prototipado gratis - aplicación para crear prototipos de software y capturar requisitos.

Comparar con Justinmind Prototyper, que cuesta $690. Ver también una tabla comparativa.


Serena Prototype Composer is a free prototyping tool.
http://www.serena.com/products/prototype-composer/index.html

Prototipos interactivos con PowerPoint

http://www.boxesandarrows.com/view/interactive

Lo - hi - Appropiate fidelity prototypes

Cuándo usar un prototipo con la fidelidad visual y funcional adecuadas. En boxes and arrows.

“A sketch is not a prototype. Two sketches is a prototype. You need a way to communicate flow.” — @fred_beecher

La amarga vida del trabajador freelance

O, cómo cobra un diseñador. Relación cliente - empresa.

The laws of simplicity

Las leyes del diseño simple: como simplificar

The laws of simplicity

Law 1: Reduce

The simplest way to achieve simplicity is through thoughtful reduction.

Patrones y antipatrones de webs sociales

Una colección de design patterns y antipatterns para diseño de redes sociales.

http://designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page#Social_Patterns_.26_Best_Practices

Color wheel - pickers palette scheme

Consejos para escoger paletas de color
http://www.color-wheel-pro.com/color-schemes.html

Ruedas de color
http://www.math.yorku.ca/SCS/Gallery/colorpick.html
http://www.personal.psu.edu/cab38/ColorBrewer/ColorBrewer_intro.html

Color blind test
http://www.metafilter.com/85432/Patterns-for-the-Color-Blind
http://www.opticien-lentilles.com/daltonien_beta/new_test_daltonien.php

Color blind web design patterns
http://wearecolorblind.com/

Crear Wireframes con Firefox

Firefox Pencil Project
http://www.evolus.vn/Pencil/
(Paper prototypes and wireframes)

Un plugin para Firefox que permite crear prototipos de interacción (wireframes)