Jose santana Observacion de paginas

PAGÌNA: http://www.emol.cl/

DISEÑO:
- Diseño en cascada.
- Menú, parte superior de la página.
- Destacados por toda la página.
- Banner sin movimiento centrado y de muy buen tono de color suave, da la sensación de tranquilidad a la vista humana.
- Colores: los colores que destacan la noticia y los anuncios son demasiados fuertes y distorsionados (no homogéneos) pero en este tipo de página podría aceptarse de un modo muy rebuscado.
- El logo de la pagina es recatado y se utilizan muy buena combinación de colore homogéneos.

USABILIDAD:
- Al ser un sitio de un diario, es aceptable que introduzcan demasiada información, pero creo que seria de mayor utilidad colocar solo el titulo de la noticia como hipervínculo y no colocar el titulo y además un pie de pagina..
- Demasiada importancia a la publicidad, de echo creo que se le da mas énfasis a la publicidad que al contenido al cual va enfocado el sentido de la pagina (informar)
- Demasiados cuadros de menús.
- Demasiada información repetida.
- Fácil intuitiva pero muy desordenada.

OPINIÒN PERSONAL:
- El sitio si bien es de noticia, creo que esta demasiado enfocado a la publicidad, los enlaces de las noticias no deberían tener un pide de pagina ya que esto desordena demasiado lo que se trata de resaltar que es la noticia, existen demasiados menús lo que me dan la sensación de muchísimo desorden, Creo que el diseñador trato de meter demasiada información, publicidad en un espacio muy reducido.

____________________________________________________________________________________

PAGÌNA: http://www.mega.cl/

DISEÑO:
-Estilo cascada
-Menú en la parte superior.
-Información de interés en la parte superior de la pagina que se valora pero sin embargo no esta como bien destacada, el usuario debe poner demasiada atención para fijar su vista en la información.
- El logo de la empresa esta muy bien ubicado en la parte superior izquierda, me gusto la ubicación pero no le hubiese colocado el color del logo al fondo de la pagina, como que da la sensación de que el logo pasa desapercibido.
-Me gusta el modo en el que promocionan sus programas, con un banner de paso suave y muy bien difuminado.
-La publicidad que se encuentra en el costado derecho se la pagina esta muy bien ubicada, y creo que con solo una de ellas como lo destaca esta pagina basta y sobra.
-Los destacados de noticias o de información están muy bien resaltados en el cual se coloca una fotografía y el titulo de la noticia.
- Lo que no es de mi agrado es el color del fondo de la pagina, es entendible que sea el color institucional y todo eso pero no creo que deba ser el adecuado para el fondo, es muy fuerte y resalta demasiado , vibra en el ojo humano, produce incomodidad visual.

USABILIDAD:
Lo menús muy bien ubicados.
-El menú esta bien destacado con una letra mas grande y gruesa.
La accesibilidad es intuitiva lo cual facilita la navegación.
-Las fotos mantienen un tamaño muy adecuado por lo que no entorpecen la lectura de la información.

OPINIÒN PERSONAL:
-Es una buena pagina exceptuando el color, la accesibilidad es intuitiva, la publicidad es la necesaria, los banner en movimiento son suaves , ceo que es una pagina que cumple con el mejor refrán dentro del mundo de la creación de las paginas web “poco, pero bueno”, que es lo que quiere decir esto que no es necesario llenar un pagina de información, publicidad y banner brutos si no que basta con colocar lo necesario para satisfacer la necesidad del usuario.

_____________________________________________________________________________________

PAGÌNA: http://www.blogger.com/www.serviu.cl

DISEÑO:
-No logres dimensionar el diseño.
-El color de fondo es muy atractivo.
El logo del gobierno muy bien ubicado además que creo que como diseño es un muy buen logo, me transmite alegría, pureza.
-L a foto del fondo creo que esta muy bien seleccionada, muy bien desvanecida.
-El cuadro central creo que es muy grande.
-El mapa de chile esta muy bien diseñado pero pesimamente distribuido, con esto quiero decir que el diseño es bueno pero no para colocarlo en una pagina, hubiese preferido colocar las regiones en una lista.
-Me molesta enormemente el extenso texto donde explica que es el SERVIU que es lo que hace no me gusta me produce cansancio y de aburrimiento, me da la sensación de no querer seguir explorando el sitio.

