(echo echo) echo (echo): Poética de la línea de comandos

Me gustaría un texto que encontré hace tiempo y me pareció precioso. Desgraciadamente la web donde lo leí lleva caída mucho tiempo y sólo he podido rescatarlo dese archive.org. Ojalá lo hubiera escrito yo, pero no 🙂 el autor original es Florian Cramer y está traducido por Kamen Nedev (trad.)  – 2007 – CC-BY-NC-SA (espero que os guste tanto… Continue reading

Cómo crear una librería de recursos con Pencil

Si ya conocéis Pencil y os preguntáis cómo podríais definir vuestra propia librería de componentes para crear GUI en este tutorial hacemos un repaso de los pasos a seguir. Hay dos formas de conseguir nuestra propia librería Haciéndolo bien Haciéndolo rápido Como para hacerlo bien ya existe una buena documentación en la web de la herramienta vamos a explicar… Continue reading

Técnica de Card Sorting con UXSORT 

Otra semana más publicamos un nuevo vídeo para nuestro canal de UX en Training Bubbles, esta vez hablaremos de Card Sorting y de una de las pocas herramientas existentes para escritorio: UXSORT. UXSORT es una herramienta gratuita disponible para Windows que nos facilitará la ejecución de la técnica Card Sorting, imprescindible para definir buenas arquitecturas de la información centradas en las necesidades… Continue reading

Prototipar aplicaciones Windows 8 con PowerPoint

PowerMockup ofrece un kit gratuito (y otro más completo de pago) para realizar mockups de aplicaciones Windows 8 en PowerPoint en cuestión de minutos. También incluye assets para diseñar otro tipo de aplicaciones como sitios webs o apps móviles. Y es que PowerPoint es de hecho una de las herramientas más populares para hacer wireframes y prototipos low-fi. Permite diseñar interacciones,… Continue reading

Sketches or Wireframes 

Balsamiq 2.2 has been released with a stylish look & feel, some bug fixing and a new feature to choice how your mock-up will look-like either as an sketch or as a wireframe. But, is it the skin the only thing that matters?

There are some differences between these three terms commonly wrongly used between designers, although it’s also true that there are some overlap which may be the reason of such confusion.

Sketches

In the context of design, sketching is rapid, freehand drawing that we do with no intention of its becoming a finished product.

… sketching is a tool that supports the process of making, not the actual design itself.

via @uxmatters

Wireframes

A wireframe’s purpose is to communicate and explore the concepts that come out of sketching

via @uxmatters

So what’s the difference? Probably there’s no difference except the fidelity degree or the formalism of the idea. Anyhow, I think it’s a good practice really making a distinction and below I’ve listed some thoughts about it:

  1. While wireframes is a tool to think, communicate and explore, sketches are a tool to expose hypothesis, to let ideas born quickly and easily.
  2. As Balsamiq suggests, sketches look more hand-made suggesting also that the level of details is less than when using wireframes – I know you’re a great drawer but I mean with details not a fashion of art but a specification.
  3. Sketches suggests ideas to oneself, wireframes propose ideas to others.
  4. Sketches doesn’t need to specify concepts, interactions or navigation very strictly, but wireframes requires a good presentation of the visual language – ui elements, alignment, content design, navigation, and workflows.
  5. Sketches are forced to die after the exploration, wireframes could be our first deliverable in the design process.

What about prototypes?

Prototypes doesn’t need to be the evolution of a wireframe but a proof of concept of one of the many proposals designed it as wireframes. The goal is to test and validate an idea, and as sketches and wireframes, it will require to be polish up.

 

This is only a brief about the differences about sketches, wireframes and prototypes, if you are interested in this topic I suggest you to read the article  “Sketches and Wireframes and Prototypes! Oh My! Creating Your Own Magical Wizard Experience” as an starting point.

Other recommended links: