Un instante antes de que se cierre el plazo

domingo, octubre 26, 2014 0 Comments



Este fin de semana, me he tomado mi tiempo, para descansar... La verdad es que me lo tenía merecido, a pesar de que ahorita estoy sufriendo más de lo debido, escribiendo poco antes de las doce que es cuando se cierra el plazo de revisión semanal de los blogs por parte de mi maestro de Metodología del desarrollo creativo.

Pienso, pienso y sigo pensando, demasiadas ideas inundan mi cabeza y roban mis pensamientos, continúo pensando si ha sido buena idea haber vuelto a la escuela, no porque no me guste, al contrario, la encuentro realmente agradable y constantemente me reta intelectualmente, de igual forma, me recuerda aspectos que solía visualizar sobre mi vida. Mi lado humanista vuelve a la vida después de 5 años en Ingeniería. Volver a la escuela, significa para mí, un reto, el hacer las cosas bien, mi perspectiva de las cosas y de la vida misma, no es la misma que tenía cuando tenía 18 años y entré por primera vez.

Lo que me molesta simplemente, es que no poseo tanto tiempo como antes, es decir, actualmente debo trabajar para mantener mis estudios, porque sin dinero, no hay escuela; cuando estudiaba ingeniería, admiraba a un amigo que estudiaba y trabajaba, Dios mío, quién como él, claro... Sus calificaciones igual no eran las más sobresalientes, pero él, es un excelente programador hasta la fecha. Estos días ha llegado a mi mente su imagen y me doy cuenta el gran peso que es llevar ambas cosas, básicamente tienes que sacrificar algo, lo que hice yo, fue sacrificar mis estudios autodidactas. El tiempo se divide en escuela y trabajo, no poseo más... Y si necesito más tiempo, lo quito a mis fines de semana o simplemente a las horas de sueño.

No pretendo hacer de esto, un post de queja respecto a mi vida, simplemente desahogarme. La otra cara de la moneda, es haberme metido a la Universidad, cuando podría estar emprendiendo proyectos, viajando a otras ciudades, conociendo gente, lugares, trabajando para ahorrar y hacer lo que siempre he soñado... Viajar... Viajar a otros países, reunir a mi equipo de trabajo y armar una empresa de desarrollo Web. A veces, parece que me olvido de ellos, pero no es así, los llevo constantemente en mi mente, esperando como niño a que abran la dulcería o juguetería para saber de ellos y qué mejor, conocerlos en persona. España, República Dominicana, Colombia, Estados Unidos, algunos de mis amigos se encuentran por esos lugares...

Aún no decido qué haré, sin embargo... Sea cual sea la decisión que tome, me mantendré firme y disfrutaré de ello.

0 comentarios:

Diseño y luego existo

domingo, octubre 26, 2014 0 Comments






Hace cuatro meses, Joel Irazabal sólo deseaba abrir una escuela de gastronomía. Sabía que debía ser un negocio rentable. En menos de tres meses abrió Estudio Arte Gourmet, un concepto redondeado y que ofrece una experiencia adecuada para su mercado objetivo: mujeres que habitan los prósperos suburbios al poniente de la Ciudad de México. Y en apenas unos 60 días el proyecto vio la luz con una imagen corporativa coherente, una oferta académica definida, precios determinados a partir de un benchmark y diferenciadores como cursos personalizables para las amas de casa, capacitación a domicilio para el personal doméstico y cursos de cocina para los pequeños del hogar.
Para desarrollar su proyecto Joel se acercó a Estrategas Digitales, una consultoría especializada en pensamiento de diseño o design thinking, una forma de trabajo que en esencia aplica los métodos que tradicionalmente usa un diseñador gráfico, industrial o editorial, pero en contextos distintos a los de este ámbito, con el fin de innovar y generar nuevos productos, servicios y oportunidades de negocios.
El método, mombrado así por Tim Brown, CEO de la agencia de diseño IDEO, se caracteriza justo porque “es una disciplina que usa la sensibilidad y los métodos del diseñador para hacer coincidir las necesidades de las personas con lo que es tecnológicamente factible y con aquello que una estrategia viable de negocios puede convertir en valor para el cliente y en una oportunidad de mercado”, escribe Brown en el artículo de Harvard Business Review de 2008 “Design Thinking”.
En el núcleo de esta herramienta está la empatía, es decir, la capacidad “de sentir lo que tu usuario o tu mercado están sintiendo para considerarlo en tu proceso de diseño”, explica Luis Arnal, presidente de Insitum, consultoría en innovación que también aplica el pensamiento de diseño. La empatía puede implicar un replanteamiento de la manera en que un emprendedor define el problema a resolver. Desde una óptica alejada del design thinking, lo que suele considerarse esencial en el proceso de creación de valor es cómo vender un producto o servicio que ya existe o que puede o quiere ofrecerse. Lo ideal, sin embargo, sería “empezar por entender a quienes al final serán tus consumidores, y preguntarte qué les está haciendo falta”, plantea Georgina Durán, coordinadora de la Maestría en Diseño Estratégico e Innovación de la Universidad Iberoamericana en la Ciudad de México.
En otras palabras, antes de lanzar un producto o servicio al mercado conviene que el emprendedor entienda que él no es el cliente; por lo tanto, su oferta no debe estar diseñada siguiendo criterios que lo satisfagan a él, sino que mejoren la vida de su cliente. Comprender al otro desde su punto de vista, no a partir de uno mismo.

Los zapatos del cliente

