Mi nombre es Kyle Larkin.

Y mi licenciatura es en arquitectura
obtenida en ASU. Poseo una maestra en diseo de
interaccin, tambin de ASU. As que cuando comenc mi licenciatura
en la profesin de diseo, cuando vine, todo lo que saba de diseo, por experiencia pre
via en la preparatoria,
era de arquitectura. No tena idea del universo que existe
ms all del diseo. As fue mi primera introduccin a lo
que es una forma de diseo, en realidad tus cursos de preparatoria relacionados a
la preparacin
de bocetos e ilustraciones y as por el estilo. As que cuando llegu a ASU,
entr al programa de arquitectura. Me gradu y he vivido aqu en Phoenix por varios aos
trabajando para
estudios de arquitectura. Y luego, lo que sucedi lentamente fue,
que me encontr en un estudio de arquitectura. Comenc a involcrame ms y a hacer ms pre
sentaciones,
modelos 3D, y as por el estilo. Y eso me llev a interesarme
en el diseo grfico, lo cual me lentamente me llev a interesarme
el lado digital de los objetos. Por ende, el diseo de pginas web,
diseo de interaccin. As que decid volver a mis estudios posgraduados,
para el diseo de interaccin. Y luego, eso me sigui llevando. >> As que puedes contarn
os un poco
acerca del diseo de interaccin? Qu es lo que significa para ti?
Cmo lo defines? Y Qu es lo que involucre tu labor
como diseador de interaccin? >> Claro, el diseo de interaccin es una
profesin de trmino extenso. Cada persona tiene su propia interpretacin
del concepto. Hasta en ASU, podemos tener una definicin
extensa para el diseo de interaccin. As que, dependiendo de que parte del
pas o del mundo tu vayas para educarte, el diseo de interaccin
puede que sea muy especfico. Y eso puede que tenga que ver con
solo la interaccin digital, como Las pginas web, aplicaciones de la web, aplicacio
nes
mviles, tabletas, y ese tipo de cosas. El cmo las personas experimentan esas cosas
y cmo
podemos crear esa experiencia para darles el mejor uso posible. As que, aqu en ASU
, la definicin de diseo de
interaccin es un poco ms extensa y tienen que ver con la interaccin humana, as sea c
omo parte de un amplio sistema
social o cmo experimentamos el espacio o
la interaccin digital. Mi investigacin, cuando estuve ah,
fue dirigida hacia el lado tecnolgico de las cosas. Cmo las personas utilizan los
archivos mdicos
digitales. Cmo puede convertirse en una experiencia
placentera de paciente a mdico. Porque en estos momentos, los sistemas de MR
utilizados, estn basados en tecnologa antigua. Hay una computadora porttil entre el
doctor, el paciente y t y eso interrumpe parte de lo que es la
Interaccin conversacinal. Por ende, el diseo de interaccin tiene una
definicin extensa, pero yo, en mi estudio, me enfoco en los diseos
de pgina web y experiencias digitales, as que, eso es lo que hago. >> As que corres
una compaa llamada
Extra Small Design. Puedes hablarnos de tu compaa y la clase de
trabajo que haces? >> Claro! Bueno, Extra Small Design, somos
realmente mi esposa y yo. Somos socios en la compaa y comenzamos
Extra Small Design cuando todava estbamos estudiando arquitectura y laborando un
poco por al lado haciendo modelos 3D y grficas y
presentaciones. Y eso fue creciendo en un negocio
enfocado ms en pginas web. As que me encargo de casi todo ya
que solo somos nosotros dos. As que, tengo que tratar con
posibles clientes y la redaccin de propuestas, manejo las facturas y los cobros,
todo lo administrativo, pero tambin hago los diseos y

los desarrollos, as que nos enfocamos, primordialmente, en el diseo de paginas

web y en el desarrollo de la web. Mi esposa tambin trabaj en el rea de diseo
y hace algunos de los trabajos de ilustracin. Algunas marcas, alguna identidad, a
s que tenemos una clase de espectro de trabajo
bastante cmoda. >> Kyle, nos puedes hablar acerca de
algn proyecto que hallas hecho relacionado al diseo de interaccin? >> Claro. Lo que
puedo hacer es explicarles
acerca del rediseo de Places Journal. Places Journal es una revista de arquitectu
ra y
planificacin urbana que comenz como un consorcio entre MIT y UC Berkeley hace
30 aos y originalmente, era impresa y
publicada trimestralmente. As que tenan alrededor de 30
aos de artculos en PDF y tambin comenzaron en la red hace
5 aos atrs, quizs 7. Por ende, tienen 5 aos de contenido HTML en la web en adicin a l
os 30 anos
de archivos impresos. Y ellos solan ser parte de una pgina web ms
grande llamada The Design Observer. Y, hace unos cuantos aos atrs, decidieron
que era hora de estar por su cuenta y tener su presencia. As que vinieron y hemos
trabajado
junto con ellos para crear una experiencia que
sea receptiva. Lo cual significa que es una pgina web que
trabaja sin error entre la computadora, la tableta y equipos mviles. As que, unos
aos atrs, para el 2011, una de las primeras pginas de web receptivas
que sali fue la del Boston Globe. Y cuando el Boston Globe hizo eso, cambiaron el
panorama de cmo
deberamos trabajar con las pginas web. Porque antes de que el diseo receptivo fuera
algo, todas las pginas web era como si escogieran un tamao fijo para sus pginas
que pudiese ajustarse a la mayora de las pantallas. Y desde ese punto partimos y
ni nos preocupamos de lo que pasara en
las pantallas pequeas o grandes. Y luego, con la llegada del iPhone en
el 2007 todo cambi en trminos de que
tenemos que tener contenido que sea flexible para la diversidad de equipos. Desd
e los modelos ms viejos y pequeos de
telfono mvil, que eran de tres y cuatro pulgadas de tamao, hasta los iPads, las tab
letas, y las
pantallas de los cines. As que mucho trabajo fue
invertido en tratar de entender todo el contenido del Journal. As que una de las
primeras cosas que hicimos
fue crear un mapa de la pgina web donde buscamos todas las clases de contenido qu
e la
pgina web tiene. As que, para lugares donde tenan 5 aos de artculos HTML
ms los artculos en PDF, tenan diferentes clases de contenido. Haban escrito artculos
que eran
largos, artculos de diez mil palabras ms galeras
de videos, archivos de audio, tenan una biblioteca de autores que
necesitaban ser relacionados a los artculos y as poder buscar los artculos por
su autor. Ellos necesitaban aceptar donaciones, necesitaban
tener sus plizas y luego necesitaban trabajar con las escuelas que ayudaron
a financiar al Journal. As que todas las escuelas en consorcio
Tambin tenan material que publicaron, por ende, tuvimos que hacer un mapa de todo
el contenido que la pgina web tena que apoyar. Y, a la vez que hicimos eso, nos mo
vimos
a la fase que llamamos Wireframing, donde dijimos, bueno, tenemos que
comenzar con algo mvil ya que lo mvil es su equipo ms pequeo que lleva al cliente a
enfocarse en el contenido y
crear una jerarqua. Antes, cuando solamos disear para computadoras
primero, era fcil para el cliente decir, hoy, como si
todo fuera de gran importancia, podemos colocarlo al comienzo de la
pgina web, pero para los mvil, tuvimos que moverlo. Y eso nos fuerza a decir hoy, n

o ya que
solo tenemos una cantidad limitada de espacio que alguien ver cuando entren a la
pgina web en su telfono o su tablet, as que hay que priorizar el contenido. As que s
iempre comenzamos
con un proceso simple. En vez de ir directamente a un boceto, creamos unos wirefr
ames ms simples
que estn enfocados en la funcin bsica de donde las cosas
deban de estar, y cmo las personas experimentan estos? Cul es la jerarqua del conteni
do? As que comenzamos a hacer un mapa de esto y a la vez que tengamos una jerarqua
que funcione,
entonces retrocedemos y decimos bien. Ahora, si tenemos los mismos mdulos,
que deben de ser accesibles entre diferentes tamaos de equipo, ahora que tenemos
ms espacio
Qu pasar con esos mdulos? As que vamos al tamao de una computadora
y comenzamos a explorar cmo es esa experiencia? Porque una de las cosas de gran
importancia con el diseo receptivo es asegurarnos de que todo el contenido
sea accesible sin importar el equipo que una persona est utilizando. Y que tambin
la experiencia sea igual,
ya que estudios demuestran que muchos de los usuarios, accedan las
pginas web desde sus telfonos, mientras esperan el tren,
pero luego, cuando llegan a la oficina, entran a la misma pgina web
pero desde otro equipo. Puede ser su computadora,
puede ser su Tablet. Y tienes que asegurarte de que haya
consistencia visual entre esas experiencias. as que atravesamos por este proceso
para asegurarnos
de que todo el contenido este ah y que la experiencia sea la misma. Y, antes de s
altar a la parte del hey, cmo es que se ver esta pgina web? Tenemos un proceso de tip
grafa
por el cual atravesamos. Por qu los cambios simples,
como el utilizar una escritura clara, como la
sans serif typeface, o una como la clsica sans serif, cambia el contenido complet
o del contexto. Cambia la legibilidad a travs de los
diferentes equipos. As que exploramos las diferentes combinaciones
utilizando ambas clases de escrituras, tratando de tener una idea de lo
que queremos en trmino de contenido. Y luego, a los sitios que tuvimos que ir fue
Otro proceso por qu el contenido de legado,
ellos tenan cinco aos de contenido HTML, que era de los tiempos
en que las computadoras tenan ciertas dimensiones. As que todas las imgenes eran
de 525 pixels de ancho, pero Nuestro nuevo boceto era una columna
de 700 pixeles de ancho. As que tuvimos que experimentar a ver
que pasaba con el contenido del legado y buscar el cmo arreglarlo para que
cupiera en el marco nuevo y que no regresara como una experiencia
infructuosa. As que hicimos diferentes pruebas para
ver qu pasaba con las imgenes simples. Cmo haremos con las presentaciones pequeas
cuando nuestras presentaciones nuevas sern ms grandes? Y luego, a la vez que enten
damos
algunos de esos detalles, podemos regresar y decir okay. Ahora que tenemos nuestra
jerarqua, que conocemos las diferentes clases
de contenido, Cmo es que podemos crear un Sistema visual
con componentes que sean reconfigurados y y que funcionen en equipos mviles hasta
en los equipos de tabletas y computadoras que harn que la experiencia sea la mism
a sin
importar el equipo que utilices? As que esto es una hoja que contiene
todas las diferentes clases de mdulos que tenemos para esta pgina web. As que el an
otarse para el boletn informativo,
el compartir social, el descargar los PDFs, cosas as,
cmo pueden todos estos elementos ser reconfigurados en un boceto ms amplio
que sea consistente. Por ende, aqu es cuando entramos en lo
que es el plano, as que hay bastantes investigaciones

que irn a esta pgina web. Hemos observado a la competencia,

hemos observado o que estn haciendo, hemos trabajado muy de cerca con nuestros cl
ientes. As que los lugares que tienen editores y
asistentes de editores que bsicamente manejan todo lo referente a
la revista, tienen que lidiar con los autores. Ellos llevan a cabo el editar,
tienen que conservar el contenido y y deben tener un conocimiento de
que lugar era, que les gustara que fuera, y
como el material de contenido debe de funcionar. As que trabajamos muy de cerca c
on ellos
para crear la experiencia que necesita. en trminos de poder preservar el contenid
o
y que sea una experiencia que les permitir a los usuarios entender
30 aos de contenido. Por qu en las pginas de web que tenan,
una de las limitaciones era que en realidad vieras los cinco o
diez artculos ms recientes. Y eso era la clase de recursos
que tenas. Pero con la pgina web nueva,
tienes acceso a cualquier parte, cualquier pagina
en la pgina web, nuestro enfoque era que esta pudiese
ser como una pgina gua. En el pasado nos preocupbamos de la
pgina de inicio, esta es la pgina de inicio, esta es la voz de la pgina web. Aqu es
donde llegan las personas. As que, estos dias, con Google prevaleciendo y poder l
levarte, no solo a la pgina web
que buscas, pero al artculo exactos o el
contenido exacto. Cualquier pgina de la
web puede ser esencialmente la pgina de inicio
donde llegan las personas. As que diseamos la experiencia
de una pgina de articulo para Places Journal que permite
mltiples y diferentes rutas para sus archivos pasados, los artculos
en categoras similares, contenido relacionado. As que quisimos disear esa experienc
ia. Por ende, hicimos toda clase de trabajo para
asegurarnos de que furamos consistentes, y luego esto [RISA]. Esto es Places Jour
nal en el mvil,
Como puedes ver, todo es accesible. Hay galeras. Tienen los columnistas destacado
s
con diferentes artculos. Tienen una serie que pueden preservar, dependiendo de lo
s diferentes fondos monetarios. Si oprimes para ver un artculo,
su contenido es muy, muy extenso, as que quisimos asegurarnos que la tipografa
fuera atractiva, abierta, legible. Ellos tienen diferentes selecciones de editor
iales,
tienen citas, tienen diferentes imgenes. Y todo esto se reconfigure,
sin importar el tamaos del equipo, la experiencia de la lectura ser
siempre la misma. Siempre ser agradable y pareja, desde
una computadora grande hasta una tableta. >> As que la meta fundamental del diseo
receptivo es entonces el asegurarse de que el diseo de la pgina web posea la misma
calidad y legibilidad a travs de los equipos, verdad? >> Absolutamente y que sean
accesibles sin importar la
plataforma que ests utilizando. >> Normalmente, pienso en el diseo como
algo que tiene tres metas. La belleza, la utilidad y la sostenibilidad. Crees que
esas tres forman parte de
tu trabajo? De ser as Cmo? >> Si, absolutamente. Aunque esta cita es un poco trilla
da, Steve Jobs sola decir
que el diseo no era solo como se vea. El diseo es como funciona y llevo eso en el
corazn con todo en lo que trabajamos. Muchas veces pienso, cuando escucho a las
personas hablar en trminos de diseo, ellos inmediatamente
piensan en como algo se ve, en especial
con el diseo grfico y diseo [INAUDIBLE]
es en lo que ms nos enfocamos. Y eso es solo un parte de
una meta ms grande. Si el contenido es bello, pero en realidad
no lo puedes acceder o encontrar, no es functional y eso es un aspecto

importante en lo que hacemos. Es el realmente entender el concepto y

disear la experiencia. Asegurndonos de que el contenido,
sin importar el equipo, pueda ser accessible. As que ese es el lado bello,
el lado esttico y el lado functional. Y luego, en el lado de la sostenibilidad,
pienso que debemos de considerar esas cosas. S que has hablado de que tu visin
de sostenibilidad tiene que ver con el ambiente, pero es tambin lo social. Y pues
claro, es como una fruta colgando
por medio de la web. Bueno, nos estamos alejando de utilizar el papel,
estamos movindonos hacia lo digital lo cual es parte de la sostenibilidad,
pero existen otros aspectos pequeos en los piensas cuando te mueves a una infraes
tructura
completamente digital, verdad? Como, por ejemplo, si los servidores en
donde corren nuestras pginas de web son,
solo computadoras en algn almacn y necesitan energa
para poder funcionar. As que desde ese aspecto, miramos a la ejecucin, la ejecucin
de la web es tan masiva
que casi nunca pensamos en ella. Pero, mientras ms rpido sube una pgina web menos r
ecursos necesita y consume. As que esa clase de cosas existe en la terminologa
de sostenibilidad energtica, pero al igual, es algo menor. Pero, luego tienes el
impacto social. Mientras ms rpido suba una pgina web,
menos ancho de bandas necesitara. La mayor cantidad de personas podrn acceder. la
tecnologa, al igual que algunos telfonos mviles,
han saltado el uso de lneas fijas en la mayor parte del mundo, y la data que util
izamos
para acceder las pgina web son realmente costosas, dependiendo
donde ests. As que, mientras ms eficiente seamos con
como creamos nuestras pginas con otras estructuras, sern ms exitoso para
millones, billones de personas al rededor del mundo, as que la ejecucion es
algo importante para nosotros. Y luego con el diseo en general,
tenemos la filosofa de un trmino que se utiliza en Arizona, y
dice, tu perteneces donde estas. En muchas ocasiones tenemos comunidades
de diseadores inmensas en Nueva York y
San Francisco. Y la comunidad de Phoenix es de
menor escala, pero desde un aspecto social, lo que hacemos
es involucrar a la comunidad. Tambin soy el Vice-presidente de la
Asociacin Profesional de Diseadores Grficos de Arizona. As que me involucro con la c
omunidad de all. Hacemos eventos, nuestros programas consisten
en traer conferencistas y hacemos talleres para educar a la
comunidad. Tenemos unas nuevas iniciativas que son
llamadas Diseo para el Bien. As que, el ao pasado trabajamos
con la comunidad local y no solo fueron diseadores, pero tambin
redactores, editores, fotgrafos, ilustradores, todos donaron
su tiempo como voluntarios por unas 24 horas para ayudar a cambiar
de marca y desarrollar identidad y presencia de
pginas web sin fines de lucro. En el Valle, existen siete diferentes sin
fines de lucro. As que ese es el aspecto social en el cual
intentamos devolverle algo a la comunidad. Y luego, hasta en el lado tecnolgico t
endemos
a preferir plataformas abiertas. Las cuales fueron construidas por la comunidad
y nosotros contribuimos con esos proyectos. As que, hay diferentes
aspectos en esto. >> Una ltima pregunta, Kyle Qu le recomendaras a alguien que est in
teresado
en convertirse en diseador? >> Vale, hay tanto. Pienso que una de las cosas ms gra
ndes es
que el diseo involucra a las personas. Y hay mucho mas. Cada cosa que tocas a dia
rio, si es que fue bien diseada o no,
fue diseada por alguien Y la base del diseo es
mejorar las cosas, no solo hacer que se vean lindas. Por ende, hacer una mejor
experiencia para las personas. As que sales y consumes todo lo que
posiblemente puedas. Existe una cita del arquitecto

Eero Saarinen, que al parafrasearla dice, que el diseo es algo que debes entender
en
el prximo contexto de gran escala. As que cuando diseas una silla, tienes
que pensar en la habitacin donde estar. Y cuando diseas una habitacin,
tienes que pensar en el edificio. Y cuando piensas en el edificio, tienes
que pensar en los planos de la ciudad. Y opino que es una cita interesante
porque en muchas ocasiones, en especial cuando estas cursando tus
estudios, estars pensando en el diseo de un zapato y
solo estars pensando en ese zapato. Y entenders a la persona que
calzar ese zapato, cuando se lo pondrn y por qu se lo pondrn y todos
los motivos sern diferentes. As que lo ms que puedas entender
a las personas y el contexto de lo que estas diseando,
mejor. As que no importa la disciplina de
diseo que escojas, as sea tipografa donde te preocupes
por el interletraje, el espacio entre dos estilos de letra,
o escojas la arquitectura y te preocupes del espacio entre
dos edificios. Es el siempre tener en cuentas que
estas diseando en el contexto de un gran sistema y mientras ms leas y
aprendas acerca de la variedad de sistemas que existen,
mejor estars. Ese sera mi consejo. >> Genial, Kyle, muchas gracias por
pasar un rato con nosotros. Muchas gracias.