Control ( Parte 2 )

Puntos para tomar en cuenta el diseño web, (parte 2)

3 Criterios de aceptabilidad

Usted no necesita especificar hasta el último detalle de diseño, ahí es donde su diseñador prueba su valor. Pero una lista de criterios cruciales de lo que es aceptable ayuda a guiar al diseñador y le ayuda a usted a evaluar su trabajo, todo esto sin tener que imponer demasiadas restricciones.

Los criterios de aceptabilidad pueden estar relacionados con:

Diseño

Usted puede especificar que el sitio web se pueda usar en teléfonos móviles, tabletas y computadoras laptop o de escritorio, o que ciertos elementos de la página siempre estén visibles sin importar qué aparato se use para acceder al sitio.

Contenido

Si su sitio web vende zapatos, usted puede especificar que la gente pueda buscar zapatos de manera inmediata sin importar a qué página lleguen. Usted tal vez quiera que los usuarios estén a no más de tres clics de distancia de las páginas destino. Si usted tiene un sitio web de noticias o un blog, puede especificar las categorías que persisten en toda la navegación, o que un artículo o producto solamente se encuentre en un determinado lugar para evitar duplicación. Tal vez quiera especificar restricciones respecto a qué porcentaje de la página estará reservado para los anunciantes.

Aspectos técnicos

Usted tal vez quiera especificar, por ejemplo, la velocidad a la que se carga la página, la adherencia a estándares web para el uso de marcas semánticas o ciertos meta tags para tipos particulares de página o de información.

Manejo del contenido

Usted puede estipular qué contenido es editable y por quién, qué tipos de medios (video, imágenes) pueden ser añadidos usando un sistema de manejo de contenidos (CMS).

4 Usuarios

Piense en los segmentos en su mercado primario, así como mercados secundarios tales como la prensa, empleados, clientes existentes e inversores. ¿Para quién es el sitio web? ¿Es un sitio corporativo, o enfocado a un grupo reducido de clientes? Tal vez algunos en esa audiencia sean más importantes que otros, y el diseño deba reflejar eso. ¿Qué están buscando y qué esperan encontrar?

Planee el contenido para su sitio web alrededor del proceso de decisión de su audiencia – a menudo algunos visitantes necesitan educación sobre sus productos o su organización, en tanto que otros saben exactamente lo que están buscando. ¿Cómo sabrá usted quién es quién y qué contenido sugerirle?

¿Cuáles son las implicaciones técnicas, de idioma, y geográficas de sus audiencias? ¿Necesita subcarpetas de idiomas, o una sola página de inicio localizada para cada mercado será suficiente? ¿Accederán los usuarios a su sitio desde un dispositivo móvil o desde una computadora de escritorio? ¿Debería usted comprar los dominios para el nombre de su marca en varios países y redirigirlos a su sitio web?

Control

Control de diseño web.



En el amplio conocimiento de la internet, se conoce paginas de utilidad, retomando el tema que anteriormente se toco, en esta ocacion hablaremos sobre un poco de control web.

Se hace mencion a el control, puesto que las redes existentes se desarrollan de cierto modo que no se tiene un control, por esto, tambien se hace mencion de la utilidad, lo que desarrolla una importancia, puesto que muchas paginas son creadas con fines de ocio.


asi que tomaremos ciertos puntos para considerar una pagina web :

1 Objetivos

Comience con los objetivos de su sitio web. ¿Por qué está construyendo este sitio? Piense en los objetivos tanto desde el punto de vista de su organización como de sus usuarios. Si tiene objetivos específicos, cuantificables, puede incluirlos.

Los objetivos de su organización pueden incluir:

• Objetivos de negocio (vender canastas para perro en Norte y Sudamérica)

• Objetivos de marketing (posicionar su marca como líder en materiales de canastas para perros fáciles de limpiar)

• Objetivos de comunicación (dar detalles sobre las siguientes exposiciones de canastas para perros)

Una revisión de la jerarquía de los objetivos, además de información de apoyo, le da al diseñador el contexto y la dirección que le permitirá poner en buen uso su creatividad en términos de contenido y diseño.

Entender lo que sus usuarios quieren hacer o encontrar en su sitio web también le ayuda a planear el camino óptimo, típico o ideal para su sitio.

2 Marca

Facilítele al diseñador cómo reflejar el perfil de su marca y su personalidad. Si usted cuenta con una guía de estilo corporativa, que incluya una paleta de colores, más de 100 ejemplos de uso del logo, y reglas de puntuación que se tengan que seguir como evangelio, adjúntelas a su instructivo.

Si usted solo tiene cierta idea en mente de cómo quiere que sus usuarios lo perciban, trate de articular esto. Quizá sea bueno proveer ejemplos de marcas que ocupan un espacio similar o relativo al suyo en el mercado, o en otro mercado completamente distinto.

Si tiene una propuesta de valor definida, un encabezado, o un anuncio actual de su marca que puede ser adaptado a su sitio web, compártalo. Entre más dirección creativa provea ahora, menos correcciones tendrá que hacer más tarde.

Diseño de contenidos

Diseño web de contenidos

En el diseño de contenidos hipermedia se debe mantener un equilibrio entre lo que serían contenidos que no aprovechasen las nuevas posibilidades hipertexto y multimedia, y lo que serían contenidos caóticos o desorientativos debido a un uso excesivo y no sosegado de las posibilidades hipermedia.

Sin prescindir de las capacidades que ofrece el nuevo medio, de lo que se trata es de diseñar contenidos interrelacionados y vinculados, manteniendo cierta coherencia informativa, comunicacional y organizativa.

La escritura hipertextual se debe realizar de forma diferente a la tradicional. El nuevo medio y sus características obligan a ser concisos, precisos, creativos y estructurados a la hora de redactar. Debemos conocer a quién nos dirigimos y adaptar el lenguaje, tono y vocabulario utilizado al usuario objetivo.

Algunos consejos a seguir en el diseño y redacción de contenidos son:

-Seguir una estructura piramidal : La parte más importante del mensaje, el núcleo, debe ir al principio.

-Permitir una fácil exploración del contenido : El lector en entornos Web, antes de empezar a leer, suele explorar visualmente el contenido para comprobar si le interesa.

-Un párrafo = una idea : Cada párrafo es un objeto informativo. Se deben trasmitir ideas, mensajes... evitando párrafos vacíos o varios mensajes en un mismo párrafo.

-Ser conciso y preciso : Al lector no le gusta leer en pantalla.

-Vocabulario y lenguaje : Se debe utilizar el mismo lenguaje del usuario, no el de la empresa o institución. El vocabulario debe ser sencillo y fácilmente comprensible.

-Tono : Cuanto más familiar y cercano (sin llegar a ser irrespetuoso) sea el tono empleado, más fácil será que el lector preste atención.

-Confianza : La mejor forma de ganarse la confianza del lector es permitiéndole el diálogo, así como conocer cuanta más información posible acerca del autor.

Diseño conceptual

Diseño conceptual

El objetivo de la fase de Diseño Conceptual es definir el esquema de organización, funcionamiento y navegación del sitio. No se especifica qué apariencia va a tener el sitio, sino que se centra en el concepto mismo del sitio: su arquitectura de información.

Los sitios web son sistemas hipermedia formados por conjuntos de páginas interrelacionadas por enlaces unidireccionales, pudiendo cada una de estas páginas contener sub-elementos con entidad propia, contenidos multimedia y herramientas interactivas.

La "estructura" del sitio web se refiere precisamente a las conexiones y relaciones entre páginas, a la topología de la red de páginas, así como a la granularidad de los elementos de información contenidos en las páginas; y la "navegación" a las posibilidades y forma en que cada página presenta las opciones de desplazamiento hacia otras páginas.

La definición de la estructura del sitio puede hacerse desde dos enfoques diferentes y complementarios: aproximación descendente y ascendente. En la descendente se trata de estructurar del "todo" a las "partes", dividir los contenidos en páginas y definir los enlaces entre páginas. En la Ascendente, por el contrario, se definen los bloques mínimos de información, estructuración que va más allá de la propia segmentación de información en páginas.

Una vez definida la estructuración del sitio es necesario documentarla, para así tener un modelo de referencia sobre el que sustentar el desarrollo del sitio. La forma de documentar arquitecturas se suele hacer a través de grafos y esquemas, con el objetivo de que sean de fácil y rápida comprensión por todos los miembros del equipo de desarrollo.

Si la arquitectura es ascendente normalmente se documentará a través de diagramas entidad-relación. Por otro lado, cuando la arquitectura a documentar es la descendente, para sitios web proponemos el uso del vocabulario gráfico de Garret (2002). A través de unas sencillas convenciones gráficas para la diagramación de la arquitectura, podemos definir la estructura de la información así como la navegación del sitio.

Otras tareas a llevar a cabo por el Arquitecto de Información o diseñador en la fase de Diseño Conceptual son: Definir sistemas de clasificación para los contenidos; Elaborar índices y mapas del sitio; Aplicar metadatos a cada una de las páginas y sub-elementos de información; y Definir el Sistema de Rotulado (Rosenfeld, Morville; 2002).

Entre las técnicas de Diseño Centrado en el Usuario a aplicar en la etapa de Diseño Conceptual destacamos, por su utilidad y facilidad de ser llevada a cabo, la técnica de "card sorting" u ordenación de tarjetas. Ésta se basa en la observación de cómo los usuarios agrupan y asocian entre sí un número predeterminado de tarjetas etiquetadas con las diferentes categorías o secciones temáticas del sitio web. De esta forma, partiendo del comportamiento de los propios usuarios, es posible organizar y clasificar la información de un sitio web conforme a su modelo mental. (Hassan Montero et al.; 2004)

Usabilidad y accesibilidad

La usabilidad 

anglicismo que significa "facilidad de uso" - como indican Bevan, Kirakowski, y Maissel (1991) parece tener su origen en la expresión "user friendly", que es reemplazada por sus connotaciones vagas y subjetivas.

Numerosos autores han propuesto diversas definiciones de usabilidad, normalmente a través de la enumeración de los diferentes atributos o factores mediante los que puede ser evaluada, dependiendo finalmente cada definición del enfoque con el que pretende ser medida (Folmer, Bosch; 2003).

Tomaremos para este trabajo la definición más extendida, que es la ofrecida por la ISO , y que define usabilidad como el " grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos, en contextos de uso específicos ".

En la definición podemos observar que la usabilidad se compone de dos tipos de atributos:

-Atributos cuantificables de forma objetiva: como son la eficacia o número de errores cometidos por el usuario durante la realización de una tarea, y eficiencia o tiempo empleado por el usuario para la consecución de una tarea.

-Atributos cuantificables de forma subjetiva: como es la satisfacción de uso, medible a través de la interrogación al usuario, y que tiene una estrecha relación con el concepto de Usabilidad Percibida.

Como se indica en la definición, la usabilidad de una aplicación debe ser entendida siempre en relación con la forma y condiciones de uso por parte de sus usuarios, así como con las características y necesidades propias de estos usuarios. Un diseño no es en sí mismo usable: " lo es para usuarios específicos en contextos de uso específicos ".

Pretender que una aplicación web sea usable independientemente de quién y cómo la use se corresponde más con una visión o enfoque universalista de la usabilidad (en ocasiones necesaria), que con una visión realista y práctica. Esto es debido a que normalmente toda aplicación se diseña con la intención de satisfacer las necesidades de una audiencia concreta y determinada, por lo que será más usable cuanto más adaptado esté su diseño a esta audiencia específica, y por tanto menos lo esté para el resto de personas.

El concepto de usabilidad puede ser definido, además de como atributo de calidad de una aplicación, consecuentemente, como disciplina o enfoque de diseño y evaluación. Se suele hablar entonces de Ingeniería de la Usabilidad - conjunto de fundamentos teóricos y metodológicos que aseguren el cumplimiento de los niveles de usabilidad requeridos para la aplicación-.

Un concepto íntimamente ligado al de usabilidad es el de accesibilidad. Éste ya no se refiere a la facilidad de uso, sino a la posibilidad de acceso. En concreto a que el diseño, como prerrequisito imprescindible para ser usable, posibilite el acceso a todos sus potenciales usuarios, sin excluir a aquellos con limitaciones individuales - discapacidades, dominio del idioma,... - o limitaciones derivadas del contexto de acceso - software y hardware empleado para acceder, ancho de banda de la conexión empleada, etc.- (Hassan Montero, Martín Fernández; 2003b)

Se da la paradoja de que mientras que un diseño usable requiere delimitar a su audiencia potencial con el fin de diseñar para lo concreto, un diseño accesible implica la necesidad de diseñar para la diversidad y heterogeneidad de necesidades de acceso presentadas por esta audiencia específica.

Cuando la audiencia para la que se diseña es muy amplia y presenta necesidades de acceso muy diferentes, normalmente se hace necesaria la puesta a disposición de varias versiones del diseño o un diseño adaptable, como son las conocidas "versiones solo texto" o versiones en varios idiomas.

Comercio.

El diseño web como comercio 

En el diseño web, podemos encontrar grandes usos, pero mayor porcentaje de su creación, es para un fin comercial.

Los sitios web siempre pueden ir dirigidas con varios propósitos  pero el diseñador  ademas de obtener un ingreso, y de la satisfacción de tener un cliente satisfecho, se puede crear paginas web donde nosotros podamos ofrecer nuestros servicios, y productos, y esto nos brinda clientes potenciales en busca de un recurso, o un medio por el cual ellos puedan adquirir sus ganancias también.

Se tiene que ser hábil  y estratégico  ser creativo, y desarrollarnos en el campo de la web, para poder lucirnos ante el publico, y llamar la atención  con el fin de obtener publico que se interese en nuestro producto o servicio, que obviamente sea de calidad.

Otra de las cosas a considerar, es la zona donde nos ubiquemos, ya que en ciertos países no muy desarrollados podrían no tener publico en interés por trabajos de cierta magnitud, o productos y servicios que puedan ser de muy buen aporte, pero que a fin de cuentas, no tenga mucho interés en la sociedad.

Por eso es que hay que desarrollar maneras de ampliarnos y tener comunicación con el mundo exterior, así podremos obtener clientes fuera de nuestro país, y generar un ingreso mayor y así ir creciendo poco a poco.

  

El resultado obtenido, una compania desarrollada online que ademas de aportar, podamos aprender de nuestros clientes, y adoptar maneras de desarrollo y comunicaciones en el mundo entero, y teniendo contactos que puedan ser de gran apoyo.

Beneficios y desventajas

Los beneficios que obtenemos como diseñadores es una capacidad increíble de "No tener limites", prácticamente tenemos el mundo a nuestras manos y la mayoría de nuestro trabajo es plasmar la imaginación de el publico en un volante o en cualquier material que se nos pueda ocurrir, el diseño es muy amplio, y el diseño web siempre tendrá la ventaja de poder darle el alcance comercial a todos estos servicios y productos.

Una desventaja, es que siempre tendremos rivales comerciales, personajes que nos quieran ganar ventaja, y por cuestión de obtener mayor publicidad, puedan querer derribarnos  e incluso hacernos Hack, sabotearnos, o incluso atentar contra nuestra salud.

Por esto se recomienda una rivalidad comercial únicamente bajo los estándares de la sociedad comercial conocidos, ganar una batalla comercial no se gana derribando al otro, y tampoco se trata de dar una batalla, se trata de ofrecer nuestros servicios y productos, y la sociedad escogerá y sabrá ser selectiva, y sabrá apreciar el buen trabajo de un diseñador honesto, y no el resultado de un trabajo amarillista.

Por esto, hay que ser fieles a el trabajo honesto, y no ganarnos enemistades, y en caso de tener rivalidad, seguir con nuestro trabajo, y ofrecer simplemente un trabajo muy bueno, y de calidad.

Información de diseño ( Parte 2 )

Posicionamiento en buscadores ( Parte 2 )

Bueno, continuando el tema, abriendo el tema de posicionamiento en buscadores, a consecución de los objetivos perseguidos a través de la puesta a disposición del público de cualquier aplicación web está condicionada por la satisfacción del usuario final, para evitar la frustración, y hacer énfasis en la practicidad.

Los factores o atributos de calidad que se le dan a una aplicación o un sitio web que influirán en dicha satisfacción, podemos clasificarlos en aquellos relacionados con: la calidad y utilidad de los contenidos; la calidad del servicio y asistencia del proveedor, y la calidad del diseño de la aplicación, como atributo de calidad sobre el que versa el presente trabajo.

La importancia del diseño web y el navegador, y de la aplicación, se basa en que éste será el que modele la interacción entre usuario y aplicación, y por tanto posibilitará o no la consecución de los objetivos perseguidos por el usuario (encontrar información, comprar, comunicarse, aprender, etc.)

Tomemos como ejemplo el usuario que intenta completar una tarea de compra en un sitio web de comercio electrónico. Del correcto diseño del sitio dependerá que el usuario consiga finalmente su objetivo (y consecuentemente el proveedor también), o que por el contrario, frustrado por la dificultad de uso del sitio web, decida abandonarlo en busca de otro donde llevar a cabo la compra sea más fácil.

Es fácil inferir que un buen diseño deberá ser comprensible, fácil de usar, amigable, claro, intuitivo y de fácil aprendizaje para el usuario, y que sea creativo. Para poder asegurar que un diseño cumple con estos requisitos no basta simplemente con una actitud empá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 que desee desempeñar.

Informacion de diseño

Navegadores Soportados

Los navegadores modernos permiten contenido interactivo y manejo de modernas tecnologías WEB, como CSS, y JavaScript, que permite que los visitantes de su sitio poder navegar de manera cómoda, y segura, sin embargo cada uno de los navegadores muestra la información de manera diferente. 

Por tal motivo, como parte de nuestro proceso de calidad en el diseño, realizamos validaciones en los navegadores mas populares, asegurando que su información pueda ser vista de la misma manera en los navegadores mas utilizados, respetando en todo momento el diseño que es una característica única y principal distintivo de su empresa o marca.

Navegadores soportados : 

internet explorar 6

internet explorer 7

internet explorer 8

mozilla firefox 1.5

mozilla firefox 3.x

safari 3

safari 4

 

Gráficas e imágenes

El tratamiento de las imágenes utilizadas en su sitio WEB se basa en la compresión de las imágenes sin que estas pierdan calidad, asegurando que su sitio sea ligero ya que los visitantes de un sitio esperan que la información aparezca por completo en cinco segundos o menos.

Todas las imágenes que aparecen en su sitio tienen relacionado texto alternativo, que es invisible para el usuario pero visible para los navegadores, de esa forma aseguramos que los navegadores puedan indexar en sus bases de datos toda la información de su sitio y puedan localizar fotografías, mapas, gráficas o cualquier elemento gráfico.

Posicionamiento en buscadores

Su sitio WEB estará dado de alta en el mayor buscador del mundo y se utilizara tecnias SEO para mejorar la búsqueda de información dentro de su sitio.

La tarea de ajustar la información de las paginas que se realiza tiene como proposito que los buscadores muestren como parte de sus resultados, información contenida dentro de su sitio

SEO, son las siglas en ingles de Search Engine Optimization, optimizacion para motores de búsqueda  que consiste en aplicar diversas técnicas tendientes a lograr que los buscadores de Internet sitúen determinada pagina web, utilizando determinados términos y frases clave de búsqueda. 

Accesibilidad

El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor numero de personas.
Para conseguir estos objetivos de accesibilidad, se han desarrollado pautas como la W3C : Pautas de accesibilidad  al contenido WEB 1.0 WCAG ( W3C significa son las siglas en ingles World Wide web consortium, y es una comunidad internacional donde los estados miembros trabajan para desarrollar estándares para el desarrollo web y así ayudar a un mejor desarrollo de el Internet a nivel mundial,W3C es reconocido a nivel mundial por ser la organización encargada de estandarizar el lenguaje de marcado de hipertexto o mejor conocido como HTML, el cual es utilizado para el diseño y desarrollo de sitios web).


Bueno, las paginas web anteriormente, en un principio era solo texto, pero a medida que la tecnología avanza, se adquieren nuevos complementos, tanto los ordenadores, como las redes.

Se ha generado nuevas formas de desarrollar la web, y la mas significativa ha sido implementar imágenes, a el igual que los vídeos y la animación  o los espacios 3D, lo que aporta interactividad y valores estilisticos .

El diseño de paginas web, ha ido considerablemente avanzando conforme la Internet lo hace, y con esto se debe mencionar que a el principio de la Internet, en el año de 1992, había solo 50 paginas web, según estadísticas.
Según el último censo realizado por la organización mundial del World Wide Web, WWW en Abril de 2006 se registraron un total de 102.000.000.000 de páginas web teniendo en cuenta todos y cada uno de los servidores y hostings del mundo.)

Rápidamente, su importancia alcanzará las mismas cuotas que la televisión o el teléfono, y como avanza la tecnología  las paginas web siguen apareciendo, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total).


A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios, junto con un desarrollo efectivo de la estructura web y del contenido, el diseño, y el uso del color, que son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar a nuevos visitantes.

Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones atraves de Internet, y ha bajado su precio.
a medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

Fundamentos

El diseño de páginas web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc).

Estos documentos o páginas web pueden ser creadas:

creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.

utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.

utilizando lenguajes de programación del lado servidor, para generar la página web.

Fundamentos

Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como internet explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.

La web semántica, por otra parte, aboga por un uso lógico de los elementos según el significado para el que fueron concebidas. Por ejemplo se utilizará el elemento <P> para marcar párrafos, y<TABLE> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.

De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como por ejemplo, una pantalla de computadora, un teléfono móvil, impreso en papel, leída por un sintetizador de voz, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.

También existen páginas dinámicas, las cuales permiten interacción entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un Panel de Control de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.

Programacion web ( Parte final )

Retomando el tema, sobre la programación web; el lenguaje java en cambio, crea archivos ejecutables, que se instalan en el ordenador del navegador,  y se utiliza para animaciones o para crear pequeños programas como calculadoras, juegos, etc. Aunque cabe aclarar que cada vez se esta utilizando menos.

ASP/PHP : formatos para paginas web dinámicas
Bases de datos: My SQL, Oracle,Informix, y Microsoft SQL
DHTML/CSS : lenguajes dinamicos de HTML
JAVASCRIPT : Lenguaje de programacion
Flash : Software que sirve para hacer animaciones
Java : Lenguaje de programacion

Peso de las paginas y formato de imágenes

El peso de las paginas es conveniente que no exceda los 50 KB, esto se debe a que todavia las conexiones a internet son lentas,  y hay estudios hechos en lo E.U.A. que demuestra que los usuarios no suelen de esperar mas de 30 segundos para ver la informacion de una pagina.

En este tema es fundamental el tratamiento de las imágenes, es decir, muchas veces se pueden acondicionar las mismas para que bajen sustancialmente de peso, mantenimiento de todas formas una calidad aceptable. Los software de edición de imágenes digitales vienen ya preparados para la optimización de imágenes a montar en la web.

peso de las paginas

formato de imagenes

Consistencia

Y concluyo con consitencia, donde es necesario lograr que el sitio web obtenga consistencia y una imagen distintiva, mediante el uso de fondos, gráficos y logos, colores uniformes en el texto y los enlaces, barras de navegación en el mismo lugar, etc.; de la misma manera que una tienda comercial mantiene una estética única, tanto para su casa central como para sus sucursales.

Fondo y gráficos distintivos

Color de texto y enlaces

Barras de navegación en el mismo lugar

Para ampliar información acerca de cómo hacer una web, consulta el manual empezar a hacer webs desde cero.

Conceptos básicos de diseño web

Cuando hablamos de un sitio web, nos referimos a archivos que pueden ser de texto, audio, gráficos  etc.  Que están unidos mediante un lenguaje denominado HTML. 

Este lenguaje nos permite crear las paginas web, archivos con extencion HTM, o HTML, 

La ventaja de HTML es que nos permite presentar archivos de manera simultanea (Texto junto con un vídeo, gráficos en forma de botones, etc.) y ademas, cuenta con la posibilidad de crear enlaces o hipervinculos  (hyperlinks en ingles) que se encargan de conectar las paginas web entre si.

esto significa que podemos " saltar " de una pagina ubicada en USA, a una pagina web de España, o japón  en forma inmediata, haciendo que las distancias geográficas desaparezcan.

para poder acceder a los sitios web utilizaremos navegadores, que es el software encargado de presentarnos esta información en forma amigable.

Sitio web : conjunto de archivos 

Pagina web : archivo en formato HTM o HTML

hipervinculo : objeto que se utiliza para enlazar archivos (paginas web, imágenes, audio, etc.)

Servidor web : computadora conectada a internet que aloja sitios web o archivos que pueden ser utilizados atravez de la web.

Programación Web ( parte 1 )

con el desarrollo de la web surgieron nuevos lenguajes de programación tendientes a presentar paginas que permiten tener mayor interacción,  y crean una pagina en forma instantánea.

Las bases de datos mas utilizados son MySQL ( Open source )  oracle, Informix de IBM, y microsoft SQL.

el DHTML, ( HTML dinámico )  y el CSS (Hojas de estilo) sirven para hacer mas interactivas las paginas html, por ejemplo, botones que cambian de color, texto que agranda, o disminuye su tamaño, etc. y  aliados al javascript, pueden tambien poner la hora y fecha a la pagina, mostrar texto que desplaza y mas.

Un software que esta utilizando en la web para hacer animaciones con audio, texto, imagenes, etc. es el macromedia flash, ya que en sus ultimas versiones, cuenta con herramientas, que hacen relativamente facil crear una presentacion web, y el tema continuara, en la siguiente entrada.

Diseño web

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación de diseño convencional, ya que requiere tener en cuenta:la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo.



La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos.

El diseño de páginas web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un telefono movil, etc).Estos documentos o páginas web pueden ser creadas:creando arvhicos de texto en html, php, asp, aspx, javacript, jsp, python, ruby.utilizando un programa wysiwig o wysiwym  de creación de páginas.utilizando lenguajes de programacion del lado servidor, para generar la página web.
 Para el diseño de páginas web debemos tener en cuenta tres etapas:

1.   El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vinculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.

2.   Estructura y relación jerárquica de las páginas del sitio web. Una vez que se tiene el boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.

3.  Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.

Presentación

Hola, mi nombre es Erik Alonso, estudio en la universidad autónoma de baja california, y me dirijo hacia la carrera de diseño gráfico, así que e formado este blog sobre el diseño web.












La carrera de diseño gráfico me ha inclinado hacia el diseño web, y la facultad me ha enseñado mucho, a pesar de estar en 1 er. semestre, y me ha gustado la facultad de arquitectura y diseño en la universidad autónoma de baja california, de la que estoy muy orgulloso de ser integrante y parte de u.a.b.c.










El diseño web ha tomado cierta importancia, a tal grado, que cuando somos empresarios, o requerimos de un diseño web, somos exigentes en cuanto a calidad y estética, ¿Por que? Por que sabemos que como sociedad, la publicidad llama la atención de las personas, es decir, tener imaginación y creatividad, para que el diseño sea llamativo, y así la gente le resulte atractivo y tentador visitar la pagina web donde nosotros estemos ofreciendo nuestros servicios.




En el diseño web nosotros podemos encontrar gran diversidad de paginas que nos ofrecen sus servicios, y es importante también remarcar, que de todas estas paginas, algunas solo se presentan sin servicio alguno, por esto, es importante la utilidad que le damos y la información que manejamos, por lo cual, a partir de esto, el interés social nos podrá beneficiar y aportar beneficios.