Archivo

Posts Tagged ‘Imágenes’

6 Herramientas Para Ayudar a los No Diseñadores a Crear Grandes Imágenes

29 de mayo de 2014 Deja un comentario

La creación de grandes imágenes para su SMB es más importante que nunca. Los medios sociales sigue poniendo énfasis en las imágenes, al permitir a las empresas crear grandes fotos de portada y banners para sus páginas de Facebook, páginas de Google+, canales de YouTube, páginas de empresa en LinkedIn y ahora los nuevos perfiles en Twitter. La mayoría de las redes, incluso han hecho que las imágenes compartidas sean más prominentes en sus alimentos.

¿No es un diseñador? No es un problema. Hay algunas herramientas fáciles de usar por ahí que pueden hacer que se vea como un diseñador sin serlo. Aquí están algunas de mis favoritas que le puede ayudar con una variedad de necesidades de diseño.

 

Canva

 

Canvas

 

¿Necesita una imagen para usar como un post social media, foto de portada en Facebook, presentación fondo de diapositiva, el blog gráfico, tarjetas de visita, u otros soportes de impresión? Si es así, entonces Canva es una gran herramienta para probar. Tienen cientos de plantillas que se pueden personalizar para una variedad de usos, tanto en línea como fuera de ella. Puede incluso agregar sus propias fotos, o usar la fotografía que ofrecen dentro de su plataforma. Lo mejor de todo es que si no necesita una fotografía, puede utilizar esta herramienta para crear todas las imágenes que desee de forma gratuita.

Un consejo: si no encuentra una plantilla que le gusta en un área de la herramienta (como la cobertura perfecta en Facebook), mire en otra área. Puede ser capaz de crear una gran cubierta de Facebook utilizando una plantilla a partir de las diapositivas de la presentación y simplemente recortarla hasta el tamaño adecuado para Facebook.

 

Piktochart

 

PIKTOCHART

 

Las Infografías tienden a propagarse como un reguero que cuando tienen una perfecta combinación de datos interesantes y útiles junto con un hermoso diseño. Piktochart puede ayudarle a crear una gran infografía que se puede utilizar para compartir datos muy ricos con el público y potenciar su visibilidad para su negocio. Tienen más de 100 temas para elegir para su infografía, con precios que comienzan en 29 $ por mes (o menos si paga la suscripción trimestral o anual).
Si no está seguro de cómo empezar con infografía, eche un vistazo a lo que otras empresas están haciendo en busca de inspiración. Puede buscar rápidamente una infografía en Pinterest para ver cuáles obtienen el mayor interés en una amplia gama de temas.
.

Wordle

 

WORDLE

No paguen por palabra de imágenes en sitios de nubes de gran stock de fotografías. Haga la suya propia con Wordle. Simplemente introduzca las palabras que desea mostrar, y obtendrá una palabra nube que se puede personalizar con diferentes tamaños de fuente, color de fuente y color de fondo.

El único inconveniente de esta herramienta gratuita es que no le permiten descargar la imagen que ha creado, por lo que tendrá que utilizar una captura con el programa Jing de captura de pantalla y guardarlo como PNG.  Y recuerde, las capturas de pantalla pueden hacer grandes imágenes cuando sea aplicable a su contenido, y lo mejor de todo es que es gratis.

 

Aviary

 

AVIARY

 

Si desea crear imágenes con su Android o dispositivo móvil iOS, entonces debe usar Aviary. Esta aplicación viene con 20 herramientas que le permite ir más allá de los filtros Instagram. Puede aplicar efectos de mejora rápida, utilice los filtros, marcos, superpuesto con pegatinas, cambiar la orientación, recortar, ajustar brillo, nitidez, color splash, dibujar, añadir texto, corregir ojos rojos, blanquear los dientes, blur, corregir las imperfecciones, e incluso su foto en un meme.

Es el último editor de fotos para dispositivos móviles y lo mejor de todo, es fácil y de uso gratuito. Y si necesita más filtros, marcos, pegatinas, y otras opciones, se pueden comprar cuando los necesite.

 

LogoGarden

 

Crear imagenes

 

Para aquellos que reciéntemente están entrando en un nuevo negocio, es muy difícil imaginar cientos de euros en un logotipo. ¿Qué pasa si puede hacer uno de forma gratuita? LogoGarden es una herramienta gratuita en línea que le ayuda a crear rápidamente un logotipo profesional. Para ello, sólo tiene que elegir entre cientos de símbolos que mejor representan su negocio, elegir las fuentes y, a continuación, añadir el nombre de su empresa y línea de etiquetas.

Si no está seguro de cómo empezar, eche un vistazo a los cientos de muestras que tienen en su galería de todos los sectores de la industria.

 

Imgflip Meme Generator

 

imgflip

 

¿Quiere agregar un poco de humor a su contenido y acciones sociales? Pruebe Imgflip Meme Generator. Esta herramienta gratuita le permitirá agregar un poco de mal humor Cat, Dux y el condescendiente Willy Wonka para alegrar su día a la audiencia. No cabe duda para compartir contenido de imagen. Sólo recuerde que no debe ir demasiado lejos sobre los memes – usarlos de vez en cuando para darle vida a su blog social o posts.

Si desea aprender sobre el uso general de ciertos memes, puede buscar para ellos en base de datos Know Your Meme. Y no olvide que puede crear sus propios memes personalizados utilizando su dispositivo móvil y la aplicación Aviary que hemos mencionado anteriormente.

P.D. La página principal de este sitio muestra las últimas memes enviadas por los usuarios. Tenga en cuenta que algunas son NSFW.

 

Ahora a empezar a crear

 

Gracias a estas impresionantes herramientas basadas en la Web, no tiene que ser un diseñador o disponer de un ordenador potente para crear imágenes profesionales que al público les gusta ver y compartir. Experimentar con estas herramientas para ver como mejorando la calidad de los gráficos puede mejorar su contenido y actualizaciones en los medios sociales. Y si crea una infografía o vídeo, asegúrese de darles un impulso promocional extra para lograr los mejores resultados posibles para su negocio.

¿Quiere leer más posts como este? Los comentarios son importantes para todos. Muchas gracias a todos los lectores

 

Artículos relacionados:

 

17 Herramientas para Presentaciones

+35 Herramientas de Audio

Apoyar a sus Clientes con Vídeos y Tutoriales Impresionantes

 

kindle-fire-hdx

 

Enhanced by Zemanta

Lo que importa son las imágenes (Infografía)

14 de junio de 2012 Deja un comentario

Aquí tiene alguna ironía para usted.La infografía It’s All About The Images de MDGLo que importa son las imagenes Advertising con información de los relevos visuales sobre la importancia de transmitir información visualmente. Sí, ésta es mi meta.

Unos dicen que la imagen es todo, y esto es sobre todo verdadero en el Internet donde el cambio a la optimización visual desempeña un papel cada vez más importante en el fenómeno reciente del marketing de fotos. En la luz de sus numerosos beneficios para las marcas de todas las clases, MDG Advertising ha desarrollado una infografía profunda que ilustra la influencia de las imágenes en el negocio de una compañía, la marcación, la búsqueda, y los esfuerzos en los medios sociales. Para la perspicacia en la optimización de imágenes para el contenido y el comercio, junto con el consejo en técnicas de optimización de la imagen, miran esta infografía para ver por qué las imágenes pueden ayudar a hacer el éxito de un “snap”.

En nuestro mundo, esta información es verdadera para fijar imágenes de foto así como infografías.

La infografía elaborada por mdgadvertising.com pone la importancia de las imágenes en diferentes ámbitos, como las búsquedas locales o las publicaciones online de prensa. Su papel destacado en el comercio electrónico o en las redes sociales, ayudando a fidelizar a los usuarios, también se muestran en este gráfico.

¡Gracias por hacer pasar el enlace!

 

Lo que importa son las imagenes

 

Artículos relacionados:

¿Qué son los códigos SnapTag? ¿Cómo puede utilizar para su marketing móvil?

El Espacio de batalla de la Piratería en Línea (Infografía)

Influencia Social Interna y Externa [Infografía]

La fuerza de Pinterest (Infografía)

Consejos y Trucos para Pinterest

Ejemplos de Marcas en PINTEREST

 

Beruby

Como las Imágenes Afectan al Éxito de Su Blog [Infografía]

17 de mayo de 2012 Deja un comentario

Cuando ha estado escribiendo artículos múltiples cada día, siete días por semana, durante dos años directamente, como muchos Es todo sobre las imágenesbloggers,  aprende muchas cosas a lo largo del camino por el método de los tanteos. Algunas cosas son un poco complicadas, como el aprendizaje del SEO eficaz, y otras cosas son fáciles, como el aprendizaje a guardar títulos relativamente cortos así hay espacio para nuevos Tweets en Twitter. Si yo debiera hacer una lista de todas las cosas que he aprendido entre el verano 2010 hasta ahora, sería probablemente muy largo de contar ya que esto podría estirarse muy lejos. Nunca dejaremos de aprender y crecer cada día..

Una cosa simple que aprendimos temprano es el poder de las imágenes en nuestros artículos. La gente en estos días en todas partes en línea es muy visual, y la puesta de una imagen de alta calidad (o varias de ellas) en sus artículos aumentará la calidad total de su artículo por entero. Si tiene cuidado sobre el tipo de imágenes que elige y el tamaño, y si optimiza cada una, entonces estará a años luz delante de mucha gente que tiene blogs.

He aconsejado personalmente a bloggers noveles talentosos o que querían empezar, y todos ellos saben que una regla que tenemos aquí consiste en que cada artículo debe tener al menos dos imágenes (una imagen de cabecera y una imagen en el cuerpo del artículo). Soy un aficionado a las imágenes, y por lo general uso a más de ellas que la mayor parte de las personas que escriben en Internet. Gasto sobre dos veces más cuando tengo mucho tiempo cada día en las imágenes para cada artículo que escribo, más que hago en el texto actual. Yo era tan feliz cuando vi esta infografía por MDG Advertising llamada, It’s All About The Images, porque esta es la primea quer he visto que entra en este detalle, que yo considero importante. Esta buena infografía le dará un poco de perspicacia sobre por qué las imágenes son tan importantes en el ecosistema de Internet de hoy en día.

De este modo, la próxima vez que escriba el texto para un artículo, si piensa que esto no vale el tiempo suplementario para ir al hallazgo de algunas imágenes para añadir, piénselo otra vez. Además, hace unos años esto era un desafío para encontrar cuadros buenos sin necesidad de pagar para ellos. Estos días ha cambiado todo esto. Ahora hay toneladas de sitios de fotografías de reserva libres por ahí, que sólo preguntan que  les dé un eslabón de crédito de imagen a cambio. ¡Ahora no hay nada que le contenga de condimentar su blog con algún dulce súper geeky con imágenes!

Clic en la Infografía para verla más grande

Como las Imágenes Afectan el Éxito de Su Blog [Infographic]

Artículos relacionados:

Comparación de la Actividad de Usuario en los Sitios Conectados a las Redes Sociales (Infografía)

Colección de Enlaces Interesantes a Páginas en Inglés con Infografías y Gráficos

5 Fabulosas Infografías sobre Facebook

Sistema Operativo Android para los Teléfonos Móviles

La serie Retro de AMC Mad Men (Infografía)

Los Números de Zynga (Infografía)

Infografía: ¿Qué tipo de sitio host desea tener?

Facebook y Twitter en la India: Infografía

La historia del F-commerce (Infografía)

 

Beruby

Categorías:infografias Etiquetas: , , ,

Configura tu blog con WordPress (II): Elegir Tema

8 de noviembre de 2011 Deja un comentario

En el primer artículo hablamos (Configura tu blog con WordPress (I)) sobre ¿por qué WordPress? ¿Qué es un Sistema de Gestión de Contenidos?, ¿Cuál es la diferencia entre WordPress.org y WordPress.com? y los métodos de instalación. En este segundo artículo hablaremos de los conceptos y terminología, así como de la elección del tema más adecuado.

2. Atascarse en

2.1 Conceptos y Terminología

cofigurar su blog de WordPressWordPress ha crecido en los últimos años para abarcar una gran variedad de tipos de contenido, y ha desarrollado su propia terminología, por lo que sería beneficioso saber antes de saltar. Esto es lo que necesita saber antes de continuar con la guía:

  • POST – Este es el tipo más fundamental de los contenidos que constituyen la mayoría de su blog. Un mensaje se compone de un título, el texto contenido en sí, una fecha de publicación, categoría, etiquetas y accesorios relacionados (como imágenes). Las publicaciones en el blog se consideran en general que se muestran en orden cronológico con el más reciente que aparece primero. Los archivos mensuales se generan automáticamente, así como un feed RSS de tus últimas entradas.
  • PÁGINA – Estas fueron creadas para albergar contenido estático de su sitio que no debe tener una fecha de publicación -, como de mí, o un formulario de contacto. Tampoco es necesario estar etiquetadas o clasificadas, y no se incluyen cuando los usuarios navegan por los archivos de su blog. En general, usted podría utilizar las páginas de contenido que desea conectarse desde la primera página en todo momento. Las páginas también pueden ser jerárquicas.
  • CATEGORÍAS – Términos genéricos para clasificar los puestos. Los mensajes pueden tener una o más categorías, y cuando los usuarios en un archivo de categoría, se le mostrará una lista de todos los puestos de esa categoría en particular. También puede asignar sub-categorías para crear una jerarquía de tu blog si lo necesita. Las categorías no son realmente opcionales, aunque el sistema no le fuerza – si usted no puede categorizar algo, se le asignará una categoría por defecto de “no categorizados”.
  • Etiquetas – Los tags deberán describir el mensaje más específicamente que las categorías, y pueden ser utilizados por los motores de búsqueda para considerar la relevancia de la página. Le permiten crear “nube de etiquetas” en los widgets, y también tienen páginas de archivo similares a las categorías. No son esenciales, pero se recomienda. ¿No está seguro de cómo etiquetar tus mensajes? Un buen ejemplo sería un blog de recetas, con las categorías de pan, platos principales, entrantes, postres, etc. Cada receta se puede etiquetar con los ingredientes, para que los usuarios puedan, por ejemplo, ver todas las recetas de pan, o ver todas las recetas hechas ( etiquetado) con la harina.
  • Los widgets son pequeños bloques de funcionalidad que se pueden añadir a tu blog en varios lugares, dependiendo de si el tema los apoya – por lo general van en la barra lateral. Que realmente se puede hacer nada y voy a explicar más acerca de ellos más adelante  – Los Widgets, widgets de ejemplo en la parte superior izquierda.
  • Permalinks – Esto significa la URL desde la que se accede a la Configurar tu blog con WordPresspágina. Por defecto, el enlace permanente a una entrada en el blog en algunas puede parecer sudominio.com / id = 12345 – que, obviamente, no parece tan grande. Más tarde, voy a explicar cómo puedes cambiar esto a ser “permalinks bonita” de la forma sudominio.com / recetadeliciosopan.
  • Los COMENTARIOS tienen un costo estándar para los blogs hoy en día, pero se pueden desactivar. Las páginas no pueden ser comentadas por defecto, sólo los blogs.
  • El TEMA es cómo tu blog se muestra, y WordPress tiene los temas más libres que cualquier sistema – literalmente cientos de miles de formas a elegir. La elección de uno puede ser fácil o una pesadilla – es por eso que toda una sección de estos artículos está dedicado a él. Ver los elementos clave de la mayoría de los temas a la derecha.
  • Los MENÚS son una nueva adición a la versión 3 de WordPress y que le permiten crear menús personalizados a través de su tema (suponiendo que los soporta). Vamos a ver esta funcionalidad en detalle más adelante, pero ten en cuenta que muchos temas no han sido actualizados para incluir esta funcionalidad todavía.
  • Las IMÁGENES le permite especificar de manera sencilla una imagen asociada a un puesto. Una vez establecidos, los temas de apoyo ofrecen las imágenes automáticamente y se mostrará la siguiente imagen a la publicación, o extracto en varios lugares en todo el tema. La adición de la señal visual al lado de un título de la entrada aumenta dramáticamente la probabilidad de que los lectores haciendo click-through para leer el artículo. No se preocupe si su tema no es compatible con imágenes destacadas, aunque – te mostraré más adelante en estos artículos cómo se puede agregar esta funcionalidad en sí mismo cuando se meten en un tema de edición.

2.2 Primeros pasos esenciales

Configurar tu blog con WordPressAunque la instalación del famoso 5 minutos te da un completo sistema de trabajo en WordPress desde el primer momento, hay unos pocos pasos que te recomiendo tomar antes de hacer cualquier otra cosa.

1. Activar Akismet Spam Control: Usted se sorprenderá de lo rápido que los spammers pueden encontrar tu blog y comenzar a enviar comentarios spam. Salí de un blog en un estado básico de instalación una vez, y dentro de una semana he adquirido 100 notificaciones de comentarios de la muestra “¡Hello World!” en el Post. Dirígete a registrarse para obtener una clave de API de Akismet primero, y luego activar el plugin Akismet y configurar su clave de API. Esto automáticamente detectará la mayoría de los comentarios de spam que tanto pueden abrumar.

Una nota acerca de los comentarios no deseados:

Tenga cuidado con la aprobación de aspecto inocente que no son spam o comentarios que alaban su entrada en el blog maravilloso, sin mencionar detalles. Los comentarios genéricos son una forma muy exitosa que los spammers pueden obtener en su blog. Incluso si su nombre no es deliberadamente spam, o que han añadido una URL como google.com o bing.com – el spammer sabe que una vez que sus iniciales no son spam en los comentarios genéricos que han sido aprobados, son libres de publicar cualquier cosa que les gusta la próxima vez.

2. Editar el sitio Lema (Tagline). Después de la instalación inicial, en su página principal se muestra un lema de “Otro sitio de WordPress“. Vete a la configuración general para cambiar esto, y no se olvide de guardar.

3. Activar “permalinks bastante”. Desde la configuración -> en la página permalinks puede elegir un estilo de dirección nueva, así que la URL se ha significado para ellos. Puedes personalizar este modo como más te guste, pero con WordPress se obtienen mejores resultados si se tiene un número de algún tipo antes de que el nombre del puesto. “Mes y el nombre” es una buena opción, pero mi preferencia personal para mantener URLs cortas es eliminar el número del mes y sólo mantener el año. Para ello, haga clic en  Custom Structure y pega este en el cuadro antes de guardar: /%year%/%postname%/

(Si se produce un error y el archivo htaccess no se puede escribir, basta con cambiar la carpeta raíz del servidor web – la carpeta public_html o httpdocs – tienes 755 permisos otorgados).

2.3 La elección de un tema

2.3.1 Desconfíe de la descarga de temas gratis de los sitios web al azar:

Al igual que con cualquier sistema que se convierte en el más popular, la gente tratará de explotar a los usuarios desprevenidos. Para WordPress, esto ha sido en forma de enlaces ocultos en los códigos del tema – a menudo los sitios de contenido dudoso y codificado de tal manera que el tema se romperá si se intenta eliminarlos. Esta es un área gris – algunos diseñadores de tema para ganarse la vida en la venta de estos enlaces para obtener tarifas de publicidad, y son capaces de dar tanto el tema a usted de forma gratuita. Si el tema es de un diseñador de renombre – en general, que se descarga desde el sitio del diseñador en lugar de un sitio de temas de la colección – entonces le sugiero que deje el enlace allí o pagar al diseñador para que se la quiten (por lo general lo ofrecen como un servicio premium). De lo contrario, yo diría que se adhiera a el archivo de tema para WordPress alojado en wordpress.org, ya que los temas han sido controlados y hay una comunidad fuerte detrás de ellos. Sólo tenga cuidado acerca de buscar en Google “temas libres de WordPress“.

Más recientemente, algunos temas aún tienen malware incrustado dentro de ellos que harán de su sitio web una máquina de spam, y he visto los efectos de esto de primera mano – en el peor de los casos resulta en una carga de ancho de banda excedente de 1,000$ porque el servidor comprometido fue el que envío los correos electrónicos de spam a un ritmo alarmante. Así que repito ahora, nunca jamás la descarga desde un sitio que no sea de buena reputación – sobre todo algo que se encuentra después de googlear “temas gratis wordpress“.

2.3.2 Cuando para descargar de forma segura:

