Home » septiembre 2013
Java development, Evitar colores de fondo en diseño web

Evitar colores de fondo en diseño web
Los fundamentos de diseño con color de fondo son ignorados por los usuarios, interpretados como publicidad, información de contexto o estética. Los fundamentos con fondo blanco, por el contrario, son interpretados como contenidos reales del sitio donde se encuentran lo que el usuario busca. Utilización actual de los colores de fondo Las cabeceras de los sitios web, el nombre y el logo, tipicamente tienen color de fondo en casi todos los sitios. Es informacion de contexto escaso sobresaliente para el usuario y por ello es el area mas ignorada. En ningun caso se debe ubicar un vinculo a contenidos significativos del sitio en la cabecera o cercano a ella. Los colores de fondo tambien se emplean para intentar destacar la publicidad, promociones y los contenidos del sitio que se desean potenciar, es decir, contenidos que el usuario no busca, pero se desea que vea. En verdad el resultado es el contrario, el contenido con fondo de color es anulado y cuanto gran sea la intensidad del color utilizado, menor sera la visibilidad de ese contenido. Los usuarios ignoran los textos con fondo de color Ignorar los fondos de color no es un comportamiento deliberado, es la reaccion defensiva del sistema cognitivo del usuario para eludir procesar informacion no relacionada con sus objetivos. Los estudios de "eyetracking" (seguimiento de movimientos oculares) confirman que los usuarios no miran las áreas con colores de fondo y se centran preferentemente los contenidos el fondo blanco. Esto es debido a un fenómeno con el mismo mecanismo que la ceguera a los banners que provoca que cualquier contenido excesivamente resaltado (sea un banner o no), sea ignorado. Los usuarios aprenden que cualquier fondo con texto de color no es una información realmente útil. Usualmente es publicidad, promociones o simple decoración. Como respuesta los usuarios desarrollan un patron perceptivo, que les hace ignorar las areas fuertemente coloreadas del sitio. Aprenden que los contenidos reales del sitio tienen siempre fondo blanco y por ello es mas provechoso y veloz focalizarse solamente en ellos. Sitios que han abandonado los fondos de colores Los colores de fondo han ido desapareciendo de la mayoría de webs y no por razones de tendencia estética minimalista. La publicidad en Google (Adsense y Adwords) tenía fondo de color muy suave inicialmente. Ahora este fondo de color se ha eliminado y es blanco. Igualmente la mayoria de las cajas de texto de Amazon ha dejado de tener fondo de color, ni siquiera el encabezado de las tablas tiene color. En comun Amazon esta mucho menos coloreado de lo que lo estaba y cuando hay determinado fundamento con color de fondo es complementario y solo se emplea como separador de informacion. En el articulo previo "Best practices de Loquo" comentabamos que la alternativa "Publicar anuncio" situada dentro un mayor boton con color de fondo) no era localizado por algunos usuarios y sustituyendo el botoon coloreado por un vinculo de texto sin color de fondo los dificultades se han solucionado. Utilización apropiada de colores de fondo El color de fondo se puede utilizar para separar unas áreas de otras y crear rupturas que ayuden a jerarquizar y separar los contenidos. Utilizar pequeños fundamentos de color sobre un fondo mayoritariamente blanco es una forma forma de separar contenidos y que no se confundan. Cuando se coloque un texto sobre un color de fondo, hay que tener en cuenta que sera ignorado y por tanto este texto no debe ser significativo para la comprension de la pagina web. En el articulo referido a estetica y emocion se comentaba como los colores de fondo creaban bloques de informacion demasiado simetricos donde la informacion en espacio de organizarse segun su relevancia quedaba totalmente homogeneizada.

Java development, Formato pdf en la web

Formato pdf en la web
1. Los PDF's no son otra cosa, mas que una dispositivo No abuses en el uso de este tipo de documentos, esta probado que al usuario le fastidia el hecho de tener que esperar a que se cargue el archivo en su navegador, y todavia aun mas el tener que desplazarse a lo largo de algúnas pantallas para poder leer el documento. Hay que tener en cuenta que estos ficheros estan dedicados a la impresion de documentos, asi que solo proporcionalos como una opción a la version HTML. 2. Es indispensable aprender a usar esta dispositivo En la actualidad tienen lugar muchisimas herramientas, que te facultan la generacion de ficheros PDF de forma sencilla, en ocasiones, no representa gran asunto que el pulsar un boton. Sin embargo, la grania nos genera ficheros con basura, informacion innecesaria que solamente hacen mas pesados vuestros ficheros. Es por esto que es indispensable tener conocimientos mas profundos sobre la generacion de PDFs. 3. Si el enlace no es a un documento HTML, menciónalo. Es significativo referir a que tipo de archivo apunta un enlace, en caso de que este no sea un documento HTML, de esta forma no crearas una especie de navegacion misteriosa en donde el usuario no sabe a donde lo llevara el siguiente vinculo. 4. Evítale pérdida de tiempo al visitante Ten en cuenta que muchas veces no cuenta con el respectivo plugin instalado, y otras veces simplemente no quiere estar esperando a que se cargue un archivo de ese tipo. Es mucho muy traumante el tener que esperar a que se descargue un archivo PDF de 3 MB, el cual se tardaria aproximadamente 6 minutos con 58 segundos con una conexion de 56 kbps. Puedes calcular el tiempo de la descarga de ficheros con distintos conexiones en el próximo enlace http://www.martindalecenter.com/AATimeCalc.html. 5. Emplea un diseño Web fácil Crea paginas Web sencillas y de carga rapida, el hacerlas pesadas, produce el mismo resultado de desesperacion en el visitante, que el que produce la descarga de un PDF. Asegurare de optimizar tu codigo y tus imagenes. Si no quieres que tus visitantes salgan huyendo de tu sitio, al descargar un PDF de 3 MB, cuando ellos todo lo que querian ver era un producto de tu pagina, trata de utilizar los PDF de forma moderada. Siempre trata de incluir una version HTML del documento y el PDF ofrecelo solo como una alternativa. Crea una navegacion inteligente y atractiva para el visitante.

Java development, Navegación de los usuarios en sistemas web

Navegación de los usuarios en sistemas web
Segun los frutos del analizó de D'Hertefelt (2000) sobre la conciencia de seguridad en transacciones via web, la conciencia de seguridad depende principalmente de la simplicidad del sitio. Los usuarios afirman que si todo es diafano y facil en un sitio web, sienten confianza, porque aunque aun en el caso de que no esten familiarizados con el uso de ordenadores o del sitio concreto, no hay fundamentos complejos que se les escapen. Los usuarios no gustan de diseños oscuros o llenos de alternativas ocultas desconocidas que les hacen desconfiar de su pericia. Un comentario a eludir de los usuarios podria ser "la pagina esta llena de alternativas, ¿quien sabe si me he dejado cierta primordial sin completar?". Las conclusiones del analizo de D'Hertefelt afirman que el sentimiento de seguridad experimentado por un usuario en un sistema interactivo es algun por su sensacion de control del sistema interactivo, es decir, si un usuario cree que controla un sitio web tendra mas confianza en este. Debido al debajo nivel de conocimientos de los usuarios medios, estos solo creen que controlan sitios sencillos y sencillos de manejar, la usabilidad es entonces una de las claves para generar confianza. La confianza es actualmente el principal freno al desarrollo del comercio electrónico. Los usuarios se muestran reticentes a dar sus datos confidenciales y especialmente su número de tarjeta bancaria a través de la red. Las conclusiones de otro analizó (Cheskin Research) Una navegacion efectiva es una precondicion necesaria para comunicar confianza. La mejor forma de generar confianza es mediante una buena navegacion y una imagen de marca bien conocida. Los certificados de garantia especificos de Internet son escaso reconocidos por los usuarios, pero cuando lo son, transmiten gran confianza que los logotipos de fichas de credito, las cuales a pesar de ser facilmente reconocidas, transmiten poca confianza. Los certificados de uso de tecnología de seguridad comunican más confianza que los anteriores. La gran grania de sitios estudiados y que disponen de gran confianza, no tienen presencia en el mundo fisico, es decir, han logrado generar esa confianza a traves de la Red. Otros fundamentos que transmiten confianza en una web son la ausencia de enlaces rotos, los graficos de alta calidad (no en cuanto a resolucion) y un estilo diafano y conciso. Sin embargo, la confianza en un sitio baja cuando se emplea estilo promocional. Los usuarios identifican lenguaje promocional con perdida de tiempo, lo que concuerda con la extrema focalizacion de los usuarios en su meta entretanto navegan y su estilo de navegacion impaciente. Los enlaces a sitios web externos de prestigio contribuyen a la generacion de confianza porque demuestran que el autor no tiene miedo a perder usuarios y que el mismo confia en su sitio web.

Java development, Ojo con los gatgets propietarios

gatgets propietarios
Uno de los masivos males del diseño web es no apoyarse en fundamentos estandar del navegador. La obsesion de algunos diseñadores por el control de la aspecto lleva al abuso de gadgets y otros fundamentos propietarios. ¿El resultado? sitios incomodos de usar, sitios inaccesibles, sitios complicados de mantener. Scrolls propietarios Se emplea cuando desea evitarse el scroll vertical de pantalla. Su meta es reducir a un chico lugar la presentacion de informacion. El usuario debe desplazarse a traves de scrolls programados con Javascript. Ejemplos Metrosur cimienta la presentacion de contenidos en Flash. A las desventajas de un scroll incomodo de utilizar se le agrega la imposibilidad de seleccionar o copiar texto. El web paraguas de Editorial Planeta (proyecto que me resulta familiar) muestra una pequeña caja basada en DHTML con entrada a enlaces externos de las compañias del Grupo Planeta. Resulta complejo de comprender y usar. Sitio web de La Moncloa, (con frames). Ruta: Origen > Gobierno > Presidentes del Consejo de Ministros. Esto es especialmente gravisimo en la determinadas paginas donde la mezcla de scroll vertical, horizontal mas paginadores hacen inmanejable la informacion. Dificultades que plantea: Escaso intuitivo: No muestran cuánta información queda por mostrar. Escaso ágil: Imposibilidad de desplazarse al origen o al final de la capa. Velocidad de desplazamiento dependiente de la que haya definido el programador. Alternativa: uso de scroll estándar de sistema con capas y estilos CSS, menos lucidas pero con un funionamiento usual y comprensible para el usuario. Imágenes como botones Los botones son fundamentos clave de interacción en procesos transaccionales. La tradicion de utilizar GIFs como botones muestra varios problemas: Consumo de ancho de banda y tiempo de carga mayores: Según el estado de la red, hay botones que se quedan en proxies con lo que el usuario recibe pantallas sin botones. Esto no sucede con los input estándar. Mantenimiento: crear una nueva funcion que lleve vinculado un boton hace indispensable tener los materiales indispensables para crear el boton original (colores, fondo, tipografia, y en su caso iconos vinculados). Cuando el ámbito no suele variar por ejemplo, el número de botones es reducido y estable como ?Añadir al carrito? y ?Realizar pedido?, no plantea mayores problemas. La cuestión aparece en ámbitos de aplicaciones en los que contínuamente se añaden nuevas funcionalidades con botones asociados. Si además, estos botones pasan por distintos estados según acciones del usuario o se generan botones personalizados según el perfil de usuario, el uso de botones-imagen no resulta óptimo. Conviene que para el diseño de botones de formularios se utilicen fundamentos input estandar tratados con CSS. Conseguiremos mejor rendimiento y mas sencillo mantenimiento. Menús SELECT en capas Uno de los defectos de CSS es la ausencia de control del apariencia de los menus ?SELECT? o ?COMBO BOXES?. Por ello, muchos diseñadores acuden a Flash o a crear pseudo-elementos basados en codigo propietario a traves de Javascript. Ejemplos: Banesto basado en pesados javascripts que frecuentemente dan errores debido a cargas incompletas. Alternativa: menús SELECT normales o bien capas basadas en DOM y CSS como el caso del sitio de la operadora estadounidense Cingular. Fuentes Uso de tipografías y gifs para el diseño de menús. Si es posible, conviene apoyarse en código para el diseño de títulos, fundamentos de menú etc. Razones para usar fuentes estándar: Peso: menor tiempo de carga y reducción en consumo de ancho de banda. Mantenimiento: no es indispensable tener la tipografia original a mano. Accesibilidad, indexacion y entrada de traductores: hay usuarios que traducen la informacion a traves de dispositivos de traduccion de idiomas. El uso de GIFs no faculta modificar los fundamentos de navegacion a un idioma. Amazon, en su version optimizada mas reciente ha ido eliminando GIFs en su navegacion secundaria pasando a utilizar texto en codigo mas ligero y sencillo de mantener. En resumen El uso de CSS faculta alguna flexibilidad en el diseño y presentacion que es significativo aprovechar. Apoyarse en soluciones propietarias es vistoso pero suele dar mas dificultades que beneficios. Huye de los gadgets y obtendrás beneficios como: Gran facilidad de uso al utilizar patrones ya conocidos por todos los usuarios de la web. Aceleración de los procesos de carga de página por llamar a objetos nativos del navegador (elementos de formulario, botones, etc). Menor número de errores y control del funcionamiento de nuestras páginas al ser más independientes de tipo de navegador. Desarrollos menos costosos. Mantenimientos ágiles. Mejor accesibilidad y compatibilidad de las páginas con plataformas y navegadores. El consejo se podria resumir: apoyate lo mas probable en codigo estandar y diseña la articula y fundamentos clave de cada pagina de forma que sean facilmente traducibles a codigo.

Java development, Promociones en las portadas de diseños web

portadas de diseños web
Las promociones en la portada de un sitio web son publicidad no segmentada que se presenta a todo el público masivamente sin tener en cuenta sus intereses. Desde hace tiempo nadie duda de la poca eficacia de la publicidad no segmentada y los profesionales del marketing se esfuerzan en segmentar cada vez más la publicidad para que sea más efectiva. Solo en television y otros medios grandes la publicidad no segmentada tiene sentido porque el chico % de efectividad es un numero realmente alto si la masa es muy grande. A pesar de ello, las homepages en Internet están llenas de promociones y se dedica escaso lugar a presentar el resto de contenidos del sitio web (por ejemplo ver El Corte Inglés) . Esto tiene escaso sentido en un recurso donde el público se segmenta por sí mismo cuando navega guiado por sus intereses. La solución es mostrarle claramente dónde están localizados sus intereses en el sitio web. Si la posibilidad de que un artículo anunciado en la home interese a un visitante tangible es estadisticamente muy baja ¿por que las homepages estan llenas de promociones? En este articulo analizamos la situacion actual, las motivos y determinadas probables soluciones. La situación actual En la mayoría de portadas de sitios web de comercio electrónico las promociones ocupan como mínimo el 50% del espacio, marginando el resto de contenidos. No tiene sentido que el instituto del negocio, el lugar donde esta toda la oferta del sitio web quede reducido en muchos casos 10% del lugar de la portada. En el caso tipico las categorias de articulos quedan reducidas a un menu lateral o superior. Sin embargo en tan escaso lugar es dificil aclarar claramente toda la oferta del sitio web. Generalmente solo hay lugar para definir la categoria con una o dos palabras que no son suficientemente indicativas de la amplia oferta de contenidos. Esto puede provocar que el usuario no encuentre los artículos que busca y en el peor de los casos que ni siquiera imagine que los contenidos buscados estan en ese sitio web. Justificaciones de esta situación Evidentemente los articulos promocionados en la portada de un sitio web son los que mas se venden y sus paginas las mas visitadas. Evidentemente son mas visibles que los que no estan en la home y mas sencillos de localizar. Se llama profecia autocumplida a colocar las cláusulas para que se produzca el comportamiento que uno espera. Algo asi sucede con los razonamientos que justifican las promos en la home. Sin embargo, no se esta valorando correctamente el coste de oportunidad, lo que se esta dejando de ganar por presentar unos escasos articulos a costa de esconder el resto de contenidos del sitio web. Es mas sencillo situar unos cuantos articulos en la portada, que crear una buena portada que muestre realmente toda la oferta de articulos y servicios del sitio web, pero eso no deberia ser excusa para un diseño mediocre. El directorio como solución El directorio es una solución clásica, contrastada y que funciona muy bien. Pero no tiene por qué ser un directorio clásico al estilo Yahoo, escaso agradable visualmente o abarrotado de categorías y subcategorías. Un sitio web de comercio electrónico tiene muchos menos contenidos que Yahoo y mucho más lugar disponible. Este lugar se puede utilizar para presentar imágenes que complementen al directorio y hagan más atractivos e indicativos los contenidos de categorías y subcategorías. Tampoco es indispensable que presente la articula clasica de directorio, la cuestion es que muestre las categorias de contenidos del sitio web complementadas con textos e imagenes de forma que queden claros los contenidos de cada categoria. Presentar determinadas subcategorias o ejemplos de contenidos de cada categoria tambien ayuda a abandonar clara la articulacion del sitio web. Un directorio hace visibles en la home y pone a un solo clic del raton muchas categorias y subcategorias de articulos que de lo opuesto serian complicados de localizar Una vez el usuario ya ha seleccionado una categoria concreta, en la pagina de segundo nivel, poseemos el mejor espacio para mostrarle las promociones vinculadas con esa categoria de productos. El usuario se ha segmentado por si mismo lo que crece exponencialmente la posibilidad que le interese el contenido de la promocion. Buena utilización de las promos en la portada Las promos en la portada no son forzosamente negativas, pero no se debe abusar de ellas. La principal funcion de las promociones en la home es resaltar nuevos productos, sin embargo, esto se puede realizar sin ocupar la mayoria del lugar en el sitio web. Si siempre tiene lugar una promo por defecto ocupando el mismo lugar, hay mas posibilidad de generar ceguera e insensibilidad en los usuarios. Sin embargo, cuando la promo solo surge en determinadas ocasiones o solo cuando realmente hay algo nuevo o interesante que mostrar, es mas posible que capte la vigilancia de los usuarios. Cuando estan muy claros los contenidos del sitio web y es suficiente un chico y facil directorio de categorias, no es asunto que las promociones ocupen un lugar mayor. Tambien cuando el buscador funciona correctamente y sabemos que es la dispositivo favorita de los usuarios, las promociones pueden ocupar mas lugar en detrimento del directorio. Las promos son positivas porque son ejemplos de contenidos del sitio web que ayudan a abandonar diáfano "de que va el sitio" en las primeras visitas. Sin embargo todos los apariencias beneficiosos de las promociones pueden aprovecharse sin provocar los efectos contraproducentes de su abuso. Soluciones intermedias Para los que no desean arriesgarse o por otras razones no puedan quitar lugar a las promociones en la portada, hay determinadas soluciones intermedias mas sencillas que pueden ayudar a avanzar en el diseño. Una primera alternativa sencilla es agregar un entrada diafano y visible a la categoria generica del artículo promocionado junto a la promocion. Una segunda probabilidad es no renunciar al diseño actual con predominio de las promociones, pero agregar el directorio en la portada aunque sea a un nivel más debajo casi tapado por el scroll. Esto es lo que hace Yahoo. En el analisis de estadisticas del servidor puede chequearse la efectividad estos cambios. Lo recomendable es disponer de determinado sistema de seguimiento de las rutas de los usuarios que permita conocer desde que relaciones acceden los usuarios a los contenidos internos del sitio. Conclusiones No se muestran correctamente los contenidos generales de un sitio web cuando las estadisticas indican que: - Tienen lugar muchas categorias o subcategorias de artículos infravisitadas. - La diferencia entre las visitas a las promociones y el resto de contenidos no promocionados es excesiva.

Entradas populares