USABILIDAD:
-El menú esta distribuido en el mapa de chile, creo que un mapa no es buen menú,.
-Sal cliquear sobre una región, yo como usuario esperaría un despliegue de información con respecto de mi región, información de relevancia para el usuario sectorizado, pero sin embargo solo salen mas textos, mas teléfonos, mas lugares donde dirigirse, encuentro que eso es solo bulto, información valiosa pero mal acompañada.

OPINIÒN PERSONAL:
Esperaba mas de un sitio de l gobierno de chile, creo que es muy pobre con respecto a la información, en esta pagina el diseñador no entendió lo que significa “poco, pero bueno” coloco muy poco y además mala información, es una pagina que no me produce interés.

_____________________________________________________________________________________
PAGÌNA: http://www.johnsons.cl/

DISEÑO:
-La pagina esta diseñada en un modelo de cascada desplegable.
-El logo de la empresa esta ubicado de forma simple, se entiende muy bien de que empresa estamos refiriéndonos.
-El banner lo encontré como que cambia muy rápido de información a otra.
-Los menús están de muy buen tamaño, y con el color adecuado, no cae en el excesivo resalte.
-Los colores son bien distribuidos, no producen intranquilidad en el usuario que la visita.

USABILIDAD:
-Buena distribución de su información, tomando encueta de que es una pagina de exhibición y venta de productos.
-Los anexados son eficientes.
-La página es liviana a pesar de la importante información que posee.
-El sitio es eficiente en el ámbito de respuesta.

OPINIÒN PERSONAL:
-La pagina tiene muy buena distribución en lo que quiere ofrecer, yo e trabajo mas de 5 años con ella siempre esta actualizada, y es muy eficiente en lo que a velocidad de respuesta se refiere.
-Los colores son variables dependiendo de la fecha (invierno, verano, navidad, fiestas patrias) así también los banner son muy ingeniosos.
-Muy buena pagina, podría variar distribuir la información en una especie de tabla que incluya todas la categorías, solo para no crear la bajada de la vista leyendo y buscando la información que deseo encontrar.

_____________________________________________________________________________________
yyyyyyyyyyyyyyyyyyyyyy........el msj de siempre......

TRABAJO observacion de paginas Vladimir Ovando

TRABAJO ACERCA DE -4- PÁGINAS WEB



PARA SER PRESENTADO A
PROFESOR: GERARDO GONZALES
ASIGNATURA:
SOFTWEAR DE DISEÑO GRAFICO





CARRERA :

INGENIERIA MULTIMEDIA E INTERNET

ALUMNO

VLADIMIR OVANDO HOFFMANN




INTRODUCCION

EN RESPUESTA AL TRABAJO SOLICITADO POR EL PROFESOR, E

DECIDIDO UTILIZAR ALGUNAS DE LAS REGLAS HEURISTICAS, PARA

SATISFACER LA

NECESIDAD DE TENER UNA OPINION MAS CERCANA A LA DE LOS

EXPERTOS EN EL TEMA, YA QUE ESTAS REGLAS SON LA BASE PARA

PODER DETERMINAR SI UN SITIO WEB, ES DE FACIL USABILIDAD PARA

EL USUARIO TANTO EL EXPERTO QUE SERA CAPAZ DE DETERMINAR CON

CLARIDAD LAS FALENCIAS EN UN SITIO, TAMBIEN AL USUARIO COMUN

SIN LA EXPERTICIA, Y EL GRADO DE CONOCIMIENTO EN LO QUE A ESTA

MATERIA SE REFIERE, PERO SI SERA CAPAZ DE DETERMINAR SI UN SITIO

WEB PUEDE SER USADO POR EL SIN TANTA COMPLEJIDAD Y CON LAS

COMODIDADES QUE EL REQUIRE, PARA UN ACCESO QUE LE DE PLACER,

AGRADO Y LO QUE ES MAS DESEABLE….QUE SIRVA PARA LO QUE EL

REQUIERE.



LAS -10- REGLAS HEURISTICAS

