Videos Interactivos – Nuevos Medios – UX – UI

Nota: Es como uno de los títulos más grandes que he puesto, refiriendome a cantidad de contenidos que cada uno de esos términos significan, pero es aplicado a un caso de la RTVE.es

Viendo el sitio lab.rtve.es, que mi profesor, de Técnicas de Dirección y Producción, habló en clase, me topé con este documental interactivo, http://www.rtve.es/cromosomacinco/ver/index.html
El cual sólo he visto el inicio, pero se ve muy bueno, excepto por algo…

Iba a decir que, qué tan bueno es el uso de este recurso (“interactividad”) en particular de fuentes, contenidos extras, etc. pero cuando veía la parte de “naces” me aparecieron como 3 contenidos, uno con un menú que uno ni siquiera distingue que es cada botón o para que sirve y luego a la izquierda, otro menú con texto que si me voy ahí, hay más información del capítulo que estoy viendo del docu.

Creo que sí, son labs y demás, es experimentación, etc. pero este tipo de interfaces, obstructivas, hacen que uno se salga del momento emotivo de la señora diciendo que le dolió mucho ver como la hija estuvo en la incubadora 1 mes, etc. y lo lleva a uno pensar: ¿qué carajos es esto que me acaba de salir en color amarillo en el video que no lo puedo poner en fullscreen (demasiada frustración no poder ver la opción ahí, inmeditamente)? (realmente si se puede poner, pero a nivel “default”, usuario promedio, no se puede).

Leyendo una entrevista a Manovich (el de las bases de datos, que la invitada de la clase del día de hoy ayer mencionó), el habla de que el debate de la usabilidad no tiene nada que aportar, y ve las aplicaciones flash (si, es una entrevista del 2003) como la solución (eso fue lo que entendí, si alguien entiende otra cosa, por favor explíquenme :D -http://www.uoc.edu/artnodes/espai/esp/art/manovich_entrevis1102/manovich_entrevis1102.html-).

Difiero completamente con lo que dice Manovich, sino hay un buen IA (information architecture), pues estas “nuevas” herramientas, o formas de solucionar o aportar más información, no valen un carajo, ¿por qué?, bueno, al menos que el deseo del director sea que le reste atención a la hora de ver el audiovisual, y se meta a un nodo diferente de información con otra estructura inclusive visual, con más links a inclusive blogs externos, sitios de org, etc. uno (yo) termino viendo algo de física cuántica y luego me pregunto, ¿cómo llegué aquí?.

Se debería pensar de una forma distinta, de poder unir las dos cosas y tratar de hacer algo mucho más rico en la experiencia de uno como consumidor de ese medio, que realmente son varios medios, pero en fin, al menos una opcion para ver el video como se hace comunmente. O que se yo, menúes (sí, así se escribe: -http://lema.rae.es/drae/?val=menúes-) que no sean nada obstructivos for god’s sake.

Eeeen fin, sólo quería decir, y me alargué demasiado, en que estos nuevos medios nos pueden servir mucho, sólo no hagan algo así nunca en la vida, por las razones que dije y muchas más, en serio no hablé nada del UI (user interface) del sitio, y pues hice una pequeña ficción de un posible caso de UX (user experience).

Cambiarle el tamaño a un texto de un sitio web externo

Hay sitios que uno visita regularmente y le encantaría que no tuviera ciertas cosas como la tienen, por ejemplo, de vez en cuando leo el sitio de Fusil de Chispas, de Cristian Cambronero, y una vez le dije que el tamaño de la tipografía del sitio era muuuy pequeña que si era posible subirle el tamaño, a lo que el me contestó que así le gustaba a él y que más bien estaba un poco grande de lo que realmente quería, en fin, no hay nada que hacer….. o eso creía.

Hace varios años está el servicio de Greasemonkey, un servicio que inserta archivos de javascript para renderear sitios, es un plugin para Firefox que en su versión de Chrome se llama tampermonkey, al instalarlo usted puede meterle scripts para cambiar funcionalidades o más que todo diseño a sitios webs que como en el caso que expuse, uno no tiene el control para hacer ese cambio.

Así que hice este script para cambiarle el tamaño al texto de fusil de chispas, y lo subí a userscripts.org, que es el sitio donde hay muchos scripts para cambiar N funcionalidades de miles de sitios. Además de hacer el de fusil, le hice uno para el sitio del semanario.ucr.ac.cr.

La diferencia en hacer esto y ctrl +, es la siguiente.

fusil-fusil

¿Cómo construir una marca?

La marca no la tiene uno, la tiene la gente en su cabeza.

La delgada e inmensa línea entre un mp3 y un iPod.

¿Qué hace/genera una marca?

  • Garantiza calidad
  • Confianza
  • Lealtad

¿Para qué una marca?

  • Diferenciación (Competir)
  • Consistencia
  • Posición en el mercado
  • Notoriedad de la marca
  • Fuerza del producto

Tener claro:

  • Filosofía
  • Esencia
  • Valores
  • Pilares fundamentales.

Si usted no define su marca, alguien lo hará por usted.
La marca es consecuencia de una estrategia.

Puntos básicos:

¿Quién es, qué hace, cómo lo hace, cómo lo va a decir.?

Branding, es un proceso desde afuera.
Entender el consumidor de la marca.

Pasos para crear una marca:

Investigación.

  • Analisis de consumo
    • publico target
    • motivaciones del consumidor
    • necesidades insatisfechas
    • tendencias de consumo
  • Competencia
    • Identidad de las marcas competidoras
    • Estrategias de los otros
    • Fortalezas y debilidades de ellos
    • Posicionamiento de ellos

Atributos:

  • Brainstorming
    • 1 fase
      • decir todos los atributos
    • 2 fase
      • juntar y organizar
      • 5 atributos (cuestionar si son relevantes para el consumidor, ej: innovación, elegante, calidad)

A partir de los atributos, se desarrolla el concepto, que es el hilo conductor para desarrollar la estrategia de marca.

La marca deberá adueñarse del concepto.

Personalidad:
Está definida por los atributos, el estilo y comportamientos que la marca realice.

Moodboard, ejercicio para esbozar la personalidad de una marca. Si mi marca fuera… ¿qué marca sería?

  1. Música
  2. Automóvil
  3. Mueble
  4. Color
  5. Bebida
  6. Deporte
  7. Arquitectura
  8. Utensilio
  9. Persona

Posicionamiento:
Se deben responder a estas 4 preguntas:

  • Marca x es: ____________
  • Qué ofrece: _____________
  • Debido a: _______________
  • Para qué:  ______________

Ejemplo:

  • Marca x es: (pionera en energía)
  • Qué ofrece: (posible crecimiento y desarrollo de la sociedad con el máximo respeto al medio natural)
  • Debido a: (la excelencia en gestion de todos sus recursos)
  • Para qué:  (gocemos de una mayor vida hoy y mañana)

Recordemos lo importante:

  • Atributos
  • Beneficios
  • Valores
  • Personalidad
  • Esencia

Diferente homepage dependiendo del idioma – Drupal 7

Estoy haciendo 2 sitios webs que necesitan de este feature, que el homepage cambie de idioma dependiendo del idioma seleccionado.

Primero lo primero.

Módulos que debe tener:

  1. i18n_variables
  2. Internationalization
  3. Internationalization Views (no necesario)
  4. Language icons (no necesario)

Segundo.

Debemos avisarle a Drupal que vamos a ocupar un sitio que tenga diferentes homepages, entonces una vez instalado el módulo de i18n y el i18n_variables, nos vamos a “Configuration » Regional and language » Multilingual settings » Variables” (admin/config/regional/i18n/variable). 

Dentro de las variables hay una que se llama Frontpage, lo que hacemos es darle el chek y guardamos.

Tercero.

Nos dirigimos a Configuration » System » Site information (admin/config/system/site-information), de aquí tenemos que cambiar por separado el idioma que queremos modificar (van haber unos tabs), y abajo le cambiamos el nodo que queremos que se muestre. Usen el nodo, no el alias, por ejemplo: node/98

Ok, instalé LAMP, ¿ahora qué?

Al tener LAMP (guía para instalar LAMP) instalado la primer vez, nos podemos quedar con un sin sabor de ahora que hacemos, ya que no hay ningún GUI que nos ayude ver las cosas. Así que aquí les pongo los folders que se usan en cada servicio.

Para subir archivos:

/var/www/

Apache

/etc/apache2/…
/var/www/…

MySQL

/etc/mysql/…
/var/lib/mysql/…

PHP

/etc/php5/…
Para usar Phpmyadmin se debe instalar, con este script lo podemos lograr.
sudo apt-get install libapache2-mod-auth-mysql phpmyadmin

Y listo, lo accesamos desde http://localhost/phpmyadmin :)

Instalar LAMP en Linux en 2 toques

La vez pasada estaba diciendo que me iba a cambiar de distro, al fin y al cabo pasó algo con la computadora que me terminé comprando 2 tarjetas RAM de 4gb, por ende no necesitaba Lubuntu, e instalé Linux Mint :)

Instalar LAMP en Linux

Esto es lo que necesitan (con el “^” incluido, sino no sirve):

sudo apt-get install lamp-server^

LAMP instalado, ¿ahora qué?

Aquí hice otro tutorial explicando donde se accesan los archivos/folders de los servicios que acabamos de instalar

¿Ya probaron Sublime-Text? 

El editor de código que medio mundo está hablando. Hice un tutorial (así de pequeño) para instalarlo en Linux.

Con gusto.

¡Para la mejor amiga!

No creo que valga la pena un resumen de como empezó todo, porque lo importante es lo que somos o seremos. Creo que no importa eso porque ya sabemos como empezó y donde empezó. Pero puede que no sepamos algo, y es la magnitud de amistad que tenemos.

Puedo tener ya 21 años, pero 4 de esos años los pasé con usted, eso es un quinto de mi vida, pero por mi mala memoria y por lo vivido en esos 4 años siento que ha sido la mitad de mi vida y un poco más.

Me conoce de pies a cabeza de arriba-abajo, sabe que voy hacer, sabe que pienso, sabe que me gusta y que no me gusta, sabe que si digo algo, estoy queriendo decir otra cosa, o hay algo más que tengo que contarle.

Eramos pinto con salsa lizano (sólo porque sé que le encanta, jajajajajaja), y ahora apesar de no estar juntos, siento que somos igual de cercanos que antes.

¿Qué hubiera hecho sin usted?
Posiblemente hubiera sido otro mae completamente, o tal vez no, pero lo que si sé es que nunca hubiera conocido a otra persona tan genial como usted, nunca hubiera sido tan amigo de cualquier otra persona, nunca hubiera pasado momentos tan increíbles con alguien más, o sólo. Nunca hubiera sentido miles de emociones nuevas, ni miles de pensamientos nuevos. Todas esas experiencias las recuerdo y se quedarán conmigo por el resto de mi vida.

Experiencias como pasar de burlarme de las películas culiolas románticas a realmente identificarme con los personajes y sonreír estúpidamente como lo hacen mis hermanas cuando ponen ese tipo de películas. O como tener el celular a la par todo el tiempo por si acaso me llega un mensaje. O que me tiemblen las piernas de lo nervioso que estoy. O que mi corazón se detenga por un momento al escuchar unas hermosas palabras de su boca.

Definitivamente eso no es sólo una amiga, eso es algo más, esto es algo demasiado hermoso para recordar, eso es lo que me hace pensar lo bueno y precioso que puede ser esto, la vida.

Para mi mejor amiga, Mariana.