23.11.2014 Views

Creación de un sitio web como herramienta auxiliar en la ...

Creación de un sitio web como herramienta auxiliar en la ...

Creación de un sitio web como herramienta auxiliar en la ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Muchos <strong>de</strong> los conceptos que se analizarán <strong>en</strong> el resto <strong>de</strong>l capítulo t<strong>en</strong>drán <strong>como</strong><br />

objetivo reforzar <strong>la</strong> f<strong>un</strong>ción <strong>de</strong> éstos tres.<br />

2.3.4 Flujo<br />

Este concepto se refiere a <strong>la</strong> ruta que <strong>la</strong> mirada <strong>de</strong>l lector sigue al mom<strong>en</strong>to <strong>de</strong> revisar<br />

<strong>un</strong>a página, y está íntimam<strong>en</strong>te re<strong>la</strong>cionado con <strong>la</strong> jerarquía visual. Una bu<strong>en</strong>a<br />

jerarquía visual crea p<strong>un</strong>tos focales por medio <strong>de</strong>l los cuales se resalta primero <strong>la</strong><br />

información más importante y se guía al usuario <strong>en</strong> <strong>un</strong>a secu<strong>en</strong>cia y or<strong>de</strong>n correcto.<br />

Los p<strong>un</strong>tos focales se <strong>de</strong>fin<strong>en</strong> <strong>como</strong> aquellos p<strong>un</strong>tos a los cuales <strong>la</strong> visión no pue<strong>de</strong><br />

resistir dirigirse. Una distribución con <strong>un</strong> bu<strong>en</strong> flujo guiará visualm<strong>en</strong>te al usuario<br />

<strong>de</strong> <strong>un</strong> elem<strong>en</strong>to a otro <strong>en</strong> pantal<strong>la</strong>. El concepto <strong>de</strong> flujo se refiere también a qué tan<br />

suavem<strong>en</strong>te ocurr<strong>en</strong> <strong>la</strong>s transiciones <strong>de</strong> <strong>un</strong>a página a otra 11 .<br />

De acuerdo con Tidwell 12 , por t<strong>en</strong><strong>de</strong>ncia natural, los lectores occi<strong>de</strong>ntales revisan<br />

<strong>un</strong> docum<strong>en</strong>to iniciando <strong>en</strong> <strong>la</strong> esquina superior izquierda <strong>de</strong>bido al estilo <strong>de</strong> lectura,<br />

pero cualquier otro elem<strong>en</strong>to aj<strong>en</strong>o pue<strong>de</strong> ser introducido para crear nuevas fuerzas<br />

visuales y l<strong>la</strong>mar <strong>la</strong> at<strong>en</strong>ción <strong>de</strong>l lector, tanto <strong>en</strong> forma int<strong>en</strong>cionada (para guiarlo a<br />

través <strong>de</strong> <strong>un</strong> flujo <strong>de</strong>terminado) <strong>como</strong> acci<strong>de</strong>ntal (para distraerlo o alejarlo <strong>de</strong>l m<strong>en</strong>saje<br />

principal).<br />

La creación <strong>de</strong> <strong>un</strong> flujo para resaltar <strong>la</strong> información es <strong>de</strong> gran importancia, ya que<br />

<strong>la</strong> forma <strong>en</strong> que <strong>un</strong>a persona busca información <strong>en</strong> <strong>un</strong>a página <strong>web</strong> es muy simi<strong>la</strong>r a<br />

hojear rápidam<strong>en</strong>te <strong>un</strong>a revista o periódico.<br />

De acuerdo con Krug 13 , el lector no se <strong>de</strong>ti<strong>en</strong>e a revisar y leer cada elem<strong>en</strong>to <strong>de</strong> <strong>la</strong><br />

página <strong>en</strong> forma or<strong>de</strong>nada y continua, sino que su vista pasa <strong>de</strong> <strong>un</strong> p<strong>un</strong>to a otro casi<br />

<strong>de</strong> forma inmediata y so<strong>la</strong>m<strong>en</strong>te se <strong>de</strong>ti<strong>en</strong>e <strong>en</strong> aquello que l<strong>la</strong>ma su at<strong>en</strong>ción.<br />

Si <strong>la</strong> información <strong>en</strong> <strong>la</strong> que se <strong>de</strong>ti<strong>en</strong>e no es <strong>de</strong> utilidad o no es aquello que buscaba,<br />

<strong>en</strong>tonces su vista se dirigirá a otro elem<strong>en</strong>to que parezca importante o que sea simi<strong>la</strong>r<br />

a lo que busca.<br />

Por tanto, utilizando <strong>un</strong> número a<strong>de</strong>cuado <strong>de</strong> p<strong>un</strong>tos focales se pue<strong>de</strong> crear <strong>un</strong> flujo<br />

para dirigir <strong>la</strong> mirada <strong>de</strong>l usuario hacia <strong>la</strong> información más importante o para sugerir<br />

el or<strong>de</strong>n <strong>en</strong> que ésta <strong>de</strong>berá ser consultada.<br />

Los elem<strong>en</strong>tos utilizados para hacer <strong>de</strong> <strong>un</strong> elem<strong>en</strong>to <strong>un</strong> p<strong>un</strong>to focal son los mismos que se<br />

utilizan para el establecimi<strong>en</strong>to <strong>de</strong> <strong>un</strong>a jerarquía visual. Se recomi<strong>en</strong>da utilizar <strong>un</strong> limitado<br />

número <strong>de</strong> ellos, ya que al utilizar <strong>de</strong>masiados se disminuye <strong>la</strong> importancia <strong>de</strong> cada <strong>un</strong>o.<br />

11 GRAHAM Lisa, The Principles of Interactive Design, Delmar Publishers, Estados Unidos, 1999. Pág. 99.<br />

12 TIDWELL J<strong>en</strong>ifer, Designing Interfaces, O’Reilly Media Inc, Estados Unidos, 2006, Pág. 92.<br />

13 KRUG Steve, Don’t Make Me Think!: A Common S<strong>en</strong>se Approach To Web Usability, New Ri<strong>de</strong>rs<br />

Plublishing, Estados Unidos, 2000, Pág 22.<br />

20

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!