Estas son según Jakob Nielsen (”gurú” de la usabilidad) las 10 reglas más importantes de la usabilidad:
Visibilidad del estado del sistema. El sistema debe siempre mantener a los usuarios informados del estado del sistema, con una realimentación apropiada y en un tiempo razonable.
Utilizar el lenguaje de los usuarios. El sistema debe hablar el lenguaje de los usuarios, con las palabras, las frases y los conceptos familiares, en lugar de que los términos estén orientados al sistema. Utilizar convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.
Control y libertad para el usuario. Los usuarios eligen a veces funciones del sistema por error y necesitan a menudo una salida de emergencia claramente marcada, esto es, salir del estado indeseado sin tener que pasar por un diálogo extendido. Es importante disponer de deshacer y rehacer.
Consistencia y estándares. Los usuarios no deben tener que preguntarse si las diversas palabras, situaciones, o acciones significan la misma cosa. En general siga las normas y convenciones de la plataforma sobre la que está implementando el sistema.

Prevención de errores. Es importante prevenir la aparición de errores que mejor que generar buenos mensajes de error.
Minimizar la carga de la memoria del usuario. El usuario no debería tener que recordar la información de una parte del diálogo a la otra. Es mejor mantener objetos, acciones, y las opciones visibles que memorizar.
Flexibilidad y eficiencia de uso. Las instrucciones para el uso del sistema deben ser visibles o fácilmente accesibles siempre que se necesiten. Los aceleradores no vistos por el usuario principiante, mejoran la interacción para el usuario experto de tal manera que el sistema puede servir para usuarios inexpertos y experimentados. Es importante que el sistema permita personalizar acciones frecuentes.
Los diálogos estéticos y diseño minimalista. No deben contener la información que sea inaplicable o se necesite raramente. Cada unidad adicional de la información en un diálogo compite con las unidades relevantes de la información y disminuye su visibilidad relativa.
Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores. Que los mensajes de error se deben expresar en un lenguaje claro, se debe indicar exactamente el problema, y deben ser constructivos.
Ayuda y documentación. Aunque es mejor si el sistema se puede usar sin documentación, puede ser necesario disponer de ayuda y documentación. Ésta tiene que ser fácil de buscar, centrada en las tareas del usuario, tener información de las etapas a realizar y que no sea muy extensa.



WWW. BANCOESTADO.CL

-1- -SE SABE DONDE SE ESTA, ADEMAS CUANDO UNO VA A
UNA SECCION DIFERENTE, ESTA INDICA “” USTED ESTA
AQUÍ EN….”Y LA PAGINA DE INICIO ES CLARA AL
MOSTRAR LO JUSTO Y NECESARIO, PARA COMENZAR
A BUSCAR, LO QUE SE NECESITA.
-2- EL LENGUAJE USADO ES BUENO Y FACIL DE ENTENDER
ADEMAS DE TENER COMO HERRAMIENTA UNA PÁGINA
EN INGLES PARA LOS USUARIOS QUE LO HABLEN.
-3- PARA SALIR DE ERRORES, SOLO SE TIENE QUE VOLVER
AL MENU, SIN DEMORAS
-4- EN CUANTO AL DISEÑO, SOLO PODRIA OBJETAR, EL
COLOR DE FONDO, YA QUE ESTE BLANCO NO ES MUY
AGRADABLE A LA VISTA ADEMAS DE QUE...TIENE
MUCHO BLANCO.
-5- LA MEMORIA .NO ES MUY NECESARIA EN CUANTO A
TENER QUE RECORDAR INFORMACION, YA QUE TODO
ESTA MUY VISIBLE.


APRECIACION PERSONAL: ES UNA BUENA PAGINA, SE NOTA QUE EL ESTADO ESTA PREOCUPADO DE QUE EL AREA DE INFORMÁTICA, SEA DE EXCELENTE CALIDAD.

WWW.IMELBOSQUE.CL


-1- MUY BUENA, EN ESTA REGLA, YA QUE EN CADA LUGAR
QUE SE HABRE .APARECE ESTA FRASE “USTED ESTA EN “
ASI QUE HAY CLARIDAD.
-2- HAY AQUÍ HAY UN BUEN TRABAJO EN CUANTO AL
LENGUAJE, SALVO EN LA OPCION DE “TRAMITES EN
LINEA “QUE SALE CON PROBLEMAS.
-3- NO HAY PROBLEMAS EN ESTA REGLA, YA QUE EL
USUARIO TIENE LAS OPCIONES PARA VOLVER, O
DESHACER.
-4.- BIEN, NO HAY QUE PREGUNTARSE MUCHO
-5- A SIMPLE VISTA, NO SE VEN ERRORES.
-6- NO HE NECESITADO LA MEMORIA, YA SEA PARA
VOLVER O PARA TOMAR OTRA OPCION, PORQUE
LA PAGINA EXPICA TODO.
-10- SE USA SIN DOCUMENTACION, DE APOYO
-11- EN EL DISEÑO, LOS COLORES SON LOS CORPORATIVOS
Y CONTIENE VARIAS OPCIONES EN, FLASH, LO QUE
LA HACE UN POCO MAS LLAMATIVA Y CLARA PARA
LOS USUARIOS.