Para lograr la empatía descrita, el design thinking adopta una postura antropológica: “cómo se comporta la gente, qué tipo de patrones siguen, cuáles son sus costumbres”, señala Manuel Sandoval, director ejecutivo de Proyectos de Exportación en Proméxico, agencia del Gobierno que está impulsando la incorporación del pensamiento del diseño para que las empresas mexicanas ganen competitividad a través de innovación y mayor valor agregado.
La comprensión del consumidor puede darse de varias maneras: desde una etnografía (estudio formal y descriptivo de las costumbres y tradiciones de un pueblo o grupo humano) hasta algo tan simple como sentarse a observar al cliente potencial en el medio donde consume. Para Armando Halbinger, director de Mercadotecnia de Microsoft México, cualquier indicio de vida cotidiana es más importante que una clasificación por nivel socioeconómico.
Una vez concluido este proceso, llamado inmersión, se procede al análisis de los datos recabados y luego a la generación de ideas. Éstas dan lugar a un prototipo o modelo susceptible de probarse y afinarse en reiteradas ocasiones hasta lograr el que parezca más acertado. Una vez elegido el prototipo, se procede a su implementación; es decir, a lanzarlo y afinarlo.
En el caso de Estudio Arte Gourmet, Joel –joven emprendedor que posee dos restaurantes y es dueño de un estudio de grabación–, identificó una oportunidad en la educación culinaria a partir de su experiencia con los cursos gastronómicos que había tomado. Por su parte, los consultores de Estrategas Digitales se dedicaron a investigar, a partir de la idea de la escuela, dónde convendría abrirla y determinar qué tipo de público estaría interesado en un concepto que ellos crearían junto con Joel. El problema a resolver era “qué tipo de cosas podemos ofrecer en términos académicos y a qué tipo de público”, explica Jorge Bobadilla, director de la firma.

Información es poder

Para encontrar el modelo de negocio adecuado, los consultores hicieron un benchmark (en este caso, un análisis de las escuelas de gastronomía que existían) para entender la oferta disponible. Asimismo analizaron en redes sociales y motores de búsqueda cómo era la demanda (a través de una técnica llamada netnografía) y cuáles necesidades no estaban siendo satisfechas por las escuelas existentes.
El estudio arrojó tres categorías de competidores: institutos grandes y reconocidos; escuelas de mercado masivo que ofrecen muchos cursos en distintos planteles; y pequeñas escuelas con un enfoque gourmet, para grupos reducidos y ubicadas en zonas pudientes, similares al lugar donde se ubicaría Estudio Arte Gourmet.
Asimismo, determinó que su mercado objetivo eran madres de familia. Ponerse en su lugar implicaba entender la oferta a la que estaban expuestas, cómo hacen su análisis de valor y aquello que ya se les estaba ofreciendo, así como lo aún inexistente, aunque no por ello menos interesante. Uno de los hallazgos más relevantes fue que sus clientas potenciales tenían cocinas de alta gama, con niveles sofisticados de equipamiento, pero que no necesariamente sabían como usar. A partir de este dato Joel decidió orientar la escuela a la categoría gourmet, considerando aspectos como la ubicación y el tamaño del local. Luego, se desarrolló un prototipo, que incluyó la oferta educativa, la identidad corporativa (nombre, logotipo, paleta de colores), precios, diseño del plantel y la experiencia del usuario.
Todo se enfocó a enfatizar un concepto gourmet, exclusivo y personalizado, y se diseñó considerando el perfil de su consumidor (mujer pudiente que pasa poco tiempo cocinando, desconoce cómo funcionan los equipos de su cocina y tiene empleadas domésticas que preparan la comida).

Prototipa, prueba, capitaliza

El resultado es una oferta educativa variada –un diplomado en panadería, especialidades en cocina del mundo y repostería, así como más de una docena de cursos–, con la flexibilidad de ajustarse a las preferencias del cliente, con clases individuales o para pequeños grupos (digamos, de amigas), impartidas por un chef especializado ya sea en la escuela o a domicilio. Por ejemplo, para un curso de cocina de Italia, Estudio Arte Gourmet envía a casa de la alumna a un chef originario de ese país.
Su oferta de educación también incluye cursos de verano para niños, impartidos en la escuela –llamada Laboratorio Culinario–, y capacitación para el personal doméstico, que la empresa ofrece a domicilio para enseñar a cocinar con categoría gourmet.
A principios de mayo de este año, Estudio Arte Gourmet abrió sus puertas. Joel Irazabal dice estar satisfecho con su inversión. Los resultados son muy tangibles: el diseño de la escuela, su sitio de Internet y hasta los folletos con la oferta educativa tienen sentido para su mercado. Y cuando sus clientes ponen un pie en el plantel, encuentran lo que estaban esperando. Incluso, la escuela ya tiene alumnos inscritos para los cursos infantiles de verano y su diplomado de panadería. Para Joel, la demanda después de sólo dos meses de apertura es la que él esperaba tras un semestre de operación. “Es un gran logro”, dice sin ocultar su orgullo.
No obstante, Joel tiene claro que su modelo de negocio, ahora en la fase de implementación, continúa siendo un prototipo, y tal como lo plantea el design thinking, tiene que validarlo. Una vez abierto, está realizando cambios y correcciones de ruta para mejorar. Por ejemplo, se volvió obvio que necesitaba programas orientados a atender a la comunidad judía que vive en la zona donde opera. Así que su startup ya está diseñando la oferta kosher.
Esa flexibilidad es quizá la lección más importante del pensamiento de diseño a la hora de aventurarse en un negocio. Tratándose de una escuela de gastronomía, un empresario tradicional hubiera definido los cursos que él quería impartir y enfocado el concepto para satisfacer sus criterios, considera Jorge Meza, también director de Estrategas Digitales.
En cambio, destaca, “un emprendedor o una empresa que quiere aceptar al diseño estratégico o al design thinking como guía para su modelo de negocios, tiene que asumir otra actitud; y el modelo de negocio de Estudio Arte Gourmet está muy ligado a la idea de prototipar un servicio, ver qué resultados tiene y capitalizarlo. O en su caso, cuando no funcione, pues a pedir retroalimentación de por qué no funciona y cómo podría ser viable”.
Hoy, empresas como Estudio Arte Gourmet crean soluciones que sí piensan en el cliente. La metodología que les permite innovar y renovar sus negocios, tiene en su corazón al design thinking.

¿Qué es y qué no es el pensamiento de diseño?

1. Enfoque para la resolución del problema
Tradicionalmente: El responsable de encontrar una solución pasa tiempo asimilando el problema y después genera una posible solución. Así, las empresas que quieren lanzar un producto nuevo, por ejemplo, pueden pasar seis meses investigando y otro tanto pensando la solución.
Design Thinking: El responsable de encontrar una solución revuelve el problema con la solución. La frontera entre ambas fases se diluye. El design thinker adelanta una solución (no definitiva y que es susceptible de ser perfeccionada) el primer día. Así, antes de entender completamente el problema ya está generando ideas y soluciones; después pasa más tiempo entendiendo el problema y genera otra solución.
2. Resolución del problema
Tradicionalmente: El responsable de encontrar una solución sigue un orden establecido en los pasos a seguir y rara vez lo altera. Define el problema, determina qué información necesita para resolverlo, recaba la información, la analiza y genera una solución.
Design Thinking: El responsable de encontrar una solución revuelve el orden de los pasos a seguir, llevando a cabo un proceso aparentemente caótico. Por ejemplo: desde el primer día plantea el problema, propone posibles soluciones, hace investigación superficial, hace un prototipo. Al día siguiente hace observación, analiza la información que recaba, replantea el problema, propone nuevas soluciones y genera un prototipo, y continúa hasta que encuentra la solución adecuada.
3. El foco
Tradicionalmente: El problema está planteado bajo la perspectiva del responsable de resolver el problema. Por ejemplo, un empresario que se plantea: “Yo fabrico una silla, ¿cómo la vendo?” o “¿Qué tecnología disponible existe y cómo la puedo utilizar para hacer un negocio?”
Design Thinking: El problema está planteado bajo la perspectiva del usuario o la audiencia que se beneficiará con la solución a dicho problema; es decir, el planteamiento busca mejorarle la vida por medio de la solución hallada. Por ejemplo, un empresario que se plantea: “¿cómo evito el dolor de espalda de la gente que pasa sentada mucho tiempo?”
4. La justificación
Tradicionalmente: La búsqueda de solución arranca con un benchmark, una modificación en el contexto de negocio o el surgimiento de una tendencia.
Design Thinking: La búsqueda de una solución arranca con el reconocimiento de una necesidad de las personas. Esto inspira la generación de una idea o modelo de negocio.
5. Uso de prototipos
Tradicionalmente: Poca apertura para la generación de prototipos. El énfasis está en la investigación, el diseño de la solución, recabar retroalimentación del mercado objetivo (lo que los usuarios opinan pero no necesariamente cómo interactúan en la vida real con el producto) y luego el lanzamiento al mercado.
Design Thinking: Mucha apertura para la generación de prototipos. Ello implica aceptar la experimentación y el riesgo a fracasar en numerosas ocasiones para afinar una idea hasta lograr el resultado adecuado. Se hace énfasis en una práctica iterativa, con la generación de prototipos en el corto plazo, su prueba y la generación de un prototipo refinado a partir de la retroalimentación obtenida.
6. Actitud
Tradicionalmente: Alienta la prueba de soluciones en un contexto de certidumbre, con justificaciones cuantitativas y cualitativas de los cursos de acción; tiende a juzgar las soluciones propuestas de acuerdo a un marco contextual y rechaza el fracaso como una forma de llegar a una solución mejor.
Design Thinking: Alienta la prueba de soluciones en un contexto de incertidumbre, que acepta justificaciones intuitivas de los cursos de acción; no juzga ninguna solución propuesta y acepta el fracaso como una forma de llegar a una solución mejor.

Fuente:

Diseño y luego existo

0 comentarios:

Reseña: Belleza Roja

domingo, octubre 19, 2014 0 Comments



Belleza Roja es una novela escrita por Bernardo Esquinca de origen mexicano, la novela posee dos contextos que se llevan a cabo de manera paralela, por una parte, un cirujano plástico y por otro lado, un fotógrafo. Ambas historias plantean una serie de eventos que van evolucionando conforme avanza la trama y adquiriendo un toque más de suspenso. Esquinca presenta la historia del cirujano, como un escenario donde transporta la época dorada Griega, la belleza como el máximo regalo que puede proporcionarte la vida, si no has nacido con ello, se puede solucionar, siempre y cuando poseas el efectivo necesario. El cirujano realiza toda clase de magia con la que los clientes pueden gozar de una transformación dependiendo de las necesidades.

El fotógrafo posee por otra parte, una extraña obsesión hacia las escenas con toque sexual, además de trabajar en un periódico, está encargado de la nota roja.
¿Qué tienen en común un cirujano y un fotógrafo? La relación no se nota sino hasta después, una serie de eventos comienzan a atormentar la vida de ambos personajes, por una parte, el cirujano trabaja en una isla donde todo es perfecto, entre adulterios y pensamientos mórbidos. Llega un tercer personaje que comienza a hacer ruido en su vida, una enfermera. El jefe del cirujano enferma y ellos dos quedan a cargo, para mala fortuna, los demás médicos se oponen. El fotógrafo por otra parte, realiza una galería con escenas sexuales que le recuerdan a una persona que fue muy importante para él y que busca por todas partes. El fotógrafo posee una obsesión por las posturas, las posiciones de las modelos en sus fotografías, lo que ocasiona que altere una escena del crimen. No sin antes mencionar, que durante el transcurso de la galería, recibe una invitación por parte de una persona a quien conocen como Mr. Freak. Poco después, el fotógrafo decide hacer caso a la invitación de Mr. Freak y sigue sus instrucciones, cuál sería la sorpresa, al darte cuenta que entre las notas rojas que estaban a cargo del fotógrafo, se encontraba un misterio relacionado a la persona cuyo nombre era Laura, que ahora poseía otro nombre.

El cirujano se percata que algo no va bien, la enfermera multitarea, no es una, sino varias que se han presentado para diversas operaciones del mismo tipo. El desenlace de la historia radica cuando ambos personajes se conectan. El fotógrafo visita la isla y la clínica que se encuentra en decadencia. Con una serie de personajes que pareciesen que Dios se ha olvidado de ellos. Lo curioso de este final, es que queda bastante abierto a posibles eventos o sucesos. Un persona que tiene apotemnofilia y disfruta de conseguir clientes para amputar sus extremidades.

Belleza Roja es una novela policíaca con tintes de suspenso y erotismo, cuya idea central es la belleza, desde diferentes ángulos, desde lo superficial considerado por el cirujano y el grupo de médicos, pasando por lo sexual de parte del fotógrafo y de manera bizarra o diferente por parte de Mr. Freak, quien es un millonario.

Puedo concluir de manera sencilla, que la novela posee un lenguaje bastante fácil de usar y cuyo objetivo es ofrecer al lector una perspectiva más amplia y lo que representa la belleza y su contexto actual desde diferentes ángulos,. Belleza Roja, figura también, contando lo referente a notas rojas policíacas.

0 comentarios:

5 tips de diseño rápido para obtener más visitantes en tu sitio Web

domingo, octubre 19, 2014 0 Comments



La creación de contenido para los usuarios de Internet siempre es un reto. Las personas crean sitios web para compartir información, por lo que tu objetivo principal es hacer que el proceso de encontrar datos relevantes sea tan sencillo como sea posible.

Asegurarte de que tus visitantes estén contentos con el diseño del sitio es tan sólo el primer paso. El mundo competitivo dicta sus propias reglas, por lo que necesitas encontrar algunas formas de hacer que los visitantes se comprometan con tu contenido, hacer que permanezcan más tiempo, y seguro que con ello volverán. En este artículo voy a compartir cinco sencillos consejos sobre cómo aumentar la participación y visitas en tu sitio.

Trabajar en la legibilidad 

La legibilidad es la característica principal cuando se trata de generar mayor cantidad de conversión y compromiso. Si tu sitio tiene fuentes pequeñas, apenas legibles Hay una gran posibilidad de que los visitantes lo abandonen. Esto significa, literalmente, que perderías clientes potenciales.


Asegúrate de que todos los textos en tu sitio sean claramente legibles: la cantidad necesaria de espacio en blanco, mostrando listas con viñetas, fondo claro para resaltar los textos. Por otra parte, puedes poner todos los elementos publicitarios, banners, de una manera para que no distraigan a los usuarios de tu contenido.
Crea una historia Parallax 
El Parallax scrolling es una tendencia de diseño web y por una buena razón. Proporciona una manera de captar el movimiento de los ojos para visualizar el mensaje. En otras palabras, que te ayudará a contar una historia acerca de tus productos y servicios.


Parallax utiliza varios elementos de diseño que se mueven de forma individual mientras te desplazas en la página Web. Esto se traduce en una experiencia fantástica y dinámica que anima a los usuarios a desplazarse más. 

Asegúrate que tu sitio carga rápido

Nada mata el compromiso más, como el tiempo que tarda en cargar tu sitio. Si tu sitio tarda demasiado en cargar, los visitantes podrán dejar el sitio al instante - nadie tiene la paciencia para esperar.

Acorde al 15 de septiembre de 2014, los datos recogidos por HTTP Archive, el tamaño medio de la página Web es 1.89MB, y sobre el 63,3% de los cuales son imágenes.


Así, el número de imágenes en la página influye en la velocidad de carga. Con el fin de mejorar tu compromiso y la facilidad de uso, debes optimizar tus imágenes y hacer que se carguen tan rápido como sea posible. 
Para resolver el problema de los tamaños de imágenes grandes, puedes utilizar Photoshop. Sólo tienes que guardar sus imágenes en "Guardar para Web y dispositivos" una función que es conveniente tanto para las fotografías tomadas con cámaras de alta resolución e imágenes optimizadas en la Web. Utiliza el parámetro preestablecido "JPEG - High" a un 80%, - que no hace que la calidad baje drásticamente, pero reduce el tamaño. 
Por otra parte, hay una gran cantidad de herramientas en línea para reducir el tamaño de tus imágenes sin perder calidad. Por ejemplo, Smush.it de Yahoo. Te permite cargar un número ilimitado de imágenes allí y descargarlas gratis. 
Usa los iconos sabiamente

Por lo general, se necesita una gran cantidad de texto para describir todo en sitios de información. Es una tarea difícil para los diseñadores el presentar texto con el máximo impacto. El uso de iconos podría ayudar a los usuarios a encontrar lo que están buscando de una manera más sencilla.

Los iconos son signos visuales que ayudan a guiar el ojo de un lugar a otro. Los diseñadores hoy en día utilizan fuentes de iconos para hacer glifos que se comporten como texto: los cuales son infinitamente escalable, basados en vectores, y personalizables a través de CSS.


En los inicios, los iconos tuvieron que ser aplicados en forma de gráficos de mapa de bits, lo que era engorroso de implementar y modificar, y no había una manera sencilla de estilizar los iconos. En combinación con los iconos de tipografía dinámica, harás que tu sitio sea fácil de leer y navegar lo cual contribuye al compromiso por parte de tus visitantes. 
Hazlo responsivo
Más y más personas tienden a mirar a través de Internet con sus dispositivos móviles. Sólo echa un vistazo a tu sitio Web público para ver que más del 40% de su tráfico son los usuarios de dispositivos móviles. Por lo tanto, asegúrate que tu sitio aparezca correctamente en cualquier tipo de pantalla.

El Diseño Responsivo no tiene que ver sólo con el diseño, sino con el contenido también. Está muy bien si tu diseño se adapta a cualquier resolución de pantalla, pero tu contenido debe hacer lo mismo. Los usuarios de móviles no tienen tiempo para leer largos párrafos de texto escrito con letras minúsculas. Tu versión móvil debe concisa, con claros "Call to Action". La lectura en una pantalla pequeña no es divertida, así que asegúrate de que todo el texto en tu sitio tenga un tamaño cómodo, pero sin tener que hacer que los usuarios hagan zoom a una imagen.


Comprueba el espacio ocupado en el sitio, que sea amistoso de usar y fácil de leer. Esto proporciona una experiencia móvil agradable.

El contenido del sitio que responda a la situación de lectura del usuario hace a la propia página Web más atractiva. La misma idea se extiende a las imágenes también.


Conclusión

Las cosas que he descrito más arriba siempre han tenido lugar en el diseño Web y debes considerarlas mientras creas tu proyecto Web. Asegúrate que su sitio es dinámico, rápido, y fácil de usar para hacer que tus visitantes se involucren con tu contenido e incluso aumentar tus ventas.

Fuente:

0 comentarios:

Recopilación de frases

domingo, octubre 12, 2014 0 Comments




Si bien mi blog posee una especie de dualidad definida entre lo técnico y lo artístico, el presente post busca compartir una serie de frases que he escrito y las cuales he estado recopilando para no tener frases tan dispersas. 

Este blog me ha ayudado a retomar una serie de aspectos que en ocasiones olvido que poseo como escribir. Me gusta escribir, me gusta expresar lo que siento a través de las letras, me gusta deambular por la noche mientras divago entre ideas y sueños existenciales. Me gusta jugar con las palabras, con las frases, entretener a mi mente mientras mis ideas intentan fugarse lentamente de una manera efímera. 

Tengo muchas cosas pendientes por realizar, una extraña fascinación por el conocimiento se convierte de pronto en un arma de doble filo que llama a mi ventana buscando la manera de llamar mi atención. Entre suspiros mi mente se concentra en aquello que necesito, llámese trabajo o tareas, dejando de lado en muchas ocasiones en un baúl esos tesoros mentales. 

El haber regresado al área de humanidades y diseño, despierta en mí, el más fuerte sentir que un monzón pudo haber traído a mis días. Recién comienzo a adaptarme al área de humanidades y retomar viejos hábitos, todavía quedan vestigios de mi secuencia matemática y técnica que adopté por varios años en Ingeniería. Poco a poco tomo camino y confianza para expresar todo aquello que en mi cabeza habita. 

Lo siguiente, son una serie de frases que han definido mi sentir en ocasiones específicas y especiales de mi vida. 

Sombras de un pasado introspectivo... Fuga inquietante que desquita con ira a sus alrededores. Sentidos paralelos y una alevosía que con suave inocencia pide clemencia.

Aquella noche, carente de miedo. Soltó el llanto que convirtióse en una inefable carcajada. Acúsica de vientos invernales.

Un grito desesperado con tintes de arena, un caracol herido y una coraza de diamantes que vislumbra en su reflejo.

Desvariabas en el tiempo y aunque la sombra intentase volverse luz, no podrías alcanzar la mágica y tenue noche.

Esa vieja añoranza que tanto tiempo logró desgarrar la usanza con la que los previos lamentos entonaban su suerte. Estrellas de whisky, vaguedad y epífora encaminada al amor, una simple ilusión azul.

Dulce locura, amargo licor que comparte un soberbio momento. La calma recae sobre la mente, cacofonía celestial en el preciso instante.

¿Amor? Simplemente basta con lograr otorgar la simplicidad rutinaria que en ti recae, la suave nostalgia con la que día a día los pobres trastornos logran visualizar ese falso contacto.

Y sin embargo... A pesar de las diferencias, él logró convencerle... Justo después, ella le rompió el cuello a aquel hombre que yacía desesperanzado.

Vacío superlativo en tiempos de cólera, la tormenta se avecina y a pesar de los augurios, surgen grandes oportunidades.

0 comentarios:

La construcción de un enfoque científico para Diseño Web

domingo, octubre 12, 2014 0 Comments



Una polaridad encontrada en la mayoría del trabajo es el balance o equilibrio entre la lógica y la intuición. El Diseño Web, junto con la mayoría de los esfuerzos artísticos favorecen la creatividad. Sin embargo, el proceso de codificación en realidad y la estructuración de un sitio Web es principalmente impulsado por la lógica. ¿Significa esto que el proceso de diseño sólo puede ser visto como un proceso creativo sensiblero? No exactamente, porque la mayoría de los diseñadores que conozco odian ser tocados o sentir emociones.

Yo diría que los procesos de diseño y la codificación para la Web, ambos requieren creatividad y lógica. Este post se va a centrar específicamente en el aspecto del diseño de las cosas. Más específicamente, esbozar algunos conceptos que puedes utilizar durante las primeras etapas de un flujo de trabajo de diseño. La lógica puede beneficiar tu proceso creativo al distinguir entre las buenas ideas y otras ideas con adjetivos no tan positivos. Una vez que te metes en la ranura de la utilización de los dos patrones de pensamiento que va a ser más fácil para crear piezas extraordinarias de trabajo.






Construir a través de ejemplos
Uno de los mejores métodos para ver el mundo, es a través de una lente de deconstrucción. Un principio conocido como Psicología de la Gestal, explica que la gente en general, ve la totalidad de algo antes de ver las partes individuales. La comprensión de este principio puede ayudarte a cambiar la ida y vuelta en tu mentalidad de la composición y deconstrucción. Esto no te hará un neuropsicólogo cognitivo pero si incluso puedes pronunciarlo en voz alta te daré puntos de bonificiación.

El enfoque científico se realiza generalmente a través de una comprensión lógica de la materia. Visualiza cada sitio Web como una composición completa, lista para ser analizada y desglosada. Vacila entre la composición completa y sus partes que puedas ver todo a la perfección y entender realmente las intenciones del diseñador.

Sigue este proceso en un determinado número de diferentes sitios Web y aplica los mismos principios a tu propio trabajo de diseño. Aprende a construir un diseño a través de ejemplos, es una de las técnicas más poderosas. La primera fase de la construcción de un sitio Web requiere gran cantidad de lluvia de ideas y la libertad para probar cosas nuevas. Esto requiere que tengas ya una idea acerca de cómo estructurar una página Web y la manera de entender el diseño desde la perspectiva de un usuario.

Si estás teniendo problemas en este paso, puede ser útil reconstruir un sitio Web existente, ya sea en Photoshop o en HTML y CSS. El Diseño Web requiere ambos aspectos, tanto diseño como codificación, puedes enfocarte en cualesquiera de los lados que prefieras. De esta manera estás siendo forzado a analizar cada parte del diseño, mientras que te preguntes a ti mismo "¿cómo voy a construir esto?"

Opciones de color

Todos conocemos el término científico y cool: "Teoría del Color" pero, ¿qué tanta ciencia realmente sucede en ello? Bueno, en realidad mucho, al igual que la teoría de la música.

Hay un montón de razones para estudiar la teoría del color, incluyendo obras de arte, diseño de impresión, diseño de interiores o incluso sólo para entablar una conversación divertida. El diseño Web es otra variación de la impresión / diseño gráfico que incorpora muchas de las mismas ideas. Como diseñador quieres pensar en qué colores encajan o combinan mejor con una cierta marca o empresa. Esto toma un poco de intuición y alguna conjeturas.



Sin embargo, la parte más difícil de la teoría del color es la misma razón por la que debes aprenderla - para entender los principios de igualación de color. Ciertos colores se complementan entre sí cuando se ponen juntos en el contexto adecuado. Usando un círculo cromático puedes acelerar este proceso si tienes la paciencia para darle una oportunidad. Sólo recuerda que los colores son relacionales, por lo que elegir un color afectará al resto de las opciones previsibles.

También debo señalar que la teoría básica del color lidia principalmente con el tono de un color. Esto significa que se necesita un poco de trabajo para entender conceptos como tintes y sombras. Una vez que puedas combinar los esquemas de color, el proceso se volverá más sobre selección de los colores correctos para crear un proyecto.

Practicando y estudiando otros sitios Web te ayudará a entender cómo los colores combinan y se comportan. También puedes comenzar con las herramientas de correlación de colores para comenzar con el pie derecho. En última instancia se trata de un proceso muy largo donde a menudo de aprende mejor de los errores. Como los Frizz solían decir: "¡Corre riesgos, comete errores y causa problemas!

La proporción áurea

Si eres una de esas personas realmente fascinada por las matemáticas, entonces, pon a un lado tu hoja de cálculo multivariable y echa un vistazo a esta fascinante charla Fascinante charla de Ted. Esta entra en detalles sobre los números de Fibonacci que con el tiempo se descomponen en una relación común de 1.618, o 1,62 por taquigrafía. Esta relación aparece en la naturaleza, la fotografía, la arquitectura, las bellas artes y el diseño sin duda digital.

La aplicación de esta relación es un poco más complicada, pero todo se basa en la lógica de sonido. Mediante la medición de la superficie de cualquier composición puedes dividir esta cantidad entre la relación de proporción áurea (1.62) y obtener un valor numérico. Este valor se puede utilizar para dividir el conjunto en dos partes - no es exactamente una relación de 1: 1, pero una proporción de 1: 1,62.


Echa un vistazo a este extenso mensaje dando ambos ejemplos del mundo real y ejemplos centrados en la web. La composición no es el único tema aplicable. Otro ejemplo podría ser el tamaño de la fuente relativa - ya sea multiplicada o dividida por 1,62 para impactar cabeceras, la navegación, el texto de pie de página, en realidad nada. Usted no tiene que seguir los números exactamente, pero esta proporción áurea puede ayudarle a llegar a un punto de partida razonable. Diseñar para contenido 
Una regla muy simple pero eficaz a considerar es cómo diseñar específicamente para contenido. Esto requiere una comprensión del propio sitio Web y qué tipo de contenido se mostrará. ¿Está el sitio compuesto principalmente el texto como un blog? ¿O habrá más tablas, columnas, gráficos, vídeos, sliders de imágenes, o listas de cuadrículas? ¿Qué contenido necesita ser mostrado con un enfoque mayor para fomentar más la procrastinación del visitante? 
Ten en mente que el diseño es un proceso. Necesitas poner algunas malas ideas en orden para llegar a las buenas. Ciertamente no será fácil, pero a partir de contenidos, será más fácil. De esta manera sabrás qué diseño alrededor - o dicho de otra manera, sabrás qué piezas de contenido necesitas diseñar.
Con base en el tipo específico de sitio Web, podrías organizar una lista de elementos germanos de la página. Por ejemplo, un sitio web de una banda debe incluir fechas y la información sobre su música. También puedes incluir enlaces a los perfiles sociales de la banda para acumular una gran cantidad de seguidores.

El sitio Web y el contenido posterior también estructura cómo se organiza un menú de navegación. La mayor parte del diseño de la página está directamente influenciada por la forma en la que el contenido tiene que aparecer. Una vez que entiendas lo que necesita ser visible, todas las otras cosas podrán caer en su lugar de manera natural.

Cierre

Aunque el diseño web es más un arte, todavía hay un montón de pautas lógicas a seguir. Puede que no sea una ciencia dura como las matemáticas o la física. Pero hay que tener en cuenta que hay ideas científicas relacionadas con el diseño, con muchos defensores apasionados. Espero que estos consejos puedan ayudar a los diseñadores que acaban de comenzar y necesitan un empujón en la dirección correcta. Una dicotomía combinada de procesamiento lógico junto con la intuición creativa se presta a resultados mucho mayores.

Fuente

Constructing a Scientific Approach to Web Design

0 comentarios:

Una simple tarde sombría...

domingo, octubre 05, 2014 0 Comments





El tiempo avanza lentamente, sin embargo...
Algo me agobia, no es detalle de la monotonía estudiantil...
Es algo más... Algo que me inquieta...
Algo dentro de mí, en la sombra...
Recae en lágrimas mi yo interno... Por fuera... No pasa nada...

¿Qué es lo que tanto me agobia?
Sigo cuestionando sin llegar a algo en concreto...
Sólo puedo ser un vigilante observando cómo se va desarrollando
mi vida, mientras una pequeña mancha dentro
llama mi atención, ¿es que ésta simple mancha
marca con alevosía cada una de mis ideas?

Gritos dentro de mi mente, distorsionan toda posible realidad...
Las voces se vuelven más y más agravantes...
¿Será acaso que la paranoia me ha hecho su huésped?
O es que simplemente los fantasmas de mi pasado
han conspirado en mi contra y han decidido destronarme...

Podría no prestar atención, sólo que no quiero...
Necesito sacar esa oscura esencia que clama
que lo deje salir... Mis ojos se pierden en un santiamén...
Divago y me pierdo entre pensamientos...

El momento ha llegado y él está allí...
No es una simple mancha...
El pasajero oscuro ha regresado...
Me observa lenta y vagamente... Sonríe...
No puedo hacer nada...
Él ha vuelto y no hay nada hasta el momento
que lo haga regresar...

0 comentarios:

Utilizando los principios de la Gestalt para interacciones naturales

domingo, octubre 05, 2014 0 Comments





Gestalt es un término utilizado en Psicología que expresa la idea de que la totalidad de algo es más importante para nuestra comprensión de las partes individuales. Los principios de la Gestalt describen la forma en que nuestra mente interpreta los elementos visuales. Los principios que encontré más útiles en el día a día son:

  • - Similitud.
  • - Cercamiento.
  • - Continuación. 
  • - Cierre.
  • - Proximidad. 
  • - Figura - Fondo.

Vamos a ver algunos ejemplos de cada principio y desglosaremos cómo se comunica en la manera de interactuar con una interfaz.

Similitud
Se obtiene al percibir los objetos que son similares, formar parte de un grupo o un patrón.

Puedes ver la similitud que se utiliza en la obra "Noche estrellada" de Van Gogh. Somos capaces de distinguir las estrellas del cielo nocturno, debido a dos atributos contrastantes:

Los orbes circulares que percibimos como estrellas son todas del mismo color, amarillo.
La dirección de las pinceladas que conforman las estrellas todas se mueven en la misma dirección circular.




Esto nos dice que todos los elementos con esos dos atributos son los mismos. También nos dice que están separados del cielo nocturno.

Echemos un vistazo a un ejemplo de similitud utilizado en una interfaz. En este ejemplo de Tumblr, percibimos los enlaces, representados por iconos, a cada acto como un enlace para crear una entrada en el blog.




¿Cuáles son las similitudes?

  • Cada opción está representada por un icono con el texto debajo.
  • Cada icono y el texto debajo del icono son del mismo tamaño.
  • Los iconos se distribuyen de manera uniforme en el espacio, cada una equiparación prevista.
¿Qué nos dice esto acerca del proceso de creación de un blog?
  • Como usuario, sabemos que cualquiera de estos iconos representan un medio para un final similar - la creación de una nueva entrada en el blog.
  • Sabemos exactamente dónde ir, o qué elementos de la interfaz de usuario buscar cuando ocupamos crear una nueva entrada de blog.

Cercamiento



Cosas que parecen tener una frontera alrededor de ellas son percibidas al agruparse, y por lo tanto, relacionadas.

Este ejemplo de un mensaje de Facebook cuenta con 3 instancias de cercamiento que ofrece la claridad de esta interfaz.




El primer recinto es el mensaje en su totalidad (resaltado en la siguiente imagen). Cada post de Facebook está encerrado en un rectángulo con un fondo blanco, borde fino gris que lo distingue del fondo gris claro.




El segundo recinto es la representación del enlace dentro del mensaje. La foto seguida por el título y la descripción que parece estar agrupada, y por lo tanto relacionados. 


El tercer recinto es el área en la parte inferior del post. Todo lo relacionado con la interacción social está encerrado dentro de un fondo azul claro. Como usuario, esto me permite saber exactamente cómo y dónde interactuar con este post.



Estos recintos proveen affordances que me permiten agrupar e interpretan la información de forma precisa

Continuación

El ojo crea un impulso, ya que está obligado a moverse a través de un objeto y continuar a otro.

Aquí hay una captura de pantalla de Google Maps para ir a pie. En lugar de una serie de puntos azules, percibimos esto como una sola línea.




También entendemos que debemos caminar físicamente en la dirección de esta "línea". Nada en la interfaz nos dice explícitamente que la línea de puntos indica la dirección. Un pequeño icono de una persona que camina y los puntos azules crean la idea de impulso y dirección.

Otra aplicación común de continuación, es la línea de tiempo de un reproductor de música. Esta línea representa la duración de la pista. A medida que la pista se reproduce, el color de la línea cambia.

El segundo color es percibido como una segunda línea. Como esa línea crece, percibimos el paso del tiempo. No esperamos que la segunda línea continúe más allá del punto final de la primera línea. 




Esto nos da el entendimiento que cuando la segunda línea alcanza el final de la primera línea, la pista ha terminado. No imaginas que la segunda línea podría extenderse más allá de la primera. 
La interfaz no necesita ofrecer ayuda en forma de "sustantivos" visuales (por ejemplo, una flecha que te indique la duración o el tiempo) porque los "verbos" visuales (por ejemplo, la animación / interacción cuando se reproduce la pista) enseña a los usuarios muy rápidamente cuándo la pista comienza y anticipar cuándo termina.

Cierre
Cuando un objeto está incompleto, la mente percibe el objeto completo llenando mentalmente la información. 

Echa un vistazo a el icono Notificaciones en la interfaz de Twitter. Cuando tienes una notificación, un número encerrado en un cuadrado se coloca sobre el icono.



Veamos otro ejemplo de cierre que se utiliza para completar una interacción. En la tienda online de Urban Outfitters, observe lo que sucede cuando se agrega un elemento a mi "carrito de compras".



En esta interacción, una vez que se hace clic en el botón "Añadir a su bolsa", algunas cosas suceden:

  • El texto dentro del botón cambia a "¡Añadido!". 
  • Un número aparece junto al icono del carrito de la compra en la navegación. 
  • Una ventana modal se desliza hacia abajo desde el icono del carrito de compras, que confirma, una vez más, el artículo se ha añadido a mi cesta de la compra

+
El hecho de que el artículo se ha añadido al carrito de la compra está implícito a través de la interfaz. Nosotros no fuimos a mi página de carrito de compras para ver los artículos en ella. Asimismo, no hay que utilizar un arrastrar y soltar interacción (que a menudo es más trabajo para el usuario) para crear esta tranquilidad. Recibimos suficiente información visual en la interfaz para asumir que el artículo ha sido añadido.

Toda esta información se entiende sin tener que ir a la página del carrito de compras.
Proximidad (o agrupación)

Cuando los elementos están muy juntos, percibimos que forman parte de un grupo.

Echemos un vistazo a la información de un perfil de Twitter:




El avatar, la foto de la portada, el nombre para mostrar y el nombre de usuario se colocan muy juntos. Debido a que están muy juntas espacialmente, leemos esta información como un grupo, y por lo tanto, relacionada.

Las estadísticas asociadas a la cuenta de Twitter se encuentran unos pocos píxeles por debajo de la agrupación de información personal.


La línea rosa en esta imagen destaca el espacio negativo que separa las dos agrupaciones y crea la frontera que separa sus proximidades.
Podemos ver otro ejemplo de Twitter que utiliza el mismo principio:



+

+

Los elementos que le permiten interactuar con este tuit están muy cerca, y se encuentran más abajo, verticalmente, que el resto de los contenidos y elementos en el recinto.

Twitter example


+

Las áreas destacadas exponen las agrupaciones creadas por el diseño. Se puede ver cómo la proximidad de un número a sus respectivos iconos de interacción indica la relación entre el número y el icono.

Una nota sobre el espacio en blanco

Es posible que escuche diseñadores dicen cosas como, "necesitamos más espacio en blanco" de vez en cuando. El espacio en blanco es un término sinónimo de "espacio negativo".

En muchos casos (no en todos), el espacio en blanco se utiliza como una especie de recinto. El espacio negativo actúa como una frontera invisible. Al hacer esto, lo que realmente define a una región de la proximidad, lo que añade significado a algo que de otro modo podrían parecer demasiado "ocupado" o desordenado de darle sentido.

Lo realmente interesante es que este significado se crea sin tener que añadir líneas, colores u otros elementos visuales. Las áreas en las que están ausentes los elementos visuales (el espacio en blanco o negativo) en realidad sólo crea tanto significado que la presencia de elementos visuales (el espacio positivo).

Esta es la misma idea que los dígitos de agrupación de un número de teléfono. Es más fácil de leer y recordar si se agrupan los números. La agrupación se visualizó añadiendo espacio negativo entre los números.

Por ejemplo, 555-555-5555 vs 5555555555

Figura - Fondo


Al percibir ciertos objetos estando en el primer plano y otros objetos como en el fondo. 

Un ejemplo común de figura-fondo es la interacción de la apertura de una ventana modal.

New York Times Modal



+
En el ejemplo del New York Times, la relación Figura-Fondo es manipulada por:

  • Un blanco, fondo transparente, que suaviza la apariencia del contenido original que estaba centrado.
  • Un borde y una sombra frontera alrededor de la caja que contiene el registro en los campos.

La relación figura-fondo nos permite comprender esta interacción. Percibes el modal para estar en el primer plano y la página principal del New York Times en el fondo. Esto nos dice que no hemos salido de la página en la que estábamos porque todavía podemos ver "por debajo" del fondo blanco transparente. Sin embargo, el contexto ha cambiado, ya que ahora parece haber pasado a un segundo plano, y los nuevos elementos se encuentran en el primer plano.

Una nota acerca de los estilos mínimos

Observe los estilos visuales mínimos aplicados a la interfaz de nuestro ejemplo New York Times. El borde alrededor de la entrada modal es de aproximadamente 1 píxel de ancho, la sombra tiene un margen muy limitado y un color claro para no crear demasiado contraste.

Al crear algo que sea mínimo, (que es diferente del minimalismo), queremos saber: ¿cuál es la menor cantidad de detalle que se puede agregar para crear el impacto necesario?
El último principio de Deiter Rams para un buen diseño, afirma que el diseño "es tan poco diseño como sea posible". La comprensión de cómo los principios de la Gestalt se están aplicado nos permite crear el significado esencial en nuestros productos sin exceso de diseño, estilos, o pasos.

Separado
Una interfaz debe ser más que una colección de interacciones aisladas. Nuestras mentes quieren percibir que las interacciones más pequeñas están relacionados unos con otros y trabajar juntos para completar una tarea grande

Si no somos capaces de percibir esto, la falta de conexión deja espacio para la confusión. La gente tiene que ver que todo se integra de alguna manera en el objetivo más grande en la mano.

Puedes usar estos principios para construir una interfaz más intuitiva, identificar los problemas y encontrar soluciones en una interfaz existente.

Fuente:

Using Gestalt Principles for Natural Interactions

0 comentarios: