Proyecto III Parcial

http://www.kanika.9f.com/

Esta es la direccion donde tenemos alojado nustro trabajo

Los integrantes:

moo espinosa marvin samuel
baeza tun jose emanuel
gorocica ruiz victor guillermo
moguel rejon luis

Accesibilidad

En esta clase vimos la clase de accesibilidad, las pautas , las recomendaciones, tecnicas que se deben de utilizar y que se deben de tener en cuenta al momento de crear sitios web.

Segun la W3C existen varias pautas entre las cuales se encuentran:

alternativas visuales y auditivas
colores
hojas de estilo
idioma
tablas correctamente diseñadas,etc.

nota: dependiendo de nuestro usuario final se llevaran acabo las implementaciones de las pautas ya que se basara del contenido .

Clases Anteriores

En clases pasadas se aplico el examen correspondienta al 2 parcial y se baso en respecto a el proyecto.

Otra de las cosas que vimos en las siguientes clases fue el que investiguemos y descarguemos informacion de la pagina w3c sobre el tema accesibilidad en las aplicaciones hipermedia para que no sirva en la siguiente clase.

Mapa Mental Consederaciones de Diseño

Este es mi mapa mental de las consideraciones de diseño.

Explicacion del Mapa

Este mapa conceptual consiste en las consideraciones que se deben tomar en cuenta para la creación de sitios web y de aplicaciones para las cuales van dirigidos a usuarios finales así que les sea de utilidad y que a nosotros como creadores, diseñadores de estos mismos nos servirán para conocer la todas las reglas relacionados con dicho tema. Existen reglas que se deben de seguir al momento de crear desde la base(prerequisitos) de nuestra aplicación y que no se deben de pasar por alto ya que en usuario al cual va dirigido será el que experimentara y tratara con ello, las reglas son simples y son conocidas pero que muchas veces no les damos la importancia debida:

Una de ellas es la lectura fácil; aquí se deben tomar en cuenta fuentes, navegadores, cambios de contenido que es mas bien como se distribuye en contenido dentro del sitio en que se encuentre navegando en usuario, fuentes deben ser las mas simples y utilizadas como lo son arial, times, verdana entre otras algunas variaciones de las mismas. Cabe señalar la lectura dependerá mucho del fondo de nuestra aplicación ya que ello hará que sea visible y legible nuestro texto, no debe de tener mucho texto como contenido y si lo tiene se debe saber distribuir en párrafos. El diseño de contenidos hace referencia a que se debe de ofrecer al usuario un mapa del sitio así como la ubicación específica donde se encuentre al momento de estar en interacción con la aplicación.
La capacidad y Peso de nuestras páginas en cuanto mínima sea mejor; en otras palabras la optimización de recursos que se están utilizando por lo que los formatos de audio, video, imágenes, texto dependen mucho de de esta parte.

La navegación por su parte en cuanto a enlaces nos proporciona mayor dinamismo al momento de utilizar la aplicación, mayor movimiento dentro de ella y se deben de colocar menús estratégicos; por ejemplo menús derechos o izquierdos, menús superiores e inferiores, y enlaces que sean necesarios para ofrecer información relevante.

En cuanto a usabilidad y accesibilidad depende del usuario que desee entrar al sitio web para buscar información o realizar alguna actividad; lo que nos compete a nosotros como diseñadores es que debemos pensar en que capacidades técnicas, físicas, conocimientos se tenga sobre el sitio en el cual desee tener acceso la persona. Las capacidades técnicas son aquellas que han adoptado los usuarios atreves de su experiencia con diferentes sitios web, mientras que las capacidades físicas son aquellas que dependen del cuerpo humano.

Por ultimo se señala que la optimización de recursos en cuanto a multimedia es de importancia ya que prácticamente de ello dependerá de cuanto este cargado nuestro sitio web; las recomendaciones que no debemos pasar como diseñadores son por tanto: clasificar u organizar los contenidos que se vayan a utilizar en el sitio en carpetas únicas (audio, video, imágenes, etc.) lo que al momento que el usuario haga uso de estos recursos la indexación será rápida por tanto la búsqueda será con mayor eficiencia, otra recomendación es que se deben de optimizar los elementos como lo son los formatos de video, audio, imágenes y textos; se deben utilizar formatos que ofrezcan calidad y eficiencia.

En conclusión las consideraciones de diseño de un sitio web u aplicación web son de ventaja para nosotros como diseñadores ya que desde la extracción de requisitos hasta la obtención de ella nos podrá dar una buena imagen ante nuestros clientes. Se deben de seguir las reglas, delimitar la audiencia así como el mercado al que va ir dirigido, por tanto tomar en cuenta todos aquellos aspectos técnicos como los son accesibilidad y usabilidad, resolución de pantalla, la visualización en diferentes navegadores, la optimización de recursos multimedia para obtener buenos beneficios.

Referencias:

http://webtodoweb.com/?cat=3
http://conceptomarketing.com/2008/07/trucos-y-consejos-de-diseno-web/10-reglas-de-oro-en-diseno-web.html
http://www.lukor.com/webmasters/08040950.htm
http://www.baluart.net/articulo/20-reglas-del-desarrollo-web-elegante-y-acertado


Ejemplos de sitios y fuentes de temas:

Tipografía y diseño:
http://www.creativopositivo.com.ar/
http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/
http://www.fontsquirrel.com/
http://www.dafont.com/
http://profesionalnet.wordpress.com/category/publicidad-y-diseno/
http://webtodoweb.com/?cat=27
Tipos de audiencia:
http://www.elintruso.cl/content/view/457745/Magazines-on-line-sobre-diseno.html#content-top
Usabilidad y accesibilidad:
http://walhez.com/2008/03/las-10-reglas-de-diseno-de-google/
http://www.prodestinos.com/el-diseno-y-la-usabilidad-de-los-sitios-web-de-hoteles
Marketing en el diseño web:
http://www.masaltos.com/
http://www.deweb.com.ar/blog/
http://webtodoweb.com/?cat=10
Visualización en navegadores web
http://webtodoweb.com/?cat=8
Articulo: http://cachicompu.blogspot.com/2009/08/navegadores-dreamweaver.html
Resolución en pantalla
http://blog.s25design.com/category/diseno-web/page/2/
http://www.ribosomatic.com/articulos/como-ver-sitios-web-en-diferentes-resoluciones-de-pantalla/
http://www.deliriousmexico.com/
Uso eficiente de elementos multimedia
http://www.flavortunes.com/
http://docuhistoria.thinkingspain.com/
http://www.youtube.com/

Planificación de un sitio

1.-Objetivo del sitio

El objetivo depende a quien va dirigido el sitio Web por tanto es importante analizar las principales motivaciones que tenemos para crear una página web y sobretodo las estrategias que debemos llevar a cabo para hacerlas rentables.
Al iniciar una pagina Web, además de los planteamientos que ya hemos tratado sobre conocer el nicho al que nos dirigimos, debemos tener muy clara la estrategia que vamos a seguir y el “por qué” y “para que” queremos tener esa Web. Generalmente es dirigido a vender, ya sea productos, servicios, alianzas, o cualquier otra cosa que el cliente o visitante necesite.

2.Definición de Audiencia

Al determinar las principales audiencias (públicos) hacia las cuales se orientará el sitio es importante. Está claro que el Sitio Web no podrá atender al mismo público que atiende la institución, dado que el acceso a Internet se produce mayoritariamente en segmentos de ingresos medianos a altos. Sin embargo, hay varias consideraciones que tener en cuenta, al definir qué tipos de audiencia se atenderán desde las pantallas del sitio.
A continuación se hacen algunas definiciones de audiencia, las que, sin importar las características del sitio, siempre deberán estar presentes, y por lo mismo, deben traducirse en acciones para poder atenderlas adecuadamente.
Por capacidad física:
La audiencia del sitio incluirá personas con discapacidades físicas, a través del cumplimiento de las normas de Accesibilidad que se han recomendado como estándares internacionales. Para hacerlo se deben tomar las medidas correspondientes en la construcción del sitio.
Por capacidad técnica:
La audiencia que llegue al sitio se dividirá de acuerdo a la experiencia técnica que tenga; por ello se deben plantear acceso simples mediante enlaces y otros más complejos.
Por conocimiento de la empresa:
Los usuarios del sitio se dividirán entre quienes conocen el sitio y quienes no la conocen.
Por necesidades de información:
Los usuarios del sitio también se dividirán entre quienes llegan a buscar contenidos determinados y quienes sólo llegan a ver si existe algo que les pueda servir en lo que estén realizando.
Por ubicación geográfica:
Dentro de la audiencia siempre habrá gente que ingresan al Sitio Web desde lugares diferentes lugares por lo que los contenidos deben responder también a esta diversidad.

3.-Definición de Contenidos del Sitio

Consiste en hacer las definiciones más concretas que permitan decidir qué contenidos son los que van a tener el Sitio Web que se desarrolle.
Para identificar contenidos, se deben utilizar como insumo los materiales que se hayan obtenido en la etapa de identificación de Objetivos y de Audiencias, ya que en ambos la búsqueda giró en torno a las necesidades que tenían los usuarios del sitio.
Para cumplir con una norma general respecto de qué debería contener un sitio, se pueden anotar las siguientes, como las más importantes:
Acerca de la empresa:
Entregar la información completa referida a Autoridades, Organigrama, Normativa legal asociada, Oficinas, Horas de Atención, Teléfonos, etc.
Productos / Servicios:
Destacar las actividades principales que el usuario puede hacer en la empresa; puede incluir una guía de trámites que facilite las acciones de las personas que acudirán a la empresa y que considere servicios interactivos para hacerlos desde el Sitio Web.
Novedades de la empresa:
Últimas actividades, noticias, etc.

4.-Definición de la Estructura del Sitio

Se trata de cómo se trabajar en tres áreas concretas, a través de las cuales se definirá la estructura del sitio, el árbol de contenidos y los sistemas de navegación que se ofrecerá a los usuarios para que avancen a través de sus contenidos.

5.-Definición del diseño visual

Es fácil decir que un buen diseño deberá ser comprensible, fácil de usar, amigable, claro, intuitivo y de fácil aprendizaje para el usuario. Para poder asegurar que un diseño cumple con estos requisitos no basta simplemente con una actitud hepática del diseñador durante el desarrollo de la aplicación; es imprescindible la adopción por parte de éste de técnicas, procedimientos y métodos que aseguren empíricamente la adecuación del diseño a las necesidades, habilidades y objetivos del usuario.

6.-Maquetacion

Se refiere a que se deben de tener una idea de cómo va estar distribuida la información dentro del sitio web y como van a estar distribuidas las diferentes plantillas que se utilizaran.

7.-Mantenimiento de sitios Web

Se refiere a la actualización del sitio, verificar que todos los enlaces se encuentren bien y que ninguno este roto, de igual manera verificar los errores de ortografía, la posición del texto, de las imágenes., con el único fin de que todo funcione casi perfectamente.

8.-Alojamiento

Hosting (alojamiento o también conocido como hospedaje Web, alojamiento Web, Web site hosting, Web hosting o webhosting) es un negocio que consiste en alojar, servir, y mantener archivos para uno o más sitios Web. Más importante que el espacio del ordenador que se proporciona para los archivos del sitio Web es la conexión rápida a Internet.