Interfaz Web
¿Qué es
una interfaz web?
Es una
estructura formada por una serie de elementos gráficos que permiten a los
usuarios interactuar y acceder a los contenidos de un sitio web. El diseño de
la interfaz debe ser lo más llamativo posible para lograr que un usuario se
quede y vuelva, por ello el diseño de la interfaz es importante.
¿Qué es la
interfaz gráfica de usuario?
Es el
conjunto de elemento donde el usuario puede interactuar con las opciones o
acciones disponible entre las que el usuario puede escoger. Tiene como función proporcionar
un entorno visual amigable y preferiblemente sencillo de usar que facilite la comunicación
del usuario con el equipo.
Principios de
diseño de interfaces.
Familiaridad:
Utilizar términos y conceptos que se toman de la experiencia de las personas
que más utilizan el sistema, esto permite que el usuario utilice el conocimiento previo de otros sitios web.
Uniformidad:
Utilizar formatos para los elementos similares. Si coloca un botón de guardar
de color azul no coloque un botón de salir o cerrar del mismo color.
Recuperabilidad: La interfaz debe incluir mecanismos para permitir a los usuarios recuperarse de los errores.
Esto puede ser de dos formas: Confirmación de acciones destructivas y proveer de un recurso para deshacer.
Recuperabilidad: La interfaz debe incluir mecanismos para permitir a los usuarios recuperarse de los errores.
Esto puede ser de dos formas: Confirmación de acciones destructivas y proveer de un recurso para deshacer.
Guía de usuario: Le indica al usuario paso a paso sobre cómo
funciona la página web su interfaz y que acción o reacción logra al realizar
una acción también le indica en cuales campos ha introducido un tipo de dato
mal o incorrecto ósea no validado.
Diversidad de usuarios: La página debe estar orientada a
una gran diversidad de gusto ya que esta recibirá usuario de diferente parte
del mundo, religiones, edades y gustos esta no debe poseer solo los gustos
personales.
Consejo: siempre que
este diseñando algo buscar consejo de alguien o algún amigo que sea un usuario común
sobre qué le parece dicha página ya que ellos son las persona que la visitar
frecuentemente.
Ventajas Principales de Diseño.
Aquí
podemos ver las principales ventajas de los principios de diseño de interfaces:
1-Familiaridad del usuario: Confianza, aplicación de
conocimientos previos, Rápido aprendizaje.
2-Uniformidad de la interfaz: Aprendizaje en cascada, aplicación de
estándares conocidos.
3-Minima Sorpresa: Alta tasa de retención del usuario, mayor
productividad.
4-Recuperabilidad: Sensación de control, seguridad.
5-Guia de usuario: Seguridad, confianza, auto-aprendizaje.
6-Diversidad de usuarios: Usabilidad, Accesibilidad.
Lineamientos.
El uso de Herramientas
profesionales: Para el diseño del interfaz web, Inicio (Home), Redes sociales,
blog, etc. Podemos usar algunas herramientas profesionales para aumentar la productividad
y trabajar de forma más cómoda como visual studio o Aptana studio.
Aquí
le dejo un link con una lista: https://ipmark.com/mejores-herramientas-disenadores-web/
Estudiar otros sitios web: debemos visitar y estudiar otros
sitios web con la finalidad de aprender y hacer crecer el nuestro no para copiar
de ellos. Podemos encontrar funciones o interfaces que poder mejorar la experiencia
del usuario.
Examinar Diseños profesionales: visitar sitio muy famoso o ver y
revisar diseños hechos por profesionales para tomar algunas notas para mejorar
nuestro propio sitio web incluso podemos comprar plantillas hecho por
profesionales.
Use lo aprendido: usar eso conocimiento de experiencia pasada o
esas herramientas que sabemos usar, aplicar lo aprendido en otros sitios web,
Analizar Malos Ejemplos: también es bueno que visite o
analice malas paginas no para burlarnos o implementarlos si no para aprender y
no cometer esos errores.
Usar Recursos de la Web: podemos utilizar la web para
aprender ya que existen muchas páginas que se dedicar a enseñar, podemos buscar
y leer libros en la web podemos usarla para aprender y implementar métodos.
Consultar Algunos Libros: debemos consultar algunos libros
para aprender ya que estos fueron revisados y al sido aplicado en proyectos
reales.
Crear Plantillas Propias: luego de haber aprendido podemos
aplicar esos conocimientos para crear nuestra propia plantilla y podemos
reutilizarla cuento queramos o cuando se requiera.
Planificar antes de hacer: debemos planificar ante
de crear debemos revisar el diseño, la estructura, contenido, texto, los blog,
contacto e información, novedades o noticia.
Contenido: es la parte más
importante de nuestro sitio y debe tener lo siguiente:
- Escaneable: el usuario debe ser capaz de saber si el contenido es de interés con tal solo mirar rápidamente. Esto lo logramos resaltando las palabras claves, usar subtítulos con significado, lista con viñetas, una idea por párrafo.
- Simple.
- Claro.
- Atractivo: debe estar organizado, no saturado.
- Compresible.
- No abusar de Multimedia: no saturar el sitio de video o contenido que pueda retrasar el tiempo de carga de la página web.
- Responsivo: debe ser capaz de adaptarse a las diferentes resoluciones ya sea de un celular móvil o una laptop o pc.
Proceso de Diseño: siempre que se vaya a
realizar un diseño para una persona o empresa tenemos que escuchar las ideas de
esa persona o empresa para realizar lo siguiente:
- Quick wireframe: son las ideas que nos transmitió el cliente diseñado en un papel.
- Wireframe más detallado: Aquí validamos las ideas más terminadas y aceptadas.
- Storyboard: no son más que varios Wireframe donde se demuestra cómo se usa la interfaz paso a paso.
- Paper Prototype: Es el diseño de la web completa, pero en papel.
- Coded Prototype: es la web, pero de forma de código para ver la funcionalidad de esta.
- Software Prototype: es la primera beta o alfa del sitio web para revisar y probar su funcionamiento más a fondo.
Usabilidad.
Facilidad de uso: que el usuario pueda manejar la interfaz fácilmente y
de forma amigable, velocidad de uso, facilidad al tiempo, cantidad y gravedad,
facilidad de recuperación y placer.
Con estos el usuario se sentirá cómodo y tendrá más confianza al
utilizar la página esto se traduce en más productividad.
Accesibilidad.
Web Usable por Todos.
Algunos impedimentos: que no sea capaz de utilizar un teclado o un ratón.
Este puede ser asistido por una herramienta por voz.
Importancia de la Usabilidad: debe tener igualdad para todo, adaptable
para todo, esto conlleva a mayor tráfico de usuario y a mayor productividad.
Accesibilidad requerida por la ley: en algunos países es obligatorio
utilizar la accesibilidad para el fácil uso del sitio y no limitarlo.
Para lograr la Accesibilidad: hay un estándar para
lograrlo usando el:
WCAG 2.0 esta dice que debe ser:
-Perceptible: esta cuenta con 4 pautas y 22 criterios de éxito.
-Operable: esta cuenta con 4 pautas y 20 criterios de éxito.
-Entendible: esta cuenta con 3 pautas y 17 criterios de éxito.
-Robusto: esta cuenta con 1 pautas y 2 criterios de éxito.
Bibliografía: Profesor: Junior Gil. Introducción M2 - Ing. Web I.
https://www.youtube.com/watch?v=4nE6bJ7ya0A
La
implantación es parte de la implementación, pero no son lo mismo.
En esta
fase se presentar los responsables, incluyendo los resultados de las pruebas y
el acuerdo del nivel de servicio, para su aprobación. Por este motivo, estas
pruebas son realizadas por el usuario final que, durante este periodo de
tiempo, debe plantear todas las deficiencias o errores que encuentre antes de
dar por aprobado el sistema definitivamente.
Software libre: Desarrolo de un Proyecto web.
Autor: Alberto Otero García.
Tema #5 Implantación.
Introducción.
En este tema trataremos sobre que es la implantación, Planificación
de la misma, Formación, Implantación del sistema y pruebas, entre otros. Para la
implantación de proyectos web y su correcta aplicación en este.
Que es implantación.
La
implantación es parte de la implementación, pero no son lo mismo.
La
implantación es un proceso especial de inserción del sistema en la institución,
el cual debe ocurrir en el primer periodo por parte de sus potenciales
usuarios. No obstante que la herramienta adquirida o desarrollada es robusta y
probada, no es suficiente para su inserción en la organización, pues requiere
ser utilizada.
La
implantación debe trabajarse con un plan muy bien diseñado, en el entorno en
que va a operar requerirá una cuidada planificación de sus actividades.
La implantación
de forma más amplio este link: https://www.docirs.cl/implantacion_sistema.htm
Planificación de la implantación.
Este deberá
implementarse atendiendo a las distintas fases implicadas. Después de implantar
todo el sistema, tanto los equipos de trabajo como los usuarios deberán ser sometidos
a una prueba o testeo por ellos deberá de disponer de herramientas
colaborativas de comunicación y registro de incidencias.
Formación.
Esta no
suele forma parte de la metodología relacionada con proyectos de sistema informáticos.
Lo que
realmente importa en esta fase es determinar los diferentes tipos de perfiles
de usuario que van a necesitar ser formados sobre el sistema o que van a
utilizarlo. Otras formaciones pueden ser que dichos usuarios ejerzan su
actividad fuera de las instalaciones de la empresa o organización.
Por esto es
importante realizar estudios de los casos de uso realizados en las fases de análisis
y diseño.
Implantación del sistema y pruebas.
Se llevara
a cabo las actuaciones para implantar el sistema e su entorno operativo
definitivo. Mientras que las pruebas tanto unitarias como la de integración se
llevar a cabo en un entorno diferente.
El objetivo
de las pruebas de implantación es comprobar el funcionamiento correcto del
sistema integrado de hardware y software en el entorno de operación, y permitir
al usuario que, desde el punto de vista de operación, realice la aceptación del
sistema una vez instalado en su entorno real y en base al cumplimiento de los
requisitos no funcionales especificados.
Así pues,
deberemos, entre otras actividades:
• Instalar
los servicios en los servidores designados.
• Instalar
los componentes desarrollados en los servidores designados.
• Instalar
el gestor de base de datos, definiendo sus
usuarios y
políticas de acceso.
• Crear las
bases de datos, la estructura de sus tablas
y cargar
sus datos iniciales.
•
Configurar los servicios externos que vayan a usarse
por parte
de los servicios, como por ejemplo el servidor de correo saliente.
Nivel de servicios.
Este será definido
por los resultados de las pruebas, y los requisitos del sistema.
El acuerdo
de nivel de servicio deberá contemplar:
•
Identificación de los servicios en los que va a haber acuerdo. De
qué tipo de
servicios estamos hablando:
– Soporte
en línea: tiempo de respuesta, disponibilidad.
–
Comunicaciones.
–
Seguridad.
– Gestión
de recursos: capacidad, horas de servicio para el
usuario.
•
Propiedades de cada servicio. Unidades en las que se mida la prestación del
servicio. Pueden ser numéricas (horas de tiempo de respuesta, capacidad de
disco para los usuarios, ancho de banda, etc.)
o bien
expresadas en términos de restricción de las capacidades de
sistema
cuando hablemos de seguridad, por ejemplo.
•
Estimación de los recursos empleados en prestar el acuerdo de nivel de servicio
según los compromisos acordados.
Aceptación del
sistema
En esta
fase se presentar los responsables, incluyendo los resultados de las pruebas y
el acuerdo del nivel de servicio, para su aprobación. Por este motivo, estas
pruebas son realizadas por el usuario final que, durante este periodo de
tiempo, debe plantear todas las deficiencias o errores que encuentre antes de
dar por aprobado el sistema definitivamente.
Comentarios
Publicar un comentario