<?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/"
	 xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>Diseño y Usabilidad &#8211; egluu. desarrollo web y marketing digital</title>
	<atom:link href="https://egluu.com/blog/tag/diseno-y-usabilidad/feed/" rel="self" type="application/rss+xml" />
	<link>https://egluu.com</link>
	<description>growing online</description>
	<lastBuildDate>Thu, 19 Sep 2024 12:58:44 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://egluu.com/wp-content/uploads/2020/07/cropped-favicon-32x32.png</url>
	<title>Diseño y Usabilidad &#8211; egluu. desarrollo web y marketing digital</title>
	<link>https://egluu.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Introducción a la Usabilidad</title>
		<link>https://egluu.com/blog/e-commerce/introduccion-a-la-usabilidad/</link>
		
		<dc:creator><![CDATA[egluu]]></dc:creator>
		<pubDate>Tue, 02 Mar 2021 08:26:41 +0000</pubDate>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Diseño y Usabilidad]]></category>
		<category><![CDATA[Usabilidad UX UI]]></category>
		<guid isPermaLink="false">https://www.egluu.com/blog/?p=1032</guid>

					<description><![CDATA[<p>La usabilidad tiene grandes y diversos beneficios A continuación listamos los principales: Disminución de los costes y esfuerzos de aprendizaje. [...]</p>
<footer class="entry-footer">
<div class="tags-links">#<a href="https://egluu.com/blog/tag/diseno-y-usabilidad/" rel="tag">Diseño y Usabilidad</a> #<a href="https://egluu.com/blog/tag/usabilidad-ux-ui/" rel="tag">Usabilidad UX UI</a></div>
</footer>
<p><a class="understrap-read-more-link btn btn-outline-primary btn-sm" href="https://egluu.com/blog/e-commerce/introduccion-a-la-usabilidad/">leer más...</a></p>
<p>La entrada <a rel="nofollow" href="https://egluu.com/blog/e-commerce/introduccion-a-la-usabilidad/">Introducción a la Usabilidad</a> se publicó primero en <a rel="nofollow" href="https://egluu.com">egluu. desarrollo web y marketing digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2><strong>La usabilidad tiene grandes y diversos beneficios</strong></h2>
<div></div>
<div>A continuación listamos los principales:</div>
<ol>
<li dir="ltr">
<div>Disminución de los costes y esfuerzos de aprendizaje.</div>
</li>
<li dir="ltr">
<div>Mayor satisfacción y comodidad del usuario.</div>
</li>
<li dir="ltr">
<div>Aumento de la calidad de vida de los usuarios (menor estrés, mayor satisfacción y productividad.)</div>
</li>
<li dir="ltr">
<div>Comunicación más optimizada</div>
</li>
<li dir="ltr">
<div>Aumento de las ventas, incremento de ingresos</div>
</li>
<li dir="ltr">
<div>Mayor tasa de conversión de visitantes a clientes de un sitio web.</div>
</li>
<li dir="ltr">
<div>Mejora la imagen y el prestigio de la marca.</div>
</li>
<li dir="ltr">
<div>Reducción de los costes de ayuda y soporte al usuario.</div>
</li>
<li dir="ltr">
<div>Disminución de los costes y tiempo de desarrollo.</div>
</li>
<li dir="ltr">
<div>Menor tasa de errores cometidos por parte del usuario y del rehacer el trabajo. (Detección inicial de errores.)</div>
</li>
<li dir="ltr">
<div>Optimización de los costes de diseño, rediseño y mantenimiento.</div>
</li>
</ol>
<p>Se recomienda que al menos el 10% del presupuesto se invierta en usabilidad</p>
<p>Pero ¿qué es exactamente la Usabilidad? ¿Cómo la definimos?</p>
<p><span id="more-1032"></span></p>
<h1><strong> La Usabilidad </strong></h1>
<h2><strong>Empecemos con una definición amplia</strong></h2>
<p>Una primera y amplia definición de la usabilidad sería “Grado en el que el diseño de un objeto facilita o dificulta su manejo.” Concretando un poco más podríamos decir que la usabilidad es “La facilidad de uso de cualquier objeto fabricado por humanos con el fin de alcanzar un objetivo concreto.”</p>
<p><a href="https://egluu.com/wp-content/uploads/2015/09/Website-Usability-Improvement-Tips.jpg"><img fetchpriority="high" decoding="async" class="aligncenter wp-image-1037" src="https://egluu.com/wp-content/uploads/2015/09/Website-Usability-Improvement-Tips.jpg" alt="usabilidad " width="600" height="241" srcset="https://egluu.com/wp-content/uploads/2015/09/Website-Usability-Improvement-Tips.jpg 870w, https://egluu.com/wp-content/uploads/2015/09/Website-Usability-Improvement-Tips-300x121.jpg 300w, https://egluu.com/wp-content/uploads/2015/09/Website-Usability-Improvement-Tips-768x309.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<div>Así dicho, podemos detectar que aunque el término es relativamente nuevo, la introducción de criterios que hagan amigable y fácil de usar un producto existe desde tiempos inmemoriables: las asas en viejas ánforas, las velas/remos/anclas en los barcos &#8230;</div>
<h2><strong>Definiciones en el entorno tecnológico</strong></h2>
<p>Actualmente, y centrándonos en el entorno tecnológico, el concepto “Usabilidad” se utiliza sobretodo para referirnos a aquellas características que hacen que una aplicación sea fácil de usar y más intuitiva a la hora de aprender a utilizarla. Antes más conocida como “user friendly”, facilidad de uso o solución intuitiva, la usabilidad <strong>es un atributo de calidad que evalúa cómo de fáciles son de usar las interfícies de usuario.</strong><br />
En 1985  Gould y Lewis la definieron como el grado en que una aplicación:</p>
<p><a href="https://egluu.com/wp-content/uploads/2015/09/Aspire-Service-Usability-2.jpg"><img decoding="async" class="aligncenter wp-image-1045" src="https://egluu.com/wp-content/uploads/2015/09/Aspire-Service-Usability-2.jpg" alt="usabilidad" width="600" height="222" srcset="https://egluu.com/wp-content/uploads/2015/09/Aspire-Service-Usability-2.jpg 812w, https://egluu.com/wp-content/uploads/2015/09/Aspire-Service-Usability-2-300x111.jpg 300w, https://egluu.com/wp-content/uploads/2015/09/Aspire-Service-Usability-2-768x284.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<ol>
<li> • Es fácil de aprender</li>
<li>• Contiene la funcionalidad necesaria para que el usuario pueda completar las tareas por las cuales ha sido diseñado</li>
<li>• Es fácil y agradecido de utilizar</li>
</ol>
<div>Una vez hemos establecido los cimientos de lo que es el término &#8216;usabilidad&#8217;, no podemos dejar de mencionar las definiciones de los 2 gurús por excelencia de la usabilidad.</div>
<h3><strong><span style="text-decoration: underline;">1. Jakob Nielsen, Usability Engineering, 1993</span></strong></h3>
<p>“Es importante entender que la usabilidad no es una propiedad unidimensional, única de la interfaz de usuario. La usabilidad tiene múltiples componentes y se atribuye tradicionalmente a estos 5 atributos:</p>
<ul>
<li dir="ltr">
<div>Facilidad de aprendizaje (learnability),</div>
</li>
<li dir="ltr">
<div>Eficiencia</div>
</li>
<li dir="ltr">
<div>Facilidad de memorización (memorability)</div>
</li>
<li dir="ltr">
<div>Errores</div>
</li>
<li dir="ltr">
<div>Satisfacción</div>
</li>
</ul>
<h3><strong><span style="text-decoration: underline;">2. Steve Krug, Don&#8217;t Make Me Think, 2000</span></strong></h3>
<p>“Después de todo, usabilidad sólo significa asegurarse de que algo funciona bien: de que una persona de habilidad y conocimientos de nivel medio (o incluso por debajo) pueda usar el producto (ya sea una web o una puerta giratoria) para su propósito intencionado y sin sentirse frustrado.”</p>
<h3><strong>Las definiciones ISO</strong></h3>
<p>Y por último y para no marear, nos quedamos con  dos definiciones estándares: las de la Organización Internacional para la Estandarización alias ISO</p>
<p>ISO/IEC 9126: <em>«La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso»</em></p>
<p>ISO/IEC 9241: <em>«Usabilidad es la eficacia, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico»</em></p>
<div> Es una definición centrada en cómo el usuario realiza tareas específicas en escenarios específicos con efectividad.</div>
<h2><strong>Síntesis y conclusión</strong></h2>
<p>Pero …. ¿Para qué tanta definición?</p>
<div>Porque entre todas queda bien definido el término usabilidad y porque nos ayuda a sacar la que para muchos es la conclusión más importante:</div>
<h2><strong>LA USABILIDAD VA LIGADA A UNOS USUARIOS, UNOS OBJETIVOS Y UN CONTEXTO DE USO CONCRETOS</strong></h2>
<p>De ello se deduce que un producto nunca es intrínsecamente usable, sólo tendrá la capacidad de ser usable en un contexto particular y por usuarios particulares.</p>
<div>Ya lo dijo Bevan en 1994:</div>
<div><em>“La usabilidad no puede ser valorada estudiando un producto de manera aislada”</em></div>
<div></div>
<div>Analizar y medir la usabilidad de un objeto, de una aplicación, de una solución Internet, de una web, etc. debe hacerse con unos usuarios, unos objetivos y un contexto de uso específico.</div>
<div></div>
<div><a href="https://egluu.com/wp-content/uploads/2015/09/usability-testing-1140-540.jpg"><img decoding="async" class="aligncenter wp-image-1041" src="https://egluu.com/wp-content/uploads/2015/09/usability-testing-1140-540-1024x485.jpg" alt="usabilidad" width="600" height="284" srcset="https://egluu.com/wp-content/uploads/2015/09/usability-testing-1140-540-1024x485.jpg 1024w, https://egluu.com/wp-content/uploads/2015/09/usability-testing-1140-540-300x142.jpg 300w, https://egluu.com/wp-content/uploads/2015/09/usability-testing-1140-540-768x364.jpg 768w, https://egluu.com/wp-content/uploads/2015/09/usability-testing-1140-540.jpg 1140w" sizes="(max-width: 600px) 100vw, 600px" /></a></div>
<h2><strong>Construir y medir la usabilidad</strong></h2>
<p>Vista la importancia de la Usabilidad, la siguiente pregunta lógica que se nos presenta es ¿Cómo se construye la usabilidad? ¿Cómo se mide para saber si es correcta?</p>
<div>Dada la extensión de la respuesta, se merecerá otro post. Pero si no puedes esperar … ¡pregúntanos! ;)</div>
<p>La entrada <a rel="nofollow" href="https://egluu.com/blog/e-commerce/introduccion-a-la-usabilidad/">Introducción a la Usabilidad</a> se publicó primero en <a rel="nofollow" href="https://egluu.com">egluu. desarrollo web y marketing digital</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Qué es el Design Thinking</title>
		<link>https://egluu.com/blog/e-commerce/que-es-el-design-thinking/</link>
		
		<dc:creator><![CDATA[egluu]]></dc:creator>
		<pubDate>Mon, 14 Dec 2020 10:22:34 +0000</pubDate>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Diseño y Usabilidad]]></category>
		<guid isPermaLink="false">https://egluu.com/?p=131</guid>

					<description><![CDATA[<p>Dados sus buenos resultados, son cada vez más las empresas que implementan el Design Thinking con el objetivo de desarrollar [...]</p>
<footer class="entry-footer">
<div class="tags-links">#<a href="https://egluu.com/blog/tag/diseno-y-usabilidad/" rel="tag">Diseño y Usabilidad</a></div>
</footer>
<p><a class="understrap-read-more-link btn btn-outline-primary btn-sm" href="https://egluu.com/blog/e-commerce/que-es-el-design-thinking/">leer más...</a></p>
<p>La entrada <a rel="nofollow" href="https://egluu.com/blog/e-commerce/que-es-el-design-thinking/">Qué es el Design Thinking</a> se publicó primero en <a rel="nofollow" href="https://egluu.com">egluu. desarrollo web y marketing digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dados sus buenos resultados, son cada vez más las empresas que implementan el Design Thinking con el objetivo de desarrollar productos y/o servicios innovadores de éxito.<br>Esta eficaz metodología tiene un enfoque creativo centrado en el proceso de diseño y dejando en segundo plano el producto final. El enfoque está en la solución y no en el resultado final: consiste en detectar problemas reales y resolverlos aportando soluciones innovadoras.</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" width="684" height="442" src="https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.28.24.png" alt="Screen Shot 2015-04-03 at 15.28.24" class="wp-image-944" srcset="https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.28.24.png 684w, https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.28.24-300x194.png 300w" sizes="(max-width: 684px) 100vw, 684px" /></figure></div>



<p>“Las escuelas de negocio tienden a focalizarse en el pensamiento inductivo (Basado en hechos directamente observables) y pensamiento deductivo (Lógica y análisis, típicamente basado en evidencia pasada). Las escuelas de diseño ponen el énfasis en el pensamiento abductivo, en imaginar lo que podría ser posible. Esta forma de pensar o de enfrentar la solución de problemas, nos ayuda a desafiar limitantes asumidas durante el quehacer diario y sumar ideas, en vez de descartarlas.”&nbsp; &#8211; CEO de Procter &amp; Gamble</p>



<p>“Es una disciplina que usa la sensibilidad y métodos de los diseñadores para hacer coincidir las necesidades de las personas con lo que es tecnológicamente factible y con lo que una estrategia viable de negocios puede convertir en valor para el cliente, así como en una gran oportunidad para el mercado”. &#8211; Tim Brown, CEO de IDEO</p>



<h2 class="wp-block-heading" id="h-caracter-sticas-del-design-thinking"><strong>Características del Design Thinking</strong></h2>



<p>Son 3 las características principales del Design Thinking:</p>



<h3 class="wp-block-heading" id="h-equipo-multidisciplinar"><strong>Equipo multidisciplinar</strong></h3>



<p>La metodología se lleva a cabo en equipo multidisciplinar para lograr una cooperación abierta e integre enfoques de campos diversos.</p>



<p>Para innovar es importante distanciarse de las ideas preconcebidas, es necesario romper con los modelos aprendidos deconstruyéndolos y montándolos de nuevas maneras. Cuantas más diversas sean las miradas que participen en el proceso, más nos acercaremos a este objetivo.</p>



<h3 class="wp-block-heading" id="h-la-personas-en-el-centro-user-centered"><strong>La personas en el centro (user-centered)</strong></h3>



<p>El Design Thinking coloca en el centro a las personas: observa y participa en la comunidad que investiga.</p>



<p>Requiere un enfoque en los valores humanos: El Design Thinking pone especial hincampié en el esfuerzo por empatizar con los usuarios para los que se está diseñando, y en la retroalimentación de los mismos para conseguir crear un diseño innovador y eficaz.</p>



<h3 class="wp-block-heading" id="h-prototipaje"><strong>Prototipaje</strong></h3>



<p>Para poder confrontar las ideas con los usuarios, el Design Thinking utiliza el prototipo.</p>



<p>Esta metodología considera el prototipaje como un instrumento de aprendizaje, pensamiento y referencia para la evaluación de las soluciones. Y lo concibe como un proceso iterativo de acercamiento progresivo a una solución mejor.</p>



<p></p>



<h2 class="wp-block-heading" id="h-etapas-del-design-thinking">Etapas del Design Thinking</h2>



<p>Actualmente existen diversas propuestas de metodología de Design Thinking</p>



<p>En este post abordaremos en este post la desarrollada por la <a href="http://dschool.stanford.edu/" target="_blank" rel="noopener">Design School</a> (d.school) de la Universidad de Stanford por ser pioneros en este ámbito.</p>



<p>Dicha metodología propone las siguientes etapas:</p>



<p><strong>1/ EMPATIZAR / Comprender al otro</strong>. Se busca descubrir las necesidades del usuario para el que se diseña, lo que para él es importante. Consiste en comprenderlo combinando métodos pasivos (p.e. observación) con métodos más activos (p.e. preguntas)</p>



<div class="wp-block-image"><figure class="aligncenter"><img decoding="async" width="565" height="399" src="https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.20.53.png" alt="Screen Shot 2015-04-03 at 15.20.53" class="wp-image-941" srcset="https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.20.53.png 565w, https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.20.53-300x212.png 300w" sizes="(max-width: 565px) 100vw, 565px" /><figcaption><br><br></figcaption></figure></div>



<p><strong>2/ DEFINIR el reto o el problema</strong>. Se busca aclarar y concretar de forma significativa el problema que se pretende solucionar para poder diseñar soluciones factibles. La definición del problema es básica para lograr el éxito del proceso de diseño.</p>



<p><strong>3/ IDEAR soluciones</strong>. En esta etapa se gestan ideas que permitan crear soluciones innovadoras, viables y eficaces. Son bienvenidas ideas de todo tipo: de las más rompedoras y atrevidas a las más discretas.</p>



<p><strong>4/ PROTOTIPAR modelos de las soluciones</strong>. Se diseña una solución y se crea en forma de prototipo, digital o físico según el planteamiento propuesto (un producto, un proceso, etc.) Las ventajas del prototipaje son varias. Por un lado nos fuerza a pensar como creadores y nos ayuda a comunicarnos con nuestro usuario. Por otro lado, se trata de un sistema económico para encontrar la solución óptima mediante aproximaciones de ensayo y error progresivas.</p>



<p><strong>5/ EVALUAR los prototipos</strong>. Se pretende evaluar el prototipo para aprender. Consiste en mostrar el prototipo al usuario y comentarlo con él y ver cómo interactúa para para aprender de él y generar un siguiente prototipo mejorado. Dicha evaluación no es el punto final de un proceso, es el inicio de una nueva acción: la implementación de mejoras.</p>



<div class="wp-block-image"><figure class="aligncenter"><a href="https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.22.49.png"><img decoding="async" width="568" height="295" src="https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.22.49.png" alt="Screen Shot 2015-04-03 at 15.22.49" class="wp-image-942" srcset="https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.22.49.png 568w, https://egluu.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-15.22.49-300x156.png 300w" sizes="(max-width: 568px) 100vw, 568px" /></a></figure></div>



<p>Aunque estas fases acontecen de manera sucesiva, el proceso en sí se entiende como iterativo. Según las necesidades, se puede volver atrás las veces que sea pertinente. Hasta dar con la solución innovadora y eficaz que se estaba buscando.</p>



<p>Sabemos que no hay innovación sin riesgo: toda innovación va precedida de un porcentaje más o menos elevado de fracaso.</p>



<h4 class="wp-block-heading" id="h-si-tienes-un-negocio-online">Si tienes un negocio online &#8230;</h4>



<p>Cualquiera con un negocio online puede aplicar el Design Thinking para innovar y mejorar:</p>



<p>&#8211; Los productos en sí mismos<br>&#8211; Los servicios que se ofrecen<br>&#8211; La plataforma tecnológica con sus funcionalidades y procesos<br>&#8211; El modelo de negocio en marcha</p>



<p>Sirve para esto, y más.</p>



<h4 class="wp-block-heading" id="h-para-saber-m-s">Para saber más</h4>



<ul class="wp-block-list"><li><a rel="noreferrer noopener" href="http://www.designthinking.es" target="_blank">Design Thinking en castellano</a></li><li><a rel="noreferrer noopener" href="http://en.wikipedia.org/wiki/Design_thinking" target="_blank">Wikipedia: Design Thinking</a></li><li><a rel="noreferrer noopener" href="http://www.ideo.com/images/uploads/thoughts/IDEO_HBR_Design_Thinking.pdf" target="_blank">Design Thinking by Tim Brown, IDEO (Harvard Business Review)</a></li></ul>



<p></p>
<p>La entrada <a rel="nofollow" href="https://egluu.com/blog/e-commerce/que-es-el-design-thinking/">Qué es el Design Thinking</a> se publicó primero en <a rel="nofollow" href="https://egluu.com">egluu. desarrollo web y marketing digital</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