APRECIACION PERSONAL:
BUEN SITIO, MUY CLARO Y CON CALIDAD, EL
USUARIO INEXPERTO PUEDE ACERCARSE A EL
SIN TEMORES, Y CON SEGURIDAD


WWW.CAJAGABRIELAMISTRAL.CL

-1- NO INDICA EN QUE LUGAR SE ENCUENTRA EL
USUARIO, SALVO QUE EL MISMO SE DE EL TIEMPO
PARA LEER Y BUSCAR, Y SACAR POR CONCLUSION
DONDE SE ESTA.
-2- EL MENU ES CLARO EN CUANTO AL LENGUAJE QUE,
SE UTILIZA, ENTENDIENDO EL TIPO DE PERSONAS QUE
INTERACTUAN CON EL SITIO.
-3- EL SITIO NO TIENE MAYORES PROBLEMAS EN ESTA
AREA, SE PUEDE VOLVER CON FACILIDAD.
-4- COMO DECIAMOS EN EL PUNTO -2- HAY CLARIDAD
Y NO SE NECESITA PREGUNTARSE COSAS.
-6- COMO EL MENU ES CLARO CASI NO CABE,
MEMORIZAR NADA, PORQUE LO MUESTRA EN
PANTALLA.
-8- CREO QUE ABUSAN DE TENER MUCHO FLASH,
LO CUAL LO HACE MUY DISTRACTIVO.
-10- SE USA SIN DOCUMENTACION, LA VERDAD ES QUE
NO SE NECESITA


APRECIACION PERSONAL:
TENIA LA IMPRESIÓN DE QUE ERA UNA MAL SITIO
Y AUNQUE NO ES EXCELENTE, POR LO MENOS ES
MUY CLARO Y USABLE, PARA LOS INEXPERTOS .


WWW.AMEN-AMEN.NET


-1- AL” PINCHAR” ALGUNAS DE LAS OPCIONES, COMO
VIDEOS, NO APARECE NADA QUE INDIQUE, QUE SE ESTA
BUSCANDO, O QUE NO ESTA, PERMANECE...EN BLANCO.
ADEMAS ES MUY LENTO.
-2- CUANDO SE HABRE EL CORREO ELECTRONICO,
APARECE, TODO EN INGLES. FOLDER, INBOX...ETC.
-3- CUMPLE ESTA REGLA, YA QUE CUANDO ES NECESARIO,
ESTA LA CONDICON DE VOLVER SIN TANTA PREGUNTA
Y EN FORMA FACIL.
-4- ES CLARA EN LA INFORMACION, Y LOS DETALLES.

-6- TODO ES MUY VISIBLE, NO SE TIENE QUE PREGUNTAR
PORQUE TODO ESTA ESCRITO .NO SE NECESITA
LA MEMORIA.
-7- ESTE SITIO ES EL PRIMERO QUE ME ENSEÑARON A
HABRIR, E HICE MI PRIMER MAIL, Y AUN SIENDO
INEXPERTO PUDE MANEJARME BIEN EN EL, LO CUAL
ME HACE VER QUE, ES USABLE PARA CUALQUIERA.
-8- AQUÍ TIENE PROBLEMAS LA PAGINA, YA QUE CONTIENE
MUCHA LETRA, Y DEMASIADA INFORMACION, QUE
PODRIA AGRUPARSE, PARA NO SATURAR LA VISTA.
ADEMAS EL FONDO DE LA PAGINA ES .MUY BLANCO
Y NO ES AGRADABLE A LA VISTA.

APRECIACION PERSONAL:
ES UN SITIO, DE NO MUY BUENA CALIDAD, CREO
QUE PODRIA MEJORARSE CON NO MUCHO
ESFUERZO



PALABRAS FINALES


AL TERMINAR ESTE TRABAJO ME DOY CUENTA QUE LO QUE HOY SE ESTA HACIENDO EN RELACION TANTO AL DISEÑO, COMO AL TRABAJO DE USABILIDAD Y EFICIENCIA ESTA TENIENDO UN NIVEL MAS QUE ACEPTABLE, Y QUE LAS EMPRESAS SE PREOCUPAN MUCHO MAS DE TENER SITIOS QUE ATRAIGAN POR SU COMODIDAD, SU FACILIDAD, Y SU CALIDAD, TAMBIEN PUDE COMPROBAR QUE…YA NO ES NECESARIO SER UN “” EXPERTO “EN COMPUTACION PARA PODER ACCEDER A LA NAVEGACION VIRTUAL COMO A LA TAREA DE TRABAJAR EN UN P.C., LO CUAL ES UN TREMENDO BENEFICIO A LOS QUE SOMOS ESTUDIANTES DE ALGUN AREA DE LA INFORMATICA , POR QUE TENDREMOS QUE ESFORZARNOS MENOS PARA APRENDER ,PERO CUANDO YA ESTEMOS TRABAJANDO COMO INGENIEROS EN MULTIMEDIA , TAMBIEN NOS TOCARA LA TAREA DE CONTINUAR Y MEJORAR LA USABILIDAD , PARA QUE LAS NUEVAS GENERACIONES NOS AGRADEZCAN , COMO AHORA LO HACEMOS NOSOTROS .
..SE VISLUMBRA UN FUTURO EN QUE LA INFORMATICA Y LA MULTIMEDIA DENTRO DE ELLA, SERAN UN PÌLAR FUNDAMENTAL DEL QUEHACER, DE LA VIDA COTIDIANA
DEL HOMBRE DE ESTE SIGLO.

BOTONES

BOTONES

MONTAJES

PARAISO DESOLADO

UN MENSAJE PARA MIS AMIGOS DE INSTITUTO (VERITO, BLADIMIR, ALAN, ALEJANDRO,FRANCISCO, GONZALITO, MANOLITO, YYYY EL NIÑITO GARAY...)

EL RIO DE LA MUERTE

DISEÑO DE INTERFAZ

INTERFAZ

JUSTIFICACIÒN

Justificación.


Nombre de la empresa : PCFULL

Rubro : Reparación y mantención de computadoras.

Público Objetivo : grandes empresas en las que el uso de un PC es imprescindible para el correcto desarrollo de sus actividades, no obstante también esta dirigida a personas que particulares que deseen dar solución a sus problemas informáticos.

DESCRICION DEL POR QUE:::::

Primeramente el logo de la empresa se realizo tomando como idea inicial el logo de la revista informática (pc) con el uso de mis colores originales fuertes los que llaman la atención, adicionalmente le coloque una mano con el pulgar levantado representando el signo de ok! Ambos signos fueron realizados con la finalidad de que quedan gravados en las mentes de los usuarios.

El fondo: este se realizo pensando en uno de los puntos importantes de la pauta de evaluación en la que decía que deberíamos de aplicar escalas de grises en este caso juge con el color café lo degrade en dos partes distintas la primera en el titulo y la segunda en el cuerpo de la pagina.

Tipografías: el tipo de letras es de un estilo sencillo con serifa lo cual facilita la lectura, su color esta pensado en generar contraste con el fondo numero dos en el que se juega con la tonalidad gris.

Botones: los botones están diseñados con una terminación ovalada para dar la sensación de espesor adicionalmente se le agrego un sombra y un grosor lo cual genera la sensación de botón físico.

Color de los botones y partes de titulo y encabezado: el color esta pensado para producir un contrate agradable con el fondo de la pagina adicionalmente con la intención de que las letras resalten y puedan tener una buena lectura por parte del ojo humano lo cual se logro con el uso de colores homogenios.

Iconos: En algunos de los botones se le colocaron unos iconos los cuales se sacaron de imágenes reales las que se vectorizaron y se le aplicaron colores de tonalidad llamativa, es importante mencionar que se le colocaron iconos solo a cuatro botones porque creo que son los botones mas importantes dentro de la pagina y por lo cual debían de ser los mas llamativos.

El dibujo del centro: este dibujo fue puesto dentro de esta pagina porque representa nuestro servicio, no colocamos una imagen de un actor real ya que creemos que es importante jugar con el cambio de rutina, si visitamos paginas de este tipo nos daremos cuenta de que dicen lo que hacen pero ninguna con una gota de humor.