miércoles, 29 de abril de 2015

LOREM IPSUM

El lorem ipsum, un texto de relleno muy utilizado en diseño gráfico

Lorem ipsum es, básicamente, un texto de relleno (dummy text) que, habitualmente, se utiliza en diseño gráfico, web o editorial para suplantar un texto que no ha sido entregado por el cliente, para hacer demostraciones tipográficas o borradores para crear diseños visuales antes de insertar el texto final (greeking text). 

Se utiliza este texto en los diseños para que, al estar escrito en un lenguaje clásico y no entenderse, los clientes se centren en el diseño y no en el texto, ya que es habitual que, si se entiende, toman más atención al contenido del texto. 

Una de las cualidades del texto en cuestión es que tiene una distribución de las letras similar a las del inglés. 

Aunque la frase no tiene sentido, tiene una larga historia. Durante varios siglos, los tipógrafos han utilizado esta frase para mostrar las características más distintivas de sus fuentes. Se utiliza porque las letras que contiene y el espaciado entre caracteres de esas combinaciones revelan de la mejor forma posible el espesor, el diseño y otras características importantes del tipo de letra.

Un ejemplar de 1994 de la revista "Before & After" asocia "Lorem ipsum ..." a una versión latina revuelta de un pasaje de de Finibus Bonorum et Malorum, un tratado sobre la teoría de la ética escrito por Cicerón en el año 45 A.C. El pasaje "Lorem ipsum..." se ha extraído del texto que dice "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...", que se traduciría como "No hay nadie que ame el dolor mismo, que lo busque y lo quiera tener, simplemente porque es el dolor...".

Durante los años 1500, una imprenta adaptó el texto de Cicerón para elaborar una página de ejemplos de tipografía. Desde entonces, el texto en latín ha sido la norma del sector de la tipografía para simular texto. Antes de que existiera la publicación electrónica, los diseñadores gráficos tenían que simular diseños utilizando líneas ficticias para indicar texto. La llegada de hojas autoadhesivas preimpresas con "Lorem ipsum" ofreció una manera más realista de indicar dónde debería ir el texto en una página.


Suele despertar curiosidad saber qué significa. Sin embargo, este texto carece de significado. Esto se debe a que cuando el texto es legible, los usuarios suelen centrarse en lo que dice el texto y no en el diseño, que es el objetivo en este caso.

Una de las cualidades del texto en cuestión es que tiene una distribución de las letras similar a las del inglés. 

Existen múltiples variantes del texto original, algunas sin casi parecido con él. Estas versiones incluyen letras adicionales que no son comunes en latín (como la k, w y z).

¿Dónde encontrarlo?

Si deseas conseguir una versión completa de este texto existe una página en la que no solo lo puedes conseguir sino que lo puedes dividir en diferentes parrafos o filtrar un número concreto de palabras.

        El texto completo

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
Descargar libro Fundamentos De Programacion Con Visual Basic 6 de Blitzkrieg

martes, 21 de abril de 2015

Diseño web Responsive o web Adaptive | Diferencias

Hoy en día nuestros sitios web deben verse en todos los dispositivos, la razón principal es que cada vez más personas consumen información desde dispositivos diferentes a sus computadoras. Más aún, estas personas esperan recibir el contenido del sitio en un formato que les facilite consumirlo en el dispositivo en que se encuentran.
Esta tarea puede ser lograda de dos formas diferentes y es aquí donde entran los conceptos de adaptive y responsive.

La pregunta del millón es: ¿cuál debemos eligir? Para responder esto, primero hay que entender la diferencia entre ambos conceptos.

¿Qué es un diseño adaptive?

 Un diseño adaptive es aquel que se realiza pensando exclusivamente en cómo quedará nuestro diseño en uno o varios dispositivos. En este paradigma, el servidor web evalúa el tipo de dispositivo en que el usuario se encuentra y despliega un contenido adaptado o más bien creado directamente para ese dispositivo.

Ventajas del diseño adaptive
  • El contenido desplegado es único para ese dispositivo, por lo que no tiene información que pertenece a otros y esto logra que la carga de la página se haga más rápida
  • La decisión de que contenido mostrar, no pertenece al dispositivo sino que el servidor se encarga de hacer los cambios, por lo tanto el dispositivo consume menos recursos
  • Puede tener una mejor experiencia de usuario dependiendo del proyecto pues obliga a crear un diseño estrictamente para el dispositivo y lo que quisiéramos que el usuario consumiera
Desventajas del diseño adaptive
Las desventajas principales del diseño adaptive son el costo y lo que llamaría la “miopía de la información”. Estos dos factores están entrelazados y de forma inversamente proporcional: a menor el costo en tiempo y esfuerzo mayor la miopía. ¿Por qué?
El asunto de la miopía se da, porque por lo general los encargados de experiencia e interfaz de usuario están tratando de evaluar que información quisiera un usuario a través de suposiciones. Más aún, el enfoque de trabajo del cual parten tiende a ser “qué remover” de la versión para computadoras. Esto al final tiende a crear un vacío de información de ese grupo de usuarios que ahora prefiere ir al sitio desktop, pues no encuentra lo que quiere. ¿No le ha pasado? Entra a un sitio y sólo busca como ir a sitio desktop porque no está lo que anda buscando.
Para poder crear un diseño adaptive correctamente debe realizar esfuerzo importante que involucre grupos de enfoque y una muestra de los diferentes usuarios. Aún con todo este esfuerzo, puede hacerse difícil dar en el clavo. Con esto se puede evidenciar el tipo de costos que generaría el realizar reuniones con estos grupos y pruebas de experiencia de usuario. Si no se emplea este esfuerzo, el resultado del producto sería deficiente y miope.


¿Qué es un diseño responsive?

Un diseño responsive es el que comparte el contenido de la página sin tomar en cuenta desde que dispositivo viene, sino la resolución de pantalla del mismo.

Cómo cualquier cosa en nuestras vidas, profesiones y acontecimientos hay ventajas y desventajas de cada uno de estos paradigmas. Por lo general, la decisión de utilizar uno u otro dependerá enteramente del tipo de consumidor del portal y el propósito de lo que viene a lograr con la página que se le presenta.

Ventajas del diseño responsive

  • Es mucho menos costoso que el adaptive pues no hay que crear una experiencia única para cada dispositivo
  • Unifica la experiencia de los usuarios hacia el sitio. Se ve familiar a lo que han consumido en otros dispositivos y en consecuencia se les hace más fácil interactuar con él
  • Se enfoca en como desplegar el contenido presentado a los dispositivos partiendo en de perspectiva de la computadora y no promueve el concepto de “que remover”
Desventajas del diseño responsive
  • Pasa toda la responsabilidad de procesamiento y decisión de como se mostrará la página al dispositivo
  • Se consume más del plan de datos del usuario pues se descargan elementos que tal vez no se presentan en este dispositivo
  • No se puede crear una experiencia personalizada para un dispositivo
Entonces… ¿cuál elegir?
La realidad es que depende, pues dependerá de los consumidores finales:
  • ¿Quiénes son?
  • ¿Cuáles son sus intereses?
También depende del negocio y el producto web:
  • ¿Cuáles son los objetivos del negocio, marca o emprendimiento?
  • ¿Qué quiere ofrecer y dar a conocer?
  • ¿Los consumidores no deben tener acceso a consumir de ese contenido en ese dispositivo?
Ambas herramientas son válidas y la decisión de “qué es adecuado” debe venir de un entendimiento de las necesidades del cliente. Una de las frases más conocidas e importantes para alguien que se dedique a la industria de la producción ya sea web, aplicaciones o software en general es que “No hay balas de plata”. Intente utilizar la herramienta que más le convenga para la batalla que va a librar en ese momento y no aplicar lo mismo ante todas las situaciones.
Permítanos asesorarlos para que su página web le genere los resultados esperados. Desarrolle con nosotros una página web de calidad, logrando el retorno de su inversión. Conozca más sobre nuestra consultoría web o sobre el servicio de diseño y desarrollador web.