<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tzek Blog de Diseño &#187; tutoriales</title>
	<atom:link href="http://tzek-design.com/blog/category/tutoriales/feed/" rel="self" type="application/rss+xml" />
	<link>http://tzek-design.com/blog</link>
	<description>Diseño de Información e Interacción: Reflexiones, comentarios, vínculos con otras áreas de diseño o bien,  cualquier cosa...</description>
	<lastBuildDate>Thu, 19 Jan 2012 06:20:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Sitio web de la Biblioteca Franciscana</title>
		<link>http://tzek-design.com/blog/2011/12/07/sitio-web-de-la-biblioteca-franciscana/</link>
		<comments>http://tzek-design.com/blog/2011/12/07/sitio-web-de-la-biblioteca-franciscana/#comments</comments>
		<pubDate>Thu, 08 Dec 2011 00:57:41 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Diseño de Interfaces]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Métodos y proceso de diseño]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[XML/CSS]]></category>
		<category><![CDATA[adaptable]]></category>
		<category><![CDATA[ajuste de texto iphone]]></category>
		<category><![CDATA[biblioteca franciscana]]></category>
		<category><![CDATA[bug de texto iphone]]></category>
		<category><![CDATA[bug de zoom iphone]]></category>
		<category><![CDATA[como diseñar para ipad]]></category>
		<category><![CDATA[como diseñar para iphone]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css media query]]></category>
		<category><![CDATA[css queries]]></category>
		<category><![CDATA[css query]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[diseño de interfaz]]></category>
		<category><![CDATA[Diseño y Sociedad]]></category>
		<category><![CDATA[error de zoom iphone]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[hojas de estilo]]></category>
		<category><![CDATA[infodesign]]></category>
		<category><![CDATA[interaction flow reset]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[ipod]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[media queries]]></category>
		<category><![CDATA[métodos y procesos de diseño]]></category>
		<category><![CDATA[página web]]></category>
		<category><![CDATA[plantilla]]></category>
		<category><![CDATA[reiniciar la interacción]]></category>
		<category><![CDATA[resetear la interacción]]></category>
		<category><![CDATA[retícula]]></category>
		<category><![CDATA[sitio web]]></category>
		<category><![CDATA[viewport]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=1373</guid>
		<description><![CDATA[Ahora que la web puede accederse desde una PC, una laptop, un SmartPhone o una tableta, se nos presenta una paradoja a los diseñadores: debemos creer en la estructura semántica del contenido de las páginas, pero también hay que cuidar más que nunca la presentación de la información considerando tanto al usuario como el dispositivo a [...]]]></description>
			<content:encoded><![CDATA[<p>Ahora que la web puede accederse desde una <em>PC</em>, una <em>laptop</em>, un <em>SmartPhone</em> o una tableta, se nos presenta una <em>paradoja</em> a los diseñadores: debemos creer en la <strong>estructura</strong> <strong>semántica</strong> del contenido de las páginas, pero también hay que cuidar más que nunca la <em>presentación de la información </em>considerando tanto al usuario como el dispositivo a usar.  Últimamente me ha llamado la atención estos sitios que aprovechan las ventajas del CSS para ajustar sus <em>layouts</em> dependiendo de su resolución, así que aproveché experimentar con un proyecto de rediseño web que tenía  pendiente:<a title="http://ciria.udlap.mx/franciscana/" href="http://ciria.udlap.mx/franciscana/"> La Biblioteca Franciscana</a>.</p>
<p><a href="http://tzek-design.com/blog/wp-content/uploads/2011/12/ipad-ipod.jpg"><img class="alignnone size-full wp-image-1374" title="Web layout adaptable dependiendo del dispositivo para la Biblioteca Franciscana" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/ipad-ipod.jpg" alt="" width="490" height="495" /></a></p>
<p>Mi solución es bastante artesanal y no tiene nada de sofisticada. Aunque hay <a title="http://coding.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/" href="http://coding.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/">artículos bastante completos sobre el tema</a>, yo había leído alguna vez que tenía que ver con el <em>viewport</em>, y entre los resultados de mi búsqueda di con el uso del parámetro <em>media</em> y los <em>CSS Media Queries</em>. En los siguientes recursos está cómo emplear diferentes hojas de estilo dependiendo del medio:</p>
<p><a href="http://css-tricks.com/6206-resolution-specific-stylesheets/">http://css-tricks.com/6206-resolution-specific-stylesheets/</a></p>
<p><a href="http://css-tricks.com/6731-css-media-queries/">http://css-tricks.com/6731-css-media-queries/</a></p>
<p><a href="http://www.w3.org/TR/css3-mediaqueries/">http://www.w3.org/TR/css3-mediaqueries/</a></p>
<p><a href="http://reference.sitepoint.com/css/mediaqueries">http://reference.sitepoint.com/css/mediaqueries</a></p>
<p><a href="http://www.css3.info/preview/media-queries/">http://www.css3.info/preview/media-queries/</a></p>
<p><a href="http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/">http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/</a></p>
<p><a href="http://www.thecssninja.com/css/iphone-orientation-css">http://www.thecssninja.com/css/iphone-orientation-css</a></p>
<p><a href="http://tzek-design.com/blog/wp-content/uploads/2011/12/franciscana-old-home.jpg"><img class="alignnone size-full wp-image-1376" style="border-style: initial; border-color: initial;" title="franciscana-old-home" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/franciscana-old-home.jpg" alt="" width="490" height="435" /></a></p>
<p><img class="alignnone size-full wp-image-1394" title="nuevo-layout-franciscana-1440" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/nuevo-layout-franciscana-1440.jpg" alt="" width="490" height="323" /></p>
<p>En cuanto al diseño web, siempre tuve una preferencia por<em> layouts fijos</em> por tener un mayor control del espacio en ventana y por tomar en cuenta la <em>resolución estándar</em> de un usuario potencial. Nunca me había preocupado porque la información quedara bien acomodada en diferentes resoluciones; es un reto interesante conservar la <em>estética reticular</em> y mantener un <em>flujo de lectura adecuado</em> para cada resolución. Este tipo de soluciones requiere que tengamos una actitud algo quisquillosa y obsesiva, así como trabajar cada <em>layout</em> hasta quedar satisfechos.</p>
<p><a href="http://tzek-design.com/blog/wp-content/uploads/2011/12/recursos-franciscana-layouts.jpg"><img class="alignnone size-full wp-image-1382" title="recursos-franciscana-layouts" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/recursos-franciscana-layouts.jpg" alt="" width="490" height="661" /></a></p>
<p>Justo por el cambio de "paradigma" de fijo a adaptable, y ante una especie de "bloqueo ante la hoja en blanco", no quedaba conforme en (regresar a) maquetar primero en algún software de diseño, así que lo trabajé directo en pantalla. <em>Un pro</em> de esta decisión es que vas viendo "en tiempo real" como quedan las cosas en diferentes navegadores y resoluciones.<em> Un contra</em> es que podemos perder el control fácilmente —sobretodo si dejamos el proyecto un día o dos. Es importante hacer anotaciones en papel y documentar en las hojas de estilo para que recordemos por qué tomamos ciertas decisiones. En este proyecto, me resultaron —a mi juicio— muchas hojas de estilo y fui redundante en ciertas reglas, dejándolas en cada hoja porque no sabía como iba a verse "el final" en todas las resoluciones; algo así como "un cambio por aquí y luego ajusto por acá".</p>
<p><a href="http://tzek-design.com/blog/wp-content/uploads/2011/12/layout-franciscana-960.jpg"><img class="alignnone size-full wp-image-1395" title="layout-franciscana-960" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/layout-franciscana-960.jpg" alt="" width="490" height="643" /></a></p>
<p><a href="http://tzek-design.com/blog/wp-content/uploads/2011/12/layout-franciscana-7201.jpg"><img class="alignnone size-full wp-image-1401" title="layout-franciscana-720" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/layout-franciscana-7201.jpg" alt="" width="442" height="727" /></a></p>
<p><a href="http://tzek-design.com/blog/wp-content/uploads/2011/12/layout-franciscana-4801.jpg"><img class="alignnone size-full wp-image-1406" title="layout-franciscana-480" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/layout-franciscana-4801.jpg" alt="" width="308" height="930" /></a></p>
<p>Con un layout fijo no considero útil que tengamos muchas hojas de estilo, pero dadas las múltiples resoluciones, parece ser necesario un mayor número de "enlaces". Un colega me sugirió hacer <em>importaciones</em>, pero al final descarté esta opción porque según hojeé, afecta el rendimiento:</p>
<p><a href="http://www.stevesouders.com/blog/2009/04/09/dont-use-import/">http://www.stevesouders.com/blog/2009/04/09/dont-use-import/</a></p>
<p>Otro punto importante es verificar la compatibilidad de los <em>CSS Media Queries</em>. Originalmente estaba muy feliz —<a title="http://cdn.mactrast.com/wp-content/uploads/2011/03/oatmeal-apple-product.png" href="http://cdn.mactrast.com/wp-content/uploads/2011/03/oatmeal-apple-product.png">tipo the Oatmeal</a>— porque IE se comportaba decente; pero por no leer, me llevo la sorpresa de que fuera de IE 9, simplemente no funcionan:</p>
<p><a href="http://caniuse.com/css-mediaqueries">http://caniuse.com/css-mediaqueries</a></p>
<p>Ante esta situación, decidí dejarle un <em>layout</em> fijo a todos aquellos usuarios que tuvieran de IE 8 para abajo y tomando como resolución estándar 1024 px de ancho.</p>
<p>Luego está el asunto del iPhone y del iPad. Hay que poner una línea de código que indique <em>qué va a pasar</em> cuando el navegador sea Safari. Esta línea asocia la variable "ancho" empleada en el <em>CSS Media Query</em> con el "ancho" del <em>iPad</em>, <em>iPod</em> o <em>iPhone</em> —según sea el caso. Además, resulta que cuando pasamos de modo <em>landscape</em> a <em>portrait</em>, o viceversa, se hace un <em>zoom</em> medio raro y es posible que los textos se desplieguen de diferente tamaño a como los observamos en una computadora de escritorio. Para validar todo lo anterior está como referencia el siguiente recurso:</p>
<p><a href="http://stackoverflow.com/questions/2977550/iphone-safari-css-rotation-bug">http://stackoverflow.com/questions/2977550/iphone-safari-css-rotation-bug</a></p>
<p><a href="http://tzek-design.com/blog/wp-content/uploads/2011/12/apple-tablet-ipad.jpg"><img class="alignnone size-full wp-image-1410" title="apple-tablet-ipad" src="http://tzek-design.com/blog/wp-content/uploads/2011/12/apple-tablet-ipad.jpg" alt="" width="490" height="334" /></a></p>
<p>A mi me divirtió mucho esta idea de presentar el mejor layout dado el ancho del <em>iPod</em>, <em>iPhone</em> o <em>iPad</em>. Sin embargo, siendo sinceros y "usables", la desventaja de jugar con diferentes acomodos de la información es que rompemos con la navegación (<em>browsing</em>) del usuario. Cuando alguno de estos dispositivos se rota 90 grados, debido a este re-acomodo, el usuario pierde vista la información de su interés. Lo anterior es más evidente en el caso del <em>iPod</em>/<em>iPhone</em>. Cognitivamente, lo que hacemos es <em><strong>"resetear"  el flujo de interacción</strong>;</em> definitivamente algo no bueno para ningún usuario. En este proyecto, la mayoría de la información es estática y aquella que podría cambiar o agregarse durante el año, estará ubicada en la parte superior de las páginas correspondientes.</p>
<p>Una colega me señaló que estos ajustes automáticos no siempre convenían si trabajamos en una computadora de escritorio  —o en una laptop con pantalla grande — porque quizá el re-acomodo de la información podría perjudicarnos cuando llevemos a cabo una tarea más compleja, donde trabajemos con la información proveniente de diversas ventanas. Se me hizo un punto válido; por ejemplo, yo mismo he copiado y pegado información de una página web a <em>Word</em> o <em>Excel</em>. En este tipo de situaciones, debería de haber una opción para "fijar" el <em>layout</em>.</p>
<p>Por último, no olviden visitar <a href="http://ciria.udlap.mx/franciscana/">http://ciria.udlap.mx/franciscana/</a> para enterarse de qué conferencias y exposiciones habrá en dicha biblioteca. Saludos <img src='http://tzek-design.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2011/12/07/sitio-web-de-la-biblioteca-franciscana/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>V Congreso Latinoamericano de Interacción Humano-Computadora CLIHC 2011</title>
		<link>http://tzek-design.com/blog/2011/05/20/v-congreso-latinoamericano-de-interaccion-humano-computadora-clihc-2011/</link>
		<comments>http://tzek-design.com/blog/2011/05/20/v-congreso-latinoamericano-de-interaccion-humano-computadora-clihc-2011/#comments</comments>
		<pubDate>Fri, 20 May 2011 15:37:52 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Desde la web]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Diseño de Interfaces]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[Tertulias]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[ACM]]></category>
		<category><![CDATA[CLIHC 2011]]></category>
		<category><![CDATA[congreso]]></category>
		<category><![CDATA[IHC]]></category>
		<category><![CDATA[Interacción Humano Computadora]]></category>
		<category><![CDATA[Interacción Persona-Ordenador]]></category>
		<category><![CDATA[IPO]]></category>
		<category><![CDATA[latinoamérica]]></category>
		<category><![CDATA[V CLIHC]]></category>
		<category><![CDATA[X IHC]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=1247</guid>
		<description><![CDATA[Se acerca pronto la fecha para enviar algún artículo a este evento que se llevará a cabo en Porto de Galinhas en Brasil. He tenido la oportunidad de participar un par de veces en este evento, y es una experiencia recomendable para discutir y observar los avances y nuestra realidad latinoamericana en el campo de [...]]]></description>
			<content:encoded><![CDATA[<p>Se acerca pronto la fecha para enviar algún artículo a este evento que se llevará a cabo en <em>Porto de Galinha</em>s en Brasil. He tenido la oportunidad de participar un par de veces en este evento, y es una experiencia recomendable para discutir y observar los avances y nuestra realidad latinoamericana en el campo de IHC. Dejo abajo un video y la <em>convocatoria para trabajos</em> (en inglés) para que se animen. <img src='http://tzek-design.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<blockquote><p>Sitio web del congreso: <a href="http://www.cin.ufpe.br/~ihc_clihc2011/" target="_blank">http://www.cin.ufpe.br/~ihc_clihc2011/</a></p></blockquote>
<p><object style="height: 300px; width: 490px;" width="490" height="300"><param name="movie" value="https://www.youtube.com/v/8FhUGYUVyW8?version=3" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed type="application/x-shockwave-flash" width="490" height="300" src="https://www.youtube.com/v/8FhUGYUVyW8?version=3" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3><strong>Convocatoria:</strong></h3>
<p>5th Latin American Conference on Human-Computer Interaction<br />
and<br />
10th Brazilian Symposium on Human Factors in Computing Systems</p>
<p>IHC + CLIHC 2011 (<a href="http://www.cin.ufpe.br/~ihc_clihc2011/" target="_blank">http://www.cin.ufpe.br/~ihc_clihc2011/</a>)</p>
<p>Porto de Galinhas, Brazil, October 25-28, 2011.</p>
<p>Main (strict) deadline: June 3, 2011.</p>
<p>Venue:                  Porto de Galinhas, Pernambuco, Brazil<br />
<a href="http://www.portodegalinhas.com.br/" target="_blank">http://www.portodegalinhas.com.br</a></p>
<p>---------------------------------------------------------------------------<br />
KEYNOTE SPEAKERS<br />
----------------------------------------------------------------------------<br />
Alex Repennig (University of Colorado, Boulder - USA)<br />
Jesús Favela (CICESE - México)</p>
<p>----------------------------------------------------------------------------<br />
THEME<br />
----------------------------------------------------------------------------<br />
The joint conference theme is **FROM PERSONAL COMPUTERS TO FOLK<br />
COMPUTING**, which explicitly evokes not only the speedy evolution of<br />
context in the users experience with computers (from the individual to the<br />
collective and societal), but also a leap in the knowledge level required<br />
from users to take full advantage of widely available resources in Web 2.0<br />
(from knowing about computers to knowing about computing). In the<br />
not-so-distant past, full citizenship depended on being literate with<br />
Maths and Language in order to use numbers and words efficiently to<br />
achieve one's individual and collective goals in society. Now, this<br />
depends more and more on being literate with Computers, and using programs<br />
to express and achieve our social and civil goals, with the Internet<br />
enabling new forms for communities and societies.</p>
<p>The conference organizers invite the Brazilian, the Latin American and the<br />
International HCI communities to discuss the role of HCI researchers and<br />
practitioners in developing interactive technologies that truly promote<br />
Computing Literacy. We are interested in discussing the users' needs,<br />
expectations, experiences and possibilities while using computers and<br />
computing to participate fully in social and civil activities supported by<br />
computer systems. In the context of Latin America, where this conference<br />
takes place, we are especially interested in discussing how HCI can<br />
promote and bring about increased levels of social development.</p>
<p>Contributions to the conference program should address one of the<br />
following non-exclusive aspects of moving FROM PERSONAL COMPUTERS TO FOLK<br />
COMPUTING:</p>
<p>•Accessibility and therapeutic uses of interaction<br />
•Adaptive, adaptable, intelligent user interfaces<br />
•Affective computing<br />
•Augmented reality<br />
•Computational literacy<br />
•Context-aware interaction<br />
•Effects of aging on interacting with computers<br />
•End user programming and development<br />
•Ergonomics<br />
•HCI and citizenship<br />
•HCI design - methods, tools and perspectives<br />
•HCI education<br />
•HCI evaluation - methods, tools and perspectives<br />
•HCI impacts on society: social life, health, education, transportation,<br />
sports, environment, etc.<br />
•HCI theories and theoretical approaches<br />
•Human-robot interaction<br />
•Integrating HCI and Software Engineering<br />
•Interacting with information visualizations<br />
•Interacting with new devices<br />
•Interaction and information processing<br />
•Interfaces for mobile and ambient systems<br />
•Internationalization and cultural aspects of HCI<br />
•Iteraction and entertainment<br />
•Legal issues in HCI<br />
•Multimodal interfaces<br />
•Natural user interfaces<br />
•Organic user interfaces<br />
•Social interaction (virtual and online communities)<br />
•Speech interfaces<br />
•Tactile interfaces<br />
•Task ad user analysis<br />
•Usable privacy and security tools<br />
•Web interfaces</p>
<p>----------------------------------------------------------------------------<br />
SUBMISSION DEADLINES<br />
----------------------------------------------------------------------------<br />
Full and short papers:<br />
Submission: June 3, 2011 - 11:59 PM Brasilia Time (strict deadline)<br />
Decision notification: July 18, 2011<br />
Camera-ready due: August 5, 2011</p>
<p>Posters: June 10, 2011<br />
Student Competition: June 10, 2011<br />
Workshops: June 13, 2011<br />
Tutorials: June 17, 2011</p>
<p>----------------------------------------------------------------------------<br />
ORGANIZERS<br />
----------------------------------------------------------------------------</p>
<p>General Chair<br />
Alex Sandro Gomes, UFPE (Brasil)</p>
<p>Program Co-Chairs<br />
J. Alfredo Sánchez, Universidad de las Américas Puebla (México)<br />
Clarisse Sieckenius de Souza, PUC-Rio (Brasil)</p>
<p>Full Papers Co-Chairs<br />
J. Alfredo Sánchez - Universidad de las Americas, Puebla: Mexico<br />
Clarisse de Souza - PUC-Rio: Brasil</p>
<p>Short Papers Co-Chairs<br />
Cesar Collazos - Universidad del Cauca: Colombia<br />
Vania Neris - UFSCAR : Brasil</p>
<p>Workshops Co-Chairs<br />
Leonel Morales - Universidad Francisco Marroquín: Guatemala<br />
Jair Leite - UFRN: Brasil</p>
<p>Tutorials Co-Chairs<br />
Eduardo Calvillo - Universidad Politécnica de San Luis Potosí: Mexico<br />
Kênia Sousa - Intrasoft International: Bélgica</p>
<p>Posters Co-Chairs<br />
Omar Sosa Tzec - UDLA Puebla: Mexico<br />
Cristiano Maciel - UFMT: Brasil</p>
<p>Student Competition Co-Chairs<br />
Mario Moreno - Universidad Tecnológica de la Mixteca: Mexico<br />
Janne Oeiras - UFGD: Brasil</p>
<p>----------------------------------------------------------------------------<br />
PROCEEDINGS AND POST-CONFERENCE PUBLICATIONS<br />
----------------------------------------------------------------------------</p>
<p>The Conference Proceedings will be published in the ACM International<br />
Conference Series (appearing in the ACM Digital Library). Authors of the<br />
best papers of the conference will be invited to submit extended versions of<br />
their work for publication in JISA (Springer’s Journal of Internet Services &amp; Applications)<br />
and/or JBCS (Journal of the Brazilian Computer Society).</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2011/05/20/v-congreso-latinoamericano-de-interaccion-humano-computadora-clihc-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tema de tesis de licenciatura en diseño</title>
		<link>http://tzek-design.com/blog/2010/06/24/tema-de-tesis-de-licenciatura-en-diseno/</link>
		<comments>http://tzek-design.com/blog/2010/06/24/tema-de-tesis-de-licenciatura-en-diseno/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 19:17:50 +0000</pubDate>
		<dc:creator>Tzek</dc:creator>
				<category><![CDATA[Diseño de Información]]></category>
		<category><![CDATA[Diseño de Interacción]]></category>
		<category><![CDATA[Diseño de Interfaces]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Métodos y proceso de diseño]]></category>
		<category><![CDATA[Profesión]]></category>
		<category><![CDATA[Reflexión]]></category>
		<category><![CDATA[Tertulias]]></category>
		<category><![CDATA[tutoriales]]></category>
		<category><![CDATA[bachillerato]]></category>
		<category><![CDATA[degree]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[grado]]></category>
		<category><![CDATA[licenciatura]]></category>
		<category><![CDATA[metodología]]></category>
		<category><![CDATA[proceso]]></category>
		<category><![CDATA[proyecto]]></category>
		<category><![CDATA[terturlia]]></category>
		<category><![CDATA[tesina]]></category>
		<category><![CDATA[tesis]]></category>
		<category><![CDATA[titulación]]></category>

		<guid isPermaLink="false">http://tzek-design.com/blog/?p=1100</guid>
		<description><![CDATA[Un estudiante de los últimos semestres de una licenciatura en diseño gráfico me contactó para charlar sobre cuál podría ser su tema de tesis. En muchas universidades mexicanas, la "tesis" ha sido la forma tradicional de titulación, aunque actualmente ya existen otras opciones. Pues bien, encontrar el "tema" en cualquier licenciatura siempre ha sido un [...]]]></description>
			<content:encoded><![CDATA[<p>Un estudiante de los últimos semestres de una licenciatura en diseño gráfico me contactó para charlar sobre cuál podría ser su tema de tesis. En muchas universidades mexicanas, la "tesis" ha sido la forma tradicional de titulación, aunque actualmente ya existen otras opciones. Pues bien, encontrar el "tema" en cualquier licenciatura siempre ha sido un problema <em>cuasi</em> existencial para los estudiantes. En cuanto a diseño, un post ameno y que aborda el tema son los "<a title="http://alquimistas.evilnolo.com/2007/10/06/consejos-para-tu-tesis-que-tema-elegir/" href="http://alquimistas.evilnolo.com/2007/10/06/consejos-para-tu-tesis-que-tema-elegir/">Consejos para tu tesis</a>" por los Alquimistas del Diseño.</p>
<p>Podríamos discutir placenteramente sobre qué es una tesis o no, y sobretodo, qué es una tesis en diseño a nivel licenciatura. Aunque no es el punto de este post, sí quiero expresar que en muchos casos, no realizamos una tesis tal cual sino un documento sobre el desarrollo de un proyecto. Independientemente de que los egresados de diseño elaboraron tesis o tesinas, siempre está el asunto del tema.</p>
<p>Este estudiante me comentó que además de ser un proyecto de titulación en equipo de tres, estaban muy interesados en <a title="http://www.google.com.mx/images?client=safari&amp;rls=en&amp;q=guerrilla+marketing&amp;oe=UTF-8&amp;redir_esc=&amp;um=1&amp;ie=UTF-8&amp;source=univ&amp;ei=kKsjTOEFwf2dB_npiSc&amp;sa=X&amp;oi=image_result_group&amp;ct=title&amp;resnum=4&amp;ved=0CD0QsAQwAw" href="http://www.google.com.mx/images?client=safari&amp;rls=en&amp;q=guerrilla+marketing&amp;oe=UTF-8&amp;redir_esc=&amp;um=1&amp;ie=UTF-8&amp;source=univ&amp;ei=kKsjTOEFwf2dB_npiSc&amp;sa=X&amp;oi=image_result_group&amp;ct=title&amp;resnum=4&amp;ved=0CD0QsAQwAw">Guerrilla Marketing</a> y/o <a title="http://es.wikipedia.org/wiki/Below_the_line" href="http://es.wikipedia.org/wiki/Below_the_line">BTL</a>, y que el problema era que no sabían qué <em>"tema social"</em> trabajar. Mi sugerencia fue la siguiente:</p>
<ol>
<li><strong>No pensar en el problema</strong>. En vez de pensar en el problema, notar que <em>social</em> involucra casi todo, prácticamente donde el hombre "ha metido mano". Le sugerí que mejor <strong>hicieran una lista de temas (mediante una lluvia de ideas)</strong>.</li>
<li>De esta lista <strong>seleccionar uno o dos temas</strong>. No más.</li>
<li><strong>Para cada tema, ahora sí, discutir y exponer una serie de  problemas o necesidades</strong>.</li>
<li><strong>Seleccionar un problema</strong>.</li>
</ol>
<p>En teoría, a partir de este problema debería generarse un marco contextual que explique sobre el problema: qué es, por qué surge, qué consecuencias ha tenido, con qué se relaciona, etc.</p>
<p>Después viene la recopilación de la información sobre la "herramienta". Por ejemplo, en este caso el BTL sería la "herramienta" para atacar el problema seleccionado; entonces hay que colocar en el documento la información necesaria que muestre <em>el qué y el cómo</em>: qué es el BTL, cómo se generó, dónde aplica, cuál es la situación actual, sus ventajas, desventajas, casos exitosos y ejemplos concretos, cómo se evalúa, etc.</p>
<p>Así, con una parte de la información que <em>sumerge</em> al lector en el problema y otra que da <em>base</em> al proceso de diseño, se podría proponer algo que apoye o sea una posible solución, para después evaluarla y reportar resultados. De toda la experiencia (lo reflexionado sobre el problema y el desarrollo, así como los resultados) se llegarían a las conclusiones.</p>
<p>En realidad es tanto emocionante como complicado (a nivel personal) seleccionar <em><strong>el</strong> tema</em>. Ya sea a nivel proyecto o pensando en proponer una teoría, uno espera siempre hacer <em><strong>la</strong> tesis</em>. No queda más que llevar las cosas con tranquilidad, y como me mencionó un colega: <em>hay que leer (mucho)</em>.</p>
<p>Saludos y suerte a quienes andan en ese proceso.</p>
]]></content:encoded>
			<wfw:commentRss>http://tzek-design.com/blog/2010/06/24/tema-de-tesis-de-licenciatura-en-diseno/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

