Diseño centrado en el ser humano

El diseño centrado en el ser humano, es una filosofía que se basa en las necesidades y los intereses del usuario. Durante los procesos de diseño, se utilizan métodos para crear productos que van a resolver las necesidades concretas de los usuarios finales, y así, conseguir una mayor satisfacción y una grata experiencia de uso, con el mínimo esfuerzo de parte del usuario.

Este diseño debe ser:

1. Pensado en el usuario.

2. Empático (identificarse con el otro).

3. Crear soluciones.

4. Iniciado y controlado por el usuario.

5. Interactivo.

6. Fácil

7. Usable y entendible

Además se debe basar en tres principios, los cuales son

- Deseabilidad

- Factibilidad (lo que se puede hacer)

- Viabilidad (parte económica)

Para lograr esto, se deben reconocer los problemas de los usuarios y desarrollar estrategias que ayuden a resolverlos, para esto hay una intensión que nos lleva a hacer una acción, y una acción que nos lleva al resultado. 

Algunas de las actividades principales con las que se inician las etapas pensadas en el ser humano son:

1. Entender y especificar el contexto de uso.

2. Especificar los requisitos que tienen los usuarios.

3. Especificar los requisitos que lleve el diseño.

4. Producir soluciones de diseño.

5. Evaluar los diseños con base a los requisitos.

Los principios clave del diseño que están entrados en el ser humano

- Diseño centrado en el usuario.

- Comprender sue ideas y el entorno del usuario.

- El usuario es parte del diseño y el desarrollo.

- Tiene que estar dirigido y refinado por evaluaciones que hacen los usuarios. 

- El proceso debe ser repetitivo. 

- Se dirige a toda la experiencia del usuario.

- Que el diseño se haga con un equipo multidisciplinario.

Línea del Tiempo

Esta fue una actividad realizada como parte del primer parcial, realizando una línea del tiempo grupal con el fin de contener los datos y fechas más importantes vistos durante los temas a lo largo del parcial.

El resultado final fue este…

Diseño de Información

El diseño de la información es solucionar problemas de información para que el lector o el usuario la entienda mejor, se puede conocer como arquitectura de la información o como experiencia del usuario.

Arquitectura de la información: término acuñado por Richard Saul Gurman en 1976, hace referencia al arte y la ciencia de etiquetar y organizar sitios web para apoyar su usabilidad.

Experiencia del usuario: se refiere a la forma de sentir de las personas al usar productos, sistemas o servicios. Tiene que ver con la percepción del usuario en términos prácticos como su facilidad de uso,  utilidad y eficiencia.

Con estos dos diseños de información, lograremos que ésta se acomode y diseñe para que sea una experiencia para el usuario y llegar a un nivel emocional, haciendo que se involucre aún más con lo que estamos presentándole.

El diseñador debe seleccionar, clasificar, describir, estructurar, transformar, organizar, etiquetar y presentar datos conservando solamente aquellos significativos y valiosos, adaptando la información de una manera fácil de usar y entender para nuestro usuario o lector, y así lograr que asimile los contenidos presentados.

Contenidos

Arquitectura + Usabilidad + Contenido + Creatividad = Fácil, atractiva,útil y divertida.

Algunos elementos que nos ayudaran a obtener dichos contenidos:

1. Datos comprensibles,
2. Comprensión de los datos por parte de los diseñadores
3. Estructurar los contenidos
4. Analizar a la competencia
5. Analizar al pùblico objetivo

Tipografía

Conforme el ser humano y la tecnología se desarrollaban, las herramientas que se conocían para el diseño y sus variantes iban cambiando a pesar de la constante preocupación y oposición por parte de los diseñadores, debido al miedo al cambio  y a lo desconocido que todo ser humano experimenta.

Uno de los cambios más significativos fue el de la creación de las tipografías, que en realidad hizo que el proceso para crear una fuente se tornara mucho más sencillo. Como todo cambio, se tiene que pasar por una serie de prueba y error para poder llegar a donde se planea, y la creación de la tipografía digital no es excepción.

Fueron 3 empresas las responsables por este avance, Adobe, Aldus y Apple, quienes comenzaron buscando el almacenamiento de texto y la mejoría en los trazos de las letras. La tipografía digital es el nombre que reciben las tipografías usadas para pantallas o monitores, y son muy distintas a las tipografías usadas para los medios impresos, las diferencias son notables incluso desde el momento de su creación y desarrollo, esto es debido a que las fuentes tipográficas para impresión necesitan contar con una alta resolución y nitidez.

Al momento de pasar estas fuentes a la pantalla, las tipografías tradicionales se deformaban y se veían mal en la pantalla, debido a que el puntaje era menor que si fueran a utilizarse en impresos, además de que en los documentos electrónicos no hay unicamente texto, si no imágenes y contenidos visuales. 

En un principio no había variedad tipográfica y las pocas que salieron a la venta no eran suficientes para las necesidades del diseñador, por lo que surgió el programa WYSIWYG (what you see is what you get), que permitía ver una aproximación de lo que se obtendría a la hora de imprimir. A pesar de que este software era de gran ayuda, las fuentes digitales en formato Post Script seguían teniendo problemas a la hora de imprimirse.

Con el paso del tiempo, es cada vez más común encontrar publicaciones en medios digitales y en soportes web, perdiendo los medios tradicionales (impresos), por lo tanto el desarrollo de fuentes tipográficas digitales es un mercado en expansión.

Otra forma de clasificar las tipografías es haciendo hincapié en la apariencia y en ciertos detalles que hacen a la morfología externa de la letra.

Una clasificación con estas características resulta realmente útil para la práctica de la disciplina del diseño y la comunicación visual.

Existen 2 tipos de estilos tipográficos.

Falso: Cuando no se tiene la familia de la fuente en bold, itálica por lo que se modifican en Word e Illustratormanualmente.
No son diseños precisos ni buenos diseños.

Genuino: Son aquellas familias tipográficas que están completas  (van desde ultra thin a ultra bold) o en ocasiones es una fuente específica para textos normales, otra para títulos y otra para los encabezados.

Formatos de Tipografía

Las fuentes por lo general son multiplataformas (funcionan en PC y Mac) y son escalables (súper grande o chiquita sin perder calidad). Existen 3 formatos:

PostScript- Primer formato pensado para usos digitales e impresos.
TrueType- Hecho por Apple, las fuentes eran compatibles entre PC y Mac. Se usan las fuentes como curvas y tenían un rasterizador que las convertía en mapa de bits, ayudando a que la calidad de las fuentes no disminuya en pantalla.
OpenType- Basado en TrueType, pero con funciones mucho más avanzadas, entre ellas caben muchos más signos, símbolos y glifos.

Gestión de Fuentes

Cargar las fuentes en el sistema es muy pesado, pues a la hora de abrir los programas tiene que cargar todas las fuentes. Es recomendable usar únicamente las fuentes necesarias.

Impresión y Pantallas

Las fuentes pensadas para impresión empezaron a tener problemas al momento de verse en pantalla, por lo que comenzaron a diseñarse fuentes con líneas mucho más limpias. Los defectos principales eran y siguen siendo:

Aliasing: Es un defecto que aparece en pantalla, sobre todo cuando tenemos menor resolución en las pantallas, ocasionando que los bordes de las fuentes se vean dentados, el problema es cuando hay curvas y líneas inclinadas debido a que no tenemos medios pixeles.

Hinting: Decide que pixeles van de color para que los caracteres pequeños se vean más definidos. Esto se hace desde que se está diseñando, viene por default en las fuentes pero el diseñador puede modificarlo.

Unidades de Medida para Tipografía Digital

Ejemplos de Tipografías funcionales para Web

Sitio bien usado y mal usado 

Formatos de Audio, Video y Compresores

Tipos de formatos de imagen

Las imágenes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene.
Los más utilizados en la actualidad son:

Illustrator - .ai

Ventajas 

• Es un formato de archivo de imagen vectorial usado por Adobe Illustrator.
• Es basado en el formato PDF que guarda transparencias.
• Los archivos vectoriales no tienen perdida de calidad, y es posible alterar su tamaño evitando deformaciones

Desventajas

• Los gráficos vectoriales en general no son aptos para codificar fotografías o vídeos tomados en el mundo real.
• Los datos que describen el gráfico vectorial deben ser procesados, el computador debe ser suficientemente potente para realizar los cálculos necesarios para formar la imagen final.
• Su visualización en última instancia tiene que ser traducida a pixeles.

InDesign - .indd

Ventajas

• Es un formato de archivos usados principalmente para publicaciones editoriales.
• Permite la impresión con imágenes de alta calidad.
• Los archivos guardados en esta extensión son livianos.

Desventajas

• No es editable en ningún otro programa al ser nativo de InDesign.
• En caso de que la publicación contenga imágenes, éstas deben estar en una carpeta junto con el archivo, de lo contrario al abrirse en otro equipo, las imágenes desaparecen.

Photoshop - .psd

Ventajas

• Permite la edición del archivo generado en Photoshop.
• Excelente calidad sin pérdida de resolución.

Desventajas

• El único programa que soporta esta extensión es Photoshop, ya que es generada en el mismo.
• Si contiene muchas capas de edición el archivo es muy pesado.

Portable Document File - .pdf

Ventajas

• Son muy fáciles de enviar y recibir debido a que resultan muy livianos y además inviolables.
• Mantienen la apariencia del documento original con las mismas fuentes, imágenes y distribución.

Desventajas

• Requiere de la ejecución de un "plug-in"
• Requiere contar con las últimas versiones del lector (5 o superior).
• El estado de la accesibilidad de herramientas no esta tan avanzado como su rquivalente para HTML.

Tagged Image File Format - .tiff

Ventajas

• Almacena imágenes de una calidad excelente.
• Utiliza cualquier profundidad de color de 1 a 32 bits.
• Es el formato ideal para editar o imprimir una imagen.

Desventajas

• Produce archivos muy grandes, debido a que los archivos TIFF no tienen compresión.

Illustrator Encapsulated Postscript - .eps

Ventajas

• Se pueden guardar imágenes tanto mapas de bits, como vectoriales.
• Es muy utilizado en impresiones profesionales.

Desventajas

• Si se quiere imprimir directamente un archivo EPS, debe usarse una impresora compatible con Postsript.
• Son archivos lentos de procesamiento.
• Si se desean modificar, debe usarse el programa que los creo.

Joint Photographic Experts Group - .jpeg

Ventajas

• Admite una paleta de hasta 16 millones de colores.
• Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión.
• Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin compresión.

Desventajas

• La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede asumir porque permite reducir el tamaño del archivo.
• Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se define cierto factor de compresión.

Portable Network Graphic - .png

Ventajas

• Tiene una tasa de compresión superior al formato GIF (+10%)
• Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.

Desventajas

• No soporta animaciones.
• Produce archivos excesivamente grandes para la reproducción de fotografías o cuadros comparados con los equivalentes archivos JPG.

Graphics Interchange Format - .gif

Ventajas

• Es un formato idóneo para publicar dibujos en la web, ya que soporta animaciones.

Desventajas

• No es recomendable para fotografías de cierta calidad ni originales ya que el color real o verdadero utiliza una paleta más grande de 256 colores.

La Resolución

Crucigrama

Actividad sobre los temas desarrollados en clase a lo largo del primer parcial, llevado s un formato interactivo.


Crucigrama

Redes sociales

Historia

1971-Se envía el primer Mail. Los dos ordenadores protagonistas estaban uno a lado del otro.
1978-Se intercambia BBS Bulletin Board Systems Ward christensen / Se utiliza usenet acronimo de Users Network.
1994-Se funda geocities.
1995-TheGlobe. com da a sus usuarios la posibilidad de personalizar sus propias experiencias online.
1997-Se lanza AOL Instant Messenger/Se inaugura la web Sixdegrees.com.
2000-La burbuja internet estalla.
2002-Se lanza el portal friendster pionero en la conexión online de amigos reales.
2003-Se inaugura myspace.
2005-Se lanza Facebook.
2006-Se inaugura Twitter.
2008-Facebook adelanta a MySpace como red social lider.
2011-Facebook tiene 600 millones de usuarios repartidos por todo el mundo, y Twitter  190 millones.

Estructura

Cualquier tipo de red está formada por dos elementos fundamentales: nodos y conexiones, en este caso los nodos de la red son personas y las conexiones surgen de algún tipo de interacción entre dichas personas.

• Buscador
• Nombre de la red
• Permiten la visualización de Grupos, Videos, Fotos, Audio y los miembros de cada comunidad o red.

Las redes sociales son páginas que permiten a las personas conectar con sus amigos, incluso realizar nuevas amistades a fin de compartir contenidos, interactuar, crear comunidades sobre intereses similares: trabajo, lecturas juegos y relaciones interpersonales.

Características

1. Están basadas en el usuario
2. Son interactivas
3. Establecen relaciones
4. Intercambio de información e intereses
5. Ofrece una variedad de servicios

Ventajas

• Reencuentro con conocidos
• Excelentes para propiciar contactos afectivos nuevos
• Compartir momentos especiales
• Diluyen fronteras geográficas y sirven para conectar a la gente
• Conexiones con el mundo profesional
• Tener información sobre temas de interés
• Comunicación en tiempo real

Desventajas

• Son peligrosas si no se configura la privacidad correctamente
• Pueden darse casos de suplantación de personalidad
• Falta en el control de datos
• Pueden ser utilizadas por criminales para conocer datos de sus victimas
• Consumen gran cantidad de nuestro tiempo pues pueden llegar a ser adictivas

Smartphone y dispositivos móviles

La característica más importante es que permiten la instalación de programas para incrementar sus posibilidades, como el procesamiento de datos y la conectividad.

-Tiene correo electrónico y redes sociales

-Cuenta con GPS

-Permite instalación d programas de terceros
-Utiliza cualquier interfaz para el ingreso de datos

-Permite ingresar a internet con tecnología 4G

-Poseen agenda digital y administración de contactos

-Permiten leer documentos entre ellos los PDFs y archivos de Microsoft Office

-Debe contar con algún sistema operativo

-Poseen memorias extras

-Cámara trasera y delantera

Historia

1971-  Identificador de llamadas, Theodore Paraskevakos

1971 - People’s Telephone Company

1992 - IBM y CMDEX (primer dispositivo móvil)

1993 - Fueron sacados a la venta

1994 - Simon Personal Comunicator (versión más refinada)

1995 - Phone Writer Communicator (primer palabra de Smartphone “teléfono inteligente”)

1996 - PDA (Asistente Digital Personal)por parte de la compañía Nokia con el modelo Nokia2110

1999 - CDMA Digital PCS Smartphone (ya tiene conexión a Internet) de la compañía Qualcomm

2000 - Ericsson R380 (combina las funciones de un teléfono móvil con un PDA)

2010 - Aparecen diferentes sistemas operativos

Producción en masa

1999 – PDA por pate de la compañía Nokia con el modelo Nokia2110

2000 – Windows Phone

2000 – Symbian (sistema operativo popular en Europa) y Nokia’s Symbian (negocios)(Blackberry)

2006 – N-Series

Sistemas operativos

Android
2003 (Octubre) Fundda por Andy Rubin

2008 (Octubre) HTC lanza HTC Dream

2010 Android se volvió la plataforma más vendida

 IOS

Sistema operativo móvil desarrollado por Apple Inc.

2007 Apple introduce su primer iPhone

2008 Se introduce la App Store

2014 Eventualmente alcanzó un billón en el primer año

Windows Phone

Saca Windows Phone

Integra Sky Drive, Office, Xbox y Bing

Servicios ajenos a Microsoft: Facebook, Twitter y cuentas de Google

Blackberry
1999 Lanza su primer dispositivo

2014 Tiene 46 millones de suscriptores activos

Firefox OS

Originalmente llamado el inicio de Gecko proyect

Sailfish OS

Basado en el Linux Kernel y Mer

Tizen

Sistema operativo basado en Linux

Ubuntu Touch

Sistema operativo de Ubuntu dessarrollada por Canonical UK DT

Tienda de Aplicaciones (App Store)

2008 (Julio) App Store de Mac popularizada la distribuidora online

2008 (Octubre) Se lanza Google’s Android Market

2009 Blackberry App World