Archivo Oficial de temas de WordPress  (http://wordpress.org/extend/themes/) – en caso de que no lo sabía, se puede acceder a este uso en la pantalla de administración de WordPress en lugar de visitar el sitio real. Sólo tienes que seleccionar Apariencia -> Temas – Temas de instalación, y, o bien buscar por palabras clave o filtrar por las etiquetas del tema.

WPShower (http://wpshower.com/), una selección de temas, tanto de primera calidad y gratuitos, algunos de los cuales se presentan en la selección Photoblog / Cartera.

Smashing Magazine (http://www.smashingmagazine.com/): A pesar de todo un blog de diseño que cubre una variedad de temas, les gusta reunir a los mejores de los temas libres de nuevo y patrocinan regularmente un comunicado de nuevo tema en su cuenta, por lo que definitivamente vale la pena suscribirse a su feed.

Site5 (http://www.site5.com/wordpress-themes/)

“Premium” o temas de pago, por supuesto, otra opción, así que si usted está dispuesto a gastar hasta 50$ en un tema único o ir a un tema de “club”, entonces estos son algunos de los mejores lugares para empezar a buscar:

WooThemes: el más caro del lote a 15 dólares al mes por acceso ilimitado al tema, pero de gran calidad.

ThemeForest: la mayor colección de temas de alta calidad, todos los precios individuales.

ElegantThemes: una selección muy completa y se obtiene acceso ilimitado a todos ellos por 39$.

Si estás buscando temas específicamente para foto-blogs, avanzaremos en el apartado sobre las galerías y la gestión de fotos.

Voy a ser la introducción de algunos sitios de WordPress más grandes de recursos al final de estos artículos, pero por ahora usted puede comenzar a trabajar en su nuevo blog con el tema por defecto, cubierto en el siguiente apartado, o seguir adelante y elegir un tema diferente de las fuentes que figuran más arriba.

2.2.3 Twenty-Eleven: tema por defecto en WordPress 3.2

Con la última versión 3.2 de WordPress nos trajo un tema nuevo y hermoso, notablemente capaz y que es totalmente compatible con HTML5 llamado Twenty-Eleven. Gran parte de este nuevo tema por defecto se puede personalizar con gran facilidad, así que vamos a hablar un poco sobre cómo hacerlo.

Configurar su blog con WordPress

1. Imágenes de cabecera: Esta es la parte más importante de cualquier sitio web, así que usar sus propias imágenes, inmediatamente le da un toque personal. Desde Apariencia -> sección de encabezado es tan fácil de cargar sólo una imagen y después recortar a las dimensiones adecuadas. Subir más de una, e incluso se puede configurar para girar al azar. Esta es una característica fantástica, si usted tiene un montón de imágenes que le gustan y quiere hacer su sitio más dinámico en cada carga de página, y realmente hace con ello una diferencia increíble.

2. Imagen de fondo: en lugar de un fondo gris claro, incluso se puede personalizar su sitio con una imagen de fondo. Seleccione una imagen que sea lo suficientemente grande como para ir a través de toda la pantalla, , o algo así como los azulejos. Si prefieres no tener una imagen, cambiar el color puede ser igual de eficaz.

3. El tema incluye dos estilos básicos de luz y oscuridad para comenzar a personalizar. Elija desde Apariencia -> Opciones de temas. También puede seleccionar el diseño básico desde aquí.

4. Cambio de tamaño dinámico basado en el tamaño de la pantalla – esto es realmente increíble que parezca, ya que niega completamente la necesidad de que los sitios móviles especiales y garantiza una apariencia consistente a través de dispositivos como el iPad en espacio de pantalla, es todo un lujo. Pruébalo ahora mediante la apertura de su página en el blog y cambiar así el tamaño de una ventana en el navegador.

5. Apoyo a Tumblr, como única imagen / cita / “a un lado” post-tipos. En los casos en que no se siente una entrada de blog entero es su caso, basta con cambiar el mensaje de tipo. “Aparte” y “Link”, los mensajes tipo pueden ser mostrados en la barra lateral con el widget “Ephemera”.

Veamos algunas desventajas también.

Por alguna razón, se decidió que la plantilla que se utiliza cuando se ve un solo puesto no debe incluir la barra lateral (¿puede que sea también por la distracción?) Para solucionar este problema, puede descargar y utilizar el tema niño* de Niraj Chauhan aquí. (http://webstutorial.com/add-sidebar-twentyeleven-theme/content-management-system-cms) Además, cuenta con imágenes de trabajo un poco diferente con este tema. En lugar de aparecer al lado del título de la entrada en la página principal del blog, le permiten asignar encabezados en los mensajes. Si desea utilizarlos de esta manera, sólo asegúrese de que su imagen aparece adjunta a los mensajes de al menos 1000px de ancho por 288px de alto.

Así que antes de ir en busca de su tema propio, es posible que desee considerar seriamente el que viene con WordPress. Para los principiantes, ofrece un alto grado de personalización y funciones que le sería muy difícil de encontrar en otro sitio de forma gratuita.

[* Un tema que se entiende por niño que ha personalizado otro de los temas existentes de alguna manera. El tema del niño en sí mismo no va a funcionar - se necesita tener el tema original de los padres también cargado. Para hacer un tema secundario activo, tendría que cambiar el tema actual como lo haría con cualquier otro. Los temas niños son una gran manera de anular o añadir a un tema original, sin modificar los archivos originales. También asegura que las actualizaciones del tema que se aplican después no se rompa o sobrescribir los cambios realizados en su tema menor].

En el siguiente tema hablaremos de las operaciones básicas.

Artículos relacionados:

Configura tu blog con WordPress (I)

Diseño y Usabilidad de su Sitio Web

5 de octubre de 2011 1 comentario
Sitio

Image via Wikipedia

Ahora que se está generando un buen tráfico por estar en línea y es encontrado, su objetivo siguiente es conseguir que el tráfico permanezca en su sitio Web. Depende de la industria, pero la mayoría de los sitios Web tienen un porcentaje de abandonos del 30-60% en promedio. Esto significa que una gran mayoría de tráfico Web entra en su sitio  sin tener que navegar a otras páginas. Y muchas veces puede no regresar nunca.

Esta no es ninguna novedad: el diseño visual tiene un rol decisivo en la percepción de calidad de un sitio web. Los aspectos visuales y estéticos influyen en la confianza y la credibilidad de un sitio web. Para cualquier empresa o institución, el diseño de su sitio web es una pieza clave de su identidad institucional.

La usabilidad de un producto o sistema es una medida empírica y relativa de su utilidad, su facilidad de aprendizaje, su rendimiento y la apreciación de sus usuarios.

Esta definición se puede aplicar a todo tipo de productos y sistemas, no sólo a sitios Web o productos de software. Por ejemplo podría medirse la usabilidad de un sistema de señalización urbana, de un tubo de pasta dental o de la guía telefónica.

Los métodos de diseño centrado en el usuario nos permiten lograr metas de usabilidad mucho más altas que las que podríamos lograr aplicando sólo la intuición, las recetas o calculando lo que nosotros suponemos que los usuarios harán con el sitio (o producto).

¡Caramba! Estos son algunos consejos que debe considerar para mejorar la experiencia del usuario y reducir el porcentaje de abandonos.

La primera impresión

Su sitio web representa lo que eres y lo que usted ofrece. Cuando la gente lo ve por primera vez que estás pensando:

  • ¿Este sitio es creíble?
  • ¿Es confiable?
  • ¿Es una empresa profesional?
  • ¿Es esta compañía estable?
  • ¿Este sitio me hacen sentir bienvenido?
  • ¿Estoy en el lugar correcto?

Es necesario preguntarse a sí mismo todas estas preguntas en el diseño de su sitio Web. Ahora, el diseño no puede ser el factor más importante en un sitio Web en general y, a menudo o veces la gente pone demasiado énfasis en cómo se ve un sitio en lugar de que funciona, pero sí juega un papel importante en la toma de una buena primera impresión.

Por ejemplo, un estudio en profundidad de la Universidad de Stanford y Consumer Web Watch, “¿Cómo la gente evalua la credibilidad de un sitio web? Los resultados de un estudio a gran escala”, encontró que el diseño de un sitio web era más importante que los indicadores de credibilidad como tener una política de privacidad, premios y certificaciones. En P-44 Technologies hacen un gran trabajo para resumir este estudio.

“Los visitantes primero evalúan el diseño global del sitio, incluyendo el uso de multimedia. Beau Brendler, director de Consumer Web Watch señaló: “Aunque los consumidores dicen que juzgan sobre el fondo, estos estudios demuestran que los consumidores juzgan la estética, y se distraen con campanas y silbatos”. Por lo tanto, después de pasar todo este tiempo en el desarrollo de gran contenido, el valor que los visitantes no pueden encontrar en ningún otro en la Web, lo hacen y no importa nada ¿significa que con un esquema de color fresco y una animación flash de lujo? Afortunadamente, no es así. El estudio de Stanford, señaló específicamente que mientras que el diseño de un sitio es el primer indicador de la calidad, no es el único: “. … El diseño visual puede ser la primera prueba de la credibilidad de un sitio Si falla en este criterio, los usuarios de Internet probablemente abandonen el lugar y busquen otras fuentes de información y servicios. “

Consejos para un gran diseño de páginas Web:

  • El uso apropiado de los colores: El uso de los colores adecuados para el público y para llamar la atención para seleccionar los elementos. No trate de hacerlo todo resaltado. El resultado será todo lo contrario – no se destaca. Evitar una mezcla caótica de colores en su sitio web y en su lugar elegir dos de cuatro colores para su plantilla y materiales de marketing.
  • Animaciones, gadgets y media: Evitar todo lo innecesario. El uso de animaciones flash, ya que verse bien es una estrategia equivocada. En la mayoría de los casos es mejor no usar el fondo animado o música de fondo. Utilice sólo los medios de comunicación y las animaciones para ayudar a los contenidos de apoyo e información.
  • Diseño: Crear una estructura de navegación clara (se refiere a la navegación en la página) y organizar los elementos de la página de una forma de rejilla (en lugar de dispersos al azar). Además, no tener miedo de los espacios en blanco y evitar el desorden.
  • Tipografía: Asegúrese de que su sitio web es legible. Utilice las fuentes, tamaños de letra y colores que sean fáciles de leer. Para escanear la página más fácil, el uso de listas de viñetas, encabezados de sección, y párrafos cortos. Si usted tiene el sitio es el Inglés basado en ese lenguaje, que los flujos de información sean de izquierda a derecha y de arriba abajo.

Mientras que el diseño es importante, no olvide que la oferta de contenido de calidad es lo que sus visitantes quieren en última instancia, después que sea atractivo. Un sitio web bien diseñado puede convencer a los visitantes a tomar una mirada más cercana, pero no se verá dos veces si el contenido no es útil y bien organizado. Después de todo, usted nunca consigue una segunda oportunidad para causar una primera impresión.

Mantener la coherencia

Lo mejor es mantener los elementos en su sitio bastante coherente de una página a otra página. Los elementos incluyen colores, tamaños, distribución y colocación de estos elementos. Su sitio tiene que tener un buen flujo de página en página. Esto significa que los colores son fundamentalmente los mismos, así como las fuentes y la estructura de diseño. La navegación debe permanecer en el mismo lugar de su disposición a través de su página Web.

Sobre el diseño de la estructura, generalmente de tres diseños de páginas existen para la mayoría de los sitios web: una para la página de inicio, una de las páginas de contenido y otro para las páginas de formulario. Por ejemplo, su página web tendrá un diseño distinto al de una página de aterrizaje para una campaña de PPC. Mantenga los elementos de estos diseños constantes. Esto le ayudará a mantener a sus visitantes sin que se sientan perdidos.

Utilizando las imágenes correctas

Las imágenes pueden ser un poderoso elemento en cualquier sitio Web, pero tiene que usarlas con sabiduría. Por ejemplo, considere la fotografía de stock. Las mágenes se ven en todas partes, ya que son fácilmente accesibles y de bajo costo. Pero ¿son buenas para usar?.

Los de Marketing Experiments realizaron una prueba comparando el uso de la fotografía de stock de las imágenes reales en un sitio web y cada uno de sus efectos en la generación de leads. Lo que encontraron fueron que las fotos de personas reales superaron a las fotos de stock en un 95%. ¿Por qué? Porque las imágenes de archivo tienden a ser irrelevantes. Resista la tentación de utilizar las fotos de los falsos hombres de negocios sonriendo.

Como resultado de ello, tenga cuidado de colocar las imágenes significativas en su sitio. Cada imagen está para transmitir un mensaje inconsciente a su público y, a veces el resultado es diferente de lo que cabría esperar. Yo recomiendo buscar en otro estudio realizado por Marketing Experiments “Imágenes contra la copia: ¿Cómo conseguir el equilibrio adecuado para un aumento de la conversión en un 29%.”

Navegación

Tal vez uno de los principales factores para mantener a los visitantes en su sitio Web tengan un buen sistema, la navegación sólida que soporta todas las preferencias de búsqueda. De hecho, más de tres cuartas partes de los encuestados en un estudio reciente de HubSpot dicen que el elemento más importante en el diseño de sitios Web es la facilidad para encontrar información.

Diseño y usabilidad

Si la gente no puede encontrar lo que busca, se dará por vencido y se iran a otro lugar. Entre los factores importantes en la navegación de un sitio incluyen:

  • Mantener la estructura con una sencilla navegación principal (y en la parte superior de la página).
  • La navegación en el pie de página de su sitio.
  • El uso de breadcrumbs (Breadcrumbs o ruta de navegación es una ayuda a la navegación utilizados en las interfaces de usuario. Permite a los usuarios seguir la pista de su ubicación dentro de los programas o documentos. El término proviene de la pista de migas de pan por Hansel y Gretel en el cuento popular) en todas las páginas (a excepción de la página) para que las personas sean conscientes de su registro de navegación.
  • Incluya un cuadro de búsqueda en la parte superior de su sitio para que los visitantes puedan realizar búsquedas por palabras clave.
  • No ofrezca demasiadas opciones de navegación en una página.
  • No profundice demasiado – en la mayoría de los casos lo mejor es mantener la navegación a no más de tres niveles de profundidad.
  • Incluir enlaces dentro de su copia de la página y dejar en claro a que enlaces ir. Esto también es ideal para el SEO.
  • Evitar el uso de JavaScript complicado y sobre todo de Flash para su navegación. Muchos teléfonos móviles no pueden ver Flash (todavía), por lo que no serán capaces de navegar por su sitio Web. Lo mismo se aplica a los navegadores Web que no tienen una versión actualizada de Flash instalado.

La regla general con una estructura de navegación adecuada es simple: no se exige a los visitantes a tener que pensar acerca de dónde deben ir y cómo llegar allí. Que sea fácil para ellos.

Flash y animación

Diseño y usabilidadLa animación en Flash puede llamar la atención de alguien, sí, pero también puede distraer a la gente a permanecer en su sitio. No sólo son las aplicaciones móviles que carecen de la capacidad de ver la animación flash, pero muchas personas simplemente no quieren ser molestadas con ruidos inesperados y animaciones. Que la animación esté al mínimo y que sólo se utilice cuando sea necesario.

Si usted está empeñado con Flash o requieren animaciones, considere mudarse a HTML5, en su caso. Es un gran explorador compatible en la alternativa a Flash.

Accesibilidad

Asegúrese de que cualquier persona que visite su sitio Web se pueda ver independientemente del navegador o aplicación que esté utilizando. Con el fin de obtener un tráfico importante, su sitio tiene que ser compatible con varios navegadores y dispositivos. Con el crecimiento de los teléfonos móviles y dispositivos de tableta, la gente está navegando por Internet más que nunca. Asegúrese de obtener algunos de esos puntos de vista al permitir que todo el mundo pueda ver su sitio, no importa qué tipo de sistema ejecute o que navegador usen.

Conclusión:

El diseño y la usabilidad pueden y deben complementarse como disciplinas. Las ventajas pueden verse claramente desde ambos lados. Un buen diseño visual no excluye a la usabilidad sino que la favorece, del mismo modo que un alto grado de usabilidad y el respeto por los usuarios contribuyen a mejorar la imagen de cualquier empresa o institución.

Artículos relacionados:

Métodos de evaluación de usabilidad de su sitio

Usabilidad: Factor Clave del Rendimiento de un

Herramientas recomendadas para hacer tests de páginas de conversión

Los colores en la web diseño y usabilidad

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 5.632 seguidores

A %d blogueros les gusta esto: