Las mejores plantillas para inDesign se pueden descargar del enlace que adjuntamos abajo. Son muy completas y en su mayoría gratuitas. Para descargarlas únicamente nos solicitarán pagar con un tweet o con un mensaje en facebook.

Aquí os dejamos el enlace:

Plantillas para inDesign

Tags:

El próximo jueves Facebook dará un evento para la prensa para presentar su rediseño.

Se supone una imagén nueva en la que recuperarían el cuidado por la experiencia del usuario. Pretenden aumentar los tiempos de conexión activa a la web haciendola más atractiva. También existe un interés por cuidad la publicidad, que sea lo menos molesta posible y se adecue al público especifíco.

Ya se han comenzado las pruebas en Nueva Zelanda, dónde algunos perfiles ya ven los nuevos cambios.

Los post en el perfil pasarían a estar al lado derecho, a una sola columna, mientras que en la parte de la izquierda se podría encontrar  información sobre el usuario, como por ejemplo su trabajo, dónde reside o dónde ha estudiado -información que ahora mismo aparece bajo la foto de perfil.

También se ha modificado la fotos o los amigos, que en vez de estar en una ventana con foto bajo la imagen de cabecera, reducen su lugar a una pestaña.

Habrá que esperar a la presentación del jueves 7 de marzo para que Facebook presente su nuevo rediseño y desvele todas las novedades,  es una incógnita qué papel jugará el nuevo buscador Graph Search en el rediseño de la red social.

Antes de terminar el mundo os queremos invitar a conocer tres diseños que nos han inspirado para futuros desarrollos web. Esperamos que os gusten y que tengáis un feliz año nuevo.

OWAIKEO

OwaikeO

 

LUCUMA

Lucuma

 

NOFRKS

NOFRKS Design Studio

 

 

 

 

Aquí tienes 20 ejemplos de páginas con efecto PARALLAX. Lo notarás cuando hagas scroll en ellas. ¿Tú web aún no tiene este efecto? ¡Pues pregúntanos!

 

1. Living Word

 

%tutke

 

2. Nike Better World

 

 

3. Dezignus

 

 

4. Sullivan NYC

 

 

5. Cultural Solutions UK

 

 

6. The Beatles Rockband

 

 

7. Smart USA

 

 

8. Emm and Enn

 

 

9. Convax Solutions

 

 

10. XHTML Slicing

 

 

11. Heart 2 Heart

 

 

12. Manufacture d’essai

 

 

13. Cantilever Fish & Chips

 

 

14. Art of Flight

 

 

15. Billy’s Downtown Diner

 

 

16. Phase 2 Design Studio

 

 

17. Tennessee Trails and Byways

 

 

18. Jan Ploch

 

 

19. Campaign Monitor is Hiring

 

 

20. Smokey Bones

 

Las marcas en Facebook tienen una variedad de formas para hacer llegar su mensaje a más gente. Pero ¿qué pasa con los usuarios regulares? Facebook está ampliando sus pruebas en una manera de permitir a los usuarios a pagar por una mayor exposición de sus actualizaciones de estado.

En mayo, los usuarios de Facebook en Nueva Zelanda se dieron cuenta de esta nueva característica. La gente podía pagar unos cuantos dólares para resaltar los mensajes, con el fin de asegurar que más de sus amigos los vieran. Facebook señaló en mayo que acaba de anunciar esta prueba para evaluar el interés en la función. Según The Next Web, Facebook ha ampliado la prueba para seleccionar los usuarios de todo el mundo.

Aquí está la declaración de Facebook al respecto:

Estamos ampliando una prueba que comenzó el pasado mayo, que permite a las personas a pagar para promover una actualización de estado para que más amigos pueden verlo en su feed de noticias. Estamos constantemente probando nuevas características en el sitio. Esta prueba en particular es simplemente para evaluar el interés de la gente en este método de compartir con sus amigos. Un portavoz de Facebook dijo que la empresa no se detalla cuántos usuarios tienen esta capacidad, ni qué lugares. Esto no debe confundirse con la función de resaltado libre que hace que los mensajes más grandes en las páginas.

Una aplicación móvil iOS a menudo tiene un sitio web asociado a él. Este sitio web es a menudo con fines promocionales y de información (es decir, para compartir información acerca de la aplicación, para ofrecer ideas sobre cómo los usuarios se beneficiarían de la aplicación, para alojar videos y capturas de pantalla de la aplicación, etc.)

En este escaparate, usted encontrará sitios hermosos de diferentes aplicaciones de iPhone, IPAD y el iPod como fuente de inspiración de diseño web.

 

Dueto

iOS aplicación de diseño web: Dúo

Papel

iOS aplicación de diseño web: Papel

Instagallery

iOS aplicación de diseño web: Instagallery

Postmates

iOS aplicación de diseño web: Postmates

blip.me

iOS aplicación de diseño web: blip.me

76 Sintetizador

iOS aplicación de diseño web: 76 Sintetizador

OATBook aplicación para iPhone

iOS aplicación de diseño web: App OATBook iPhone

Fontain

iOS aplicación de diseño web: Fontain

Opuss

iOS aplicación de diseño web: Opuss

Día uno

iOS aplicación de diseño web: Primer día

lote

iOS aplicación diseño de sitios web: por lotes

Vuelo tarjeta

iOS aplicación de diseño web: Tarjeta de Vuelo

dribbblr

iOS aplicación de diseño web: dribbblr

Kinotopic

iOS aplicación de diseño web: Kinotopic

Nizo para el iPhone

iOS aplicación de diseño web: Nizo para el iPhone

Jambalaya

iOS aplicación de diseño web: Jambalaya

Snapette aplicación

iOS aplicación de diseño web: Snapette aplicación

Keypoint

iOS aplicación de diseño web: Keypoint

Facecard aplicación para iPhone

iOS aplicación de diseño web: App Facecard iPhone

Domino cuadro de aplicación

iOS aplicación de diseño web: App Facecard iPhone

Bord

iOS aplicación de diseño web: Bord

El Manual de Tipografía

iOS aplicación de diseño web: El Manual de Tipografía

Momento

iOS aplicación de diseño web: Momento

forkly

iOS aplicación de diseño web: forkly

Peso Lite iPhone App

iOS aplicación de diseño web: Peso Lite iPhone App

Notica

iOS aplicación de diseño web: Notica

Sipp

iOS aplicación de diseño web: Sipp

Camino

iOS aplicación de diseño web: Ruta

Luminancia

iOS aplicación de diseño web: Luminancia

iStudiez Pro

iOS aplicación de diseño web: iStudiez Pro

Top 10 de las plataformas de blogs gratuitas en línea

Un blog es una gran manera de expresar sus pensamientos, crear una presencia en la web para su empresa y dar contenido a los usuarios de Internet.

Si usted está pensando en crear un blog, pero no quieren entrar en las molestias de hosting, desarrollo y despliegue de usted mismo, considere la creación de un blog en cualquiera de las plataformas de blogs gratuitas se mencionan a continuación. Estos servicios ofrecen una gran cantidad de características y por lo general vienen con ambos planes, así como libres de pago.

Echemos un vistazo a los 10 más populares en línea de publicación de blogs de servicios.

 

1. WordPress.com

WordPress.com

WordPress.com es quizás la más rica en características servicio de blogs ahí fuera. Utiliza la popular web de código abierto de software de WordPress , y ofrece muchas características en su versión gratuita – Estadísticas de tráfico, filtros anti-spam, SEO, temas hermosos y más.

Si usted elige utilizar WordPress.com, estarás en buena compañía, ya que muchos blogs populares, incluyendo Ticker político de la CNN , la gente mira la revista Estilo yFlickr , son en esta plataforma.

Si necesita más de lo que la versión gratuita ofrece, usted puede optar por sus características de primera calidad que incluyen dominios personalizados y actualizados que los recursos de alojamiento web y mucho más.

Si usted es un blogger experto o un principiante, esta plataforma de blogs final es una apuesta segura.

2. Blog.com

Blog.com

Blog.com es otro popular WordPress potencia plataforma de blogs.

Al igual que otros servicios, tiene su propia cuota de ventajas y desventajas. Para empezar, ofrece muchos temas de primas hermosas en sus cuentas gratuitas, así como los plug-ins avanzados que uno sólo puede esperar en un blog alojado en sí mismo. Sin embargo, a la baja, el servicio gratuito muestra más anuncios con respecto a WordPress.com. (Sin embargo, usted puede optar por pagar las actualizaciones para eliminar los anuncios.)

El espacio de almacenamiento gratuito que ofrece el Blog.com es de 2GB en el plan básico, que es menor en comparación con 3GB de que WordPress.com ofrece a sus usuarios.

3. Blogger

Blogger

Google Blogger es un servicio de blogs muy conocido que ofrece muchas características para sus usuarios. Por ejemplo, Blogger viene con una interfaz de usuario de plantillas de diseño que le permite modificar la apariencia de tu blog tanto como usted desee. (Sin embargo, las plantillas son, en mi opinión, no hay coincidencia respecto a los temas de WordPress ).

Cuando se trata de la facilidad de uso, la mayoría de los principiantes prefieren Blogger, ya que ofrece una interfaz sin sentido para la administración de tu blog y la integración de primera categoría con su cuenta de Google. Otra gran cosa acerca de Blogger es que ofrece algunas características excelentes de forma gratuita que normalmente tiene que pagar en otros servicios de publicación de blogs, que destaca la capacidad de crear dominios personalizados sin tener que pagar un centavo.

4. TypePad Micro

TypePad Micro

TypePad Micro es otro blog gratuito de publicación de servicios. La interfaz es fácil de usar, y puede importar / exportar el contenido de muchas otras plataformas de blogs.

Sin embargo, en términos de add-ons y los temas ofrecidos, TypePad Micro no satisfará incluso a los blogger más básico. El más barato plan de pago comienza en $ 8.95 por mes y viene con temas adicionales, la cartografía de dominio personalizado, así como apoyo técnico.

En una época en que casi todos los servicios de blogs ofrecen numerosas prestaciones en sus versiones libres, TypePad Micro parece estar quedando atrás.

5. Jux

Jux

Jux es un servicio innovador que le permite compartir fácilmente contenido en línea.Convencionalmente hablando, no es un servicio de blogs como los mencionados anteriormente, sin embargo, tiene una gran cantidad de las mismas funcionalidades.Por el contrario, Jux te permite crear tu propio sitio de microblogging para compartir su contenido.

De forma predeterminada, las plantillas de Jux no tienen las barras laterales nativos y otros widgets que son comunes a la mayoría de los blogs. En su lugar, proporciona una limpieza Jux (y hermoso) aproximación a los blogs. Sólo tienes que crear una cuenta, y luego empezar a compartir su contenido.

Mientras Jux parece increíble y tiene un excelente soporte para dispositivos móviles, puede que no sea al gusto de cada uno de té. Por ejemplo, si usted está pensando en crear un blog más convencional, optando por WordPress podría ser una mejor opción.Por otro lado, si usted está más inclinado hacia el contenido visual, como fotografías y obras de arte, sólo puede Jux te sorprenderá con sus características.

6. Tumblr

Tumblr

Tumblr es una plataforma de microblogging popular y con multitud de funciones. Viene con muchas características excepcionales e interesantes, tales como blogs de audio (para compartir su música, por ejemplo), libres de dominios personalizados, cientos de temas increíbles blogs y mucho más.

Además, puedes sincronizar tu cuenta de Tumblr con Facebook y / o Twitter para que puedas actualizar los documentos de los medios de comunicación social en una única ubicación. Sin embargo, otra característica impresionante es la capacidad de crear una comunidad impulsados ​​por los blogs del grupo. Tumblr también ofrece soporte para muchas aplicaciones de terceros como Google Analytics y Feedburner .

7. Espacios Posterous

Espacios Posterous

Espacios Posterous es un excelente blog en línea de publicación de servicio que es similar a Tumblr.

Espacios Posterous tiene excelente nivel de privacidad y características de visualización de modo que usted puede controlar quién puede ver lo que en su sitio Espacios Posterous. Está diseñado para permitir a sus usuarios publicar contenido de forma rápida y como sin problemas como sea posible, por lo que tiene un montón de características incluidas para facilitar esta, tales como libres de aplicaciones móviles para iOS y Android teléfonos inteligentes para que puedas actualizar tu blog en el camino y un sencilla, bien diseñada interfaz de usuario.

Uso de Espacios Posterous significa que usted estará en buena compañía; populares nuevas empresas de alta tecnología como MailChimp , TweetDeck y Airbnb aprovechar Posterous como su blog de ​​la compañía.

8. Blogetery

Blogetery

Blogetery es un servicio impulsado por WordPress blogs en línea que ofrece un modesto conjunto de características. Las cuentas gratuitas recibe cerca de 140 temas, la cartografía de dominio personalizado y plugins cerca de 40 para elegir.

En Blogetery, se muestran los anuncios en todos los blogs gratuitos, pero si desea realizar la actualización, se puede optar por el plan de pago que le costará $ 3.50 por mes y le dará otros temas, plugins, soporte de e-mail, 5 GB de espacio de almacenamiento adicional, la capacidad de eliminar los anuncios, etc

9. Weebly

Weebly

Weebly ofrece algo más que los blogs – es un constructor de sitio web con todas las funciones! Gerente de Weebly el blog cuenta con una interfaz de arrastrar y soltar, soporte para galerías de imágenes y presentaciones de diapositivas , video / audio, mapas, etc Además, puede optar por la plataforma de diseño que le permite crear sitios web para su cliente, con lo que la utilización eficaz de Weebly como un sistema de gestión de contenidos .

10. LiveJournal

LiveJournal

LiveJournal (a menudo abreviado como LJ) ofrece blogs con un toque de red social a la misma. Usted puede participar en las encuestas, creación de redes e interactuar con otros usuarios de LJ, junto con tu blog.

Con esto dicho, las características, en comparación con otros servicios de blogs similares, no son nada para presumir. Su colección de la plantilla es decente, y los plugins y extensiones son bastante básicas en la naturaleza.

Otras plataformas de blogs en línea

Aquí hay otras plataformas de blogs que no llegaron a nuestra lista de los 10 que aún se podría ver:

  • Blogsome , freeblogit y buceo Blog de ​​WordPress hay otros impulsados ​​por plataformas de blogs.
  • Thoughts.com es un servicio similar a Tumblr y Posterous.
  • Blog.co.uk parece tener una comunidad maravillosa, pero parece que poner un montón de anuncios en su blog.
  • MyBlogSite parece interesante, pero parece carecer de características en comparación con otras opciones.
  • Aeonity ofrece alojamiento gratuito de blogs, pero se ve como un servicio de fechado.

Conclusión

Hay numerosos servicios de blogs por ahí, y la elección de una específica es más una cuestión de gusto personal y sus necesidades.

Para la seguridad y el éxito de tu blog , te recomiendo pegarse a servicios de blog en que sean bien conocidos y de confianza.


Será la guerra de navegadores invaden la Web Móvil?


Cuando se trata de la aún incipiente Web Móvil reino, creo que todos deberían estar indignados por el teléfono de Windows 7.5 problemas puede desencadenar.

 

Como cualquiera, tenía curiosidad por lo que Windows Phone 7.5 (nombre en códigoMango) - una actualización de software para móviles de Microsoft sistema operativo del dispositivo – traería a la parte frontal de Web Móvil. Soy un diseñador de páginas web, por lo que este tipo de cosas me puede afectar profesionalmente.

Mi interés real en Mango se encuentra en su navegador web, Internet Explorer Mobile 9 . ¿Cómo se sostienen? Sin duda, un mejor rendimiento que su predecesor, pero no pasó mucho tiempo para comenzar a encontrar problemas de representación en algunos sitios web, a pesar de que estos sitios estaban muy bien en otros dispositivos.

Un poco de historia

Hasta hace poco, eran sin duda los únicos tres jugadores importantes en el mundo de dispositivos móviles: BlackBerry, iPhone y Android. Estos dispositivos siguen teniendo una gran parte de usuarios de teléfonos inteligentes - el 73% de la cuota de mercado de los sistemas operativos móviles en el segundo trimestre de 2011 – Microsoft está tratando de mantener las cosas relevantes con su último sistema operativo móvil.

Fuente: Wikipedia

Un poco de competencia en la floreciente industria móvil es buena y todo, pero – y tal vez deberían sentarse para esto – cuando Windows Mobile 7 (el predecesor de Mango) enviado en noviembre de 2010, el navegador incorporado en IE Mobile fue 7 – una no respetar las normas-tirón de un navegador que fue puesto en libertad en cuatro años anteriores.

Cuatro años. Piensen en eso. En los años de Internet que es como una década y en los años de tecnología móvil que es como 432 siglos. IE7 es antiguo! Claro, era mejor que el IE6 , pero aún así es una burla de los estándares web, y carece de un montón de grandes características que tienen todos los navegadores modernos. Se siente como un crimen para añadir IE7 específicos de hojas de estilo para un sitio o aplicación móvil moderno. Pero esa es la realidad.

Mango ahora se lanza con IE9 adaptado a su sistema operativo móvil (llamado IE Mobile 9). Aunque esto es por todos los medios un navegador moderno, que estásiendo representando las páginas de manera diferente y romper una web bonita.

Por qué es importante

Parece como si el espacio móvil está empezando a repetir lo que hemos visto en las actuales escritorio guerra de los navegadores .

Cuando IE6 era el rey , que tenía más del 75% de cuota de mercado. Con IE5.5 combinado, que era 95%.

Lo que un tiempo increíble que era que los sitios web: Usted puede crear y probar un sitio web con un navegador web sin sentir que sus responsabilidades de desarrollo web estaban siendo eludida. Usted puede estar seguro de que el 95% de los usuarios de Internet que ven la misma cosa.

Esa burbuja estalló cuando la gente comenzó a adoptar otros navegadores, y finalmente llegamos a donde estamos hoy.

Personalmente, trato de poner a prueba un proyecto de sitio web por lo menos 5 navegadores de escritorio específicos. Es un trabajo mucho más, sobre todo si el cliente necesita para apoyar a los navegadores más antiguos.

La burbuja de WebKit

En Mobile, todavía estamos en la especie de que la burbuja feliz! WebKit , un popular navegador de código abierto del motor, es grande. Es la columna vertebral del navegador de BlackBerry (OS6 +), Apple Safari (para el iPhone) y el navegador web incorporado en dispositivos móviles Android.

Sitios móviles hechas para estos dispositivos en general, se parecen y actúan de la misma. (Aunque todavía debe probar en varias plataformas y dispositivos.)

Será la burbuja estalló?

Ahora hay de Microsoft. Por favor entiendan que yo no soy un enemigo. Respeto a la empresa y sus contribuciones a la manera en que utilizamos la tecnología de hoy. Ellos han tenido un impacto enorme y muy positivo en las tecnologías de la informática, juegos e Internet.

Forma única de su navegador de Web site de representación, por el contrario, crea problemas. Por primera vez desde 2005, que casi tenía una base estándar para construir sitios web – pero me temo que Microsoft tiene un peso suficiente y los usuarios inclinar la balanza hacia su favor, y el trabajo de entrar en sitios web de productores se multiplicarán de nuevo.

Normas universales para navegadores móviles

Windows Phone no se ha terminado todavía, a pesar de que la empresa que lo desarrolla tiene mucho peso en el mundo de la tecnología.

Todo depende de nosotros para molestar a amigos, familiares y clientes en la instalación de una solución por parte de WebKit en sus dispositivos móviles de Windows. Por ejemplo, darles a conocer Zetakey , un navegador basado en WebKit que puede funcionar en dispositivos Windows Mobile.

O, si usted se está sintiendo muy amargo, puede empezar a añadir esto a sus diseños web para móviles :

  <style> * {Display: none;} - <[si IEMobile]!> </ Style> <! [Endif] ->

¿Eso es demasiado extrema?

¿Estoy diciendo WebKit debería ser el motor del navegador solo hecho de que la web móvil se basa en? No. Yo sólo plantean este punto, ya que, en el espacio móvil, estamos tan cerca de un motor de navegación universal, en estos momentos.

Yo personalmente estaría de acuerdo, literalmente, cualquier punto de vista universal.Yo sinceramente en lugar de que IE6, una vez más ser el estándar mundial del 95%, que tener que seguir adaptándose a las exigencias cada vez mayores que se están agregando a la media de los proyectos. Como diseñadores de páginas web modernas, estas son sólo algunas de las cosas que nos enfrentamos:

  • Las pantallas están al mismo tiempo cada vez más grande y más pequeño.
  • Tenemos que tener en cuenta estándar de ratón y teclado, los usuarios de pantallas táctiles y las consideraciones de accesibilidad.
  • Debemos ser sensibles al contexto, social, y hacer uso de las tecnologías web emergentes, como la geolocalización y diseño de páginas web sensibles .

Las exigencias de los modernos sitios web para móviles y aplicaciones web móviles son graves. Titingó navegadores difíciles en la cima de todo esto es ridículo.

Navegadores de Internet han estado alrededor por cerca de veinte años – el hecho de que dos navegadores puede hacer que el mismo código radicalmente diferente es una locura.

Tenemos que unirnos y demandar un navegador estándar mejor.

Vía: sixrevisions.com

 

Nelson Novaes Neto es el jefe de seguridad informatica de la empresa brasileña UOLDiveo (que forma parte del mayor provedor de acesso a Internet de Brasil) y desde hace unos días un tipo con muchos amigos.

Este ingeniero informatico mostró en la pasada conferencia de seguridad Silver Bullet celebrada en São Paulo cómo es posible, en menos de 24 horas, lograr que una persona cualquiera acepte una petición de amistad de otra persona gracias a la ingeniería social.

La técnica es inusual y va completamente en contra de los términos de uso de Facebook, pero muestra exactamente cómo los usuarios pueden ser manipulados.

Usando su método, se las arregló para convencer a un hueso duro de roer, una experta en seguridad web llamada “SecGirl” a la que no conocía para nada, para que aceptara una solicitud suya de amistad. De hecho, dice que puede conseguir que cualquier persona acepte una solicitud de amistad de su parte. En 24 horas.

Aunque el resultado llegó antes de lo esperado: el especialista fue capaz de añadir a la persona a su lista de contactos en sólo siete horas. ¿Cómo lo hizo?

amigos facebook

Para acercarse a SecGirl, Novaes, literalmente, clonó el perfil de una persona muy cercana a la chica, su jefe en el trabajo (mismo nombre, imagen similar, etc…). A continuación, envió solicitudes de amistad a los amigos de los amigos del jefe de su lista de contactos.

Envió la friolera de 432 solicitudes y obtuvo 24 confirmaciones dentro de la siguiente hora. Lo notable es que el 96% de las personas que aceptaron la solicitud de amistad ya tenía el verdadero dueño del perfil en su lista de amigos ( la misma persona en la lista dos veces).

En la siguiente hora, el investigador se dedicó a mandar peticiones de amistad a los amigos directos del jefe, sin grados de separación. De las 436 solicitudes, el perfil falso se aceptó por 14 personas (una vez más, todos ellos tenían el perfil original en su lista de contactos doblado).

Siete horas después del comienzo del experimento, la petición de amistad de Nelson en Facebook  era aceptada por SecGirl. Según el experto, la gente simplemente ignora la amenaza que supone agregar perfiles sin comprobar si son ciertos. No sólo por la perdida de la privacidad, sino también por la posibilidad de perder el perfil completo.

Con la información obtenida al establecer una amistad con alguien, es posible apropiarse de una cuenta legítima de Facebook al utilizar el sistema de recuperación de contraseñas “Tres amigos de confianza” que incorpora el sistema. Con este mecanismo, simplemente se seleccionan a 3 amigos de la lista de contactos y cada uno de ellos recibe un código secreto.

Sólo con esos códigos mágicos -que debemos pedirles para recuperar nuestra cuenta- Facebook nos permitirá cambiar la contraseña. “A través de la herramienta de recuperación de contraseñas un hacker puede cambiar las claves, y después utilizar la cuenta hackeada para hacer ataques de ingeniería social contra otras cuentas” afirma la web norteamericana Ars Technica, que se ha hecho eco del caso.

Un portavoz de Facebook se puso en contacto con Ars Technica por correo electrónico afirmando que el enfoque del Sr. Neto es una clara violación de las políticas de la empresa y que “anima a los usuarios de Facebook a informar de cualquier cuenta que crean que puede estar utilizando un nombre falso”.

El portavoz de Facebook también dijo que el sistema de los “tres amigos de confianza” incluye protectores que reducen la probabilidad de que una persona con cara de brasileño (y ganas de abrazos) se convierta en uno de los amigos íntimos utilizados para la recuperación de nuestra vida digital en azul marino.

Fuente: UOL noticias Ars TechnicaSilver Bullet Conference y Cookingideas

En el diseño web, la posición de los elementos de diseño y el diseño de las páginas web es todo. Así que muchas técnicas de fresco, excitante están disponibles para ayudarnos a diseñar nuestros diseños (sobre todo con CSS3 a nuestra disposición ) que a menudo olvidamos que la estructura es tan importante como la estética.

¿Cómo se determina que el contenido debe aparecer, y cómo puede una bien engrasada aumento de la interfaz de lectura sitio web? Esto es lo que vamos a fin de descubrir en este artículo.

 

Vamos a examinar una técnica básica que podría ayudarle a mejorar su flujo de contenido general, y, a falta de un término mejor, voy a llamar a esta técnica al principio proxority (una palabra baúl que combina la “proximidad” y ” prioridad “).

Comunicación a través del diseño

Los diseñadores ya entender que las relaciones entre los objetos de una cuestión de página. Es por eso que cuando creamos un diseño, pensamos en la jerarquía visual ,peso visual , psicología de la Gestalt , el carácter distintivo de los elementos importantes y otros principios que afectan a las relaciones entre los distintos componentes de una página web. Es una de las razones por las que tienden a ser neurótica cuando se trata de menús de navegación , los encabezados o pies de página.

Con tantas cosas que pasan dentro de la página web promedio, para obtener el contenido correcto a los usuarios en el lugar correcto y en el momento adecuado es todo un logro!

Si el contenido no está estructurado adecuadamente, no puede haber una serie de inconvenientes, tales como:

  • Información crítica se pierde o se salta
  • Problemas de interacción con el usuario como la propensión a error o confusión
  • Reducción de la accesibilidad web de los lectores de pantalla

El principio proxority, en pocas palabras, emerge la idea de que si somos capaces de priorizar el contenido para asegurarse de que el material más relevante es visible y atractiva, los usuarios inmediatamente se sentirán atraídos por él.

Este principio afirma que todo el contenido relacionado, importantes deben ser agrupadas o unidas siempre que sea posible para permitir el flujo y la retroalimentación.

El arte de esta técnica no está en la teoría, porque a menudo exponer el contenido lógicamente como la escritura (títulos, subtítulos, viñetas, etc), sino que en la etapa de planificación.

Proxority Principio de Navegación del Sitio

Considere la posibilidad de algo así como un menú de navegación . Una de las primeras cosas que hacemos cuando se produce la arquitectura de la información de un sitio es para organizar las páginas y los enlaces en una estructura coherente, después de lo cual se añade categorías o secciones en su caso.

Esta técnica conduce al desarrollo de los menús desplegables y otras ayudas de navegación única que nos ayudan a contenido se unen, además, que carece de proxority.

En la planificación de los menús de navegación, se debe prestar particular atención al valor de las páginas y sus conexiones, con el fin de hacer un ejemplo perfecto de proxority en acción.

Esta técnica en particular funciona para cualquier tipo de sitio web, así que si estás escalando una gran disposición de servicio pesado, pero el contenido de luz (como Amazon) o un diseño con contenido pesado, pero disponen de luz (como un blog), la técnica debe ser de uso.

Mejor aún, el principio puede ayudar a organizar la arquitectura de su sitio web la información, el proxority entre las páginas es tan importante como lo que existe en las páginas individuales.

Si usted se encuentra luchando para determinar dónde se deben colocar cosas,esta guía estratégica le ayudará.

Prioridad: Incrementar el mejor, lo peor de la mala hierba

Muchos de nosotros sabemos muy bien los beneficios de la prioridad. La prioridad que damos a nuestros contenidos juega un papel muy importante en la percepción del valor que tiene en una página.

Un logotipo de sitio / nombre, por ejemplo, es reconocible por su ubicación preocupantemente elevados, por lo general en la parte superior izquierda de la esquina, y mantiene la visibilidad en esa posición en cada página de un sitio web.

Un logotipo debe ser dominante sobre todos los demás objetos en una página.Esa es su proxority.

Tasa de valor de cada elemento

Para identificar qué partes de una página web son los más críticos e importantes, tenemos que comenzar por examinar todos los objetos de un diseño, no importa cuán pequeño.

Tasa con base en su valor percibido (de acuerdo con lo que los visitantes necesitan saber o es probable que quieren saber) y su valor funcional (de acuerdo con lo que las contribuciones que hacen a la página web, tales como la funcionalidad o la publicidad).

Usted puede hacer esto, ya sea tomando una captura de pantalla (o impresión) de toda la página y anotar, o mediante la producción de una lista de todo lo que aparece en una página. Este ejercicio le ayudará a evaluar el valor de los contenidos de su sitio web.

Imágenes de la tasa, los medios de comunicación, el contenido (en un nivel de párrafo), y todo lo demás de acuerdo con este sistema de numeración:

Clasificación Descripción del Elemento
1 El sitio web no puede funcionar sin este.
2 Esto agrega beneficios, pero no es esencial.
3 Este suplemento o reitera el contenido.
4 Este es un espacio redundante o residuos de alguna otra manera.

Eliminar los elementos innecesarios

Una vez que haya pasado por todo, revisar los resultados.

Antes de ir más lejos, es probable que vale la pena mencionar que si usted encuentra el contenido, enlaces u objetos que ya no son útiles o no aportan nada, eliminarlos.

Eliminar el desorden de una interfaz es difícil, pero el reduccionismo mejora la experiencia general del usuario de un sitio web.

Para los elementos de potencia de un 3, la eliminación puede ser un poco duro, así que considera cambiar la redacción o colocar las cosas en conjunto para agregar valor.

Este sitio web se encarga de su información crítica en segmentos claramente definidos para facilitar la lectura.

Después de identificar las cosas que se pueden eliminar, se fusionaron o se mueve, mira todo lo que ha dado una calificación de 2. Estos elementos pueden ser los más difíciles de tratar porque desea que los visitantes se benefician de ellos, pero no quiere sobrecargar a ellos.

Una solución a dar a estos los necesitan, pero los elementos no esenciales una proxority apropiado es el uso de la revelación progresiva : que los contenidos aparecen en la demanda con los menús desplegables o herramientas, o la pantalla más abajo en la página de modo que aún está disponible pero menos prominente .

Muchos sitios web utilizan la revelación progresiva de evitar inundar a los usuarios con los detalles.

Proximidad: Flujo, diálogo y Funcionalidad

Hemos considerado la importancia de priorizar todos los activos en su página, la identificación de los bits que tienen más influencia que otros, lo que elimina la pelusa que se ha acumulado, la combinación de material débil en una estructura fuerte y empujando los datos menos críticos fuera del campo de visión.

Ahora tenemos que tener todo el contenido restante y seguir adelante con la segunda parte del proceso: para conectar todo lógica y poner todo de nuevo juntos, como si se tratara de un rompecabezas – o un libro de cuentos, donde la trama se desarrolla en los puntos consecutivos .

Usted debe quedarse con todo lo que tiene que estar en su sitio web, en su forma más diluida, con un contenido adicional o escondido en la página o en espera de información sobre herramientas y cuadros de datos extensible.

Tasa de elementos importantes en relación con los demás

Repasa todo lo que se ha asignado rangos de 1 y 2, y el rango de nuevo, todo de acuerdo a número de orden en que creen los lectores necesitan saber acerca de ella.

Si todo termina donde debe terminar, todo tendrá sentido cuando usted lo lee en voz alta.

Los desarrolladores y diseñadores de este sitio web entiende claramente la necesidad de la organización y la retroalimentación.

Rediseño

Una vez que tengas todo lo marcado, volver a barajar su código fuente para que coincida con el orden de lectura. Preste atención especial a los bits de contenido que se conectan o dependen de otras piezas de contenido (como las leyendas de la imagen), y los puso tan cerca como sea posible.

A continuación, realice los cambios necesarios en su CSS y JavaScript.

Proxority: ejemplos y pautas de acción

Muchos sitios web ya mostrar lo que yo defino como proxority alto que tener mucho cuidado al utilizar las técnicas que dan cuenta de la prioridad (para llamar la atención a ciertos elementos) y proximidad (lo que las reacciones se presentan directamente al lado de o por encima de los objetos que interactúan con) .

A continuación se presenta una muestra de algunos ejemplos de las mejores prácticas en uso. Algunos hemos mencionado brevemente antes, y otros se han introducido aquí. Siguiendo las prácticas análogas, puede evitar la confusión del usuario y aumentar la eficiencia de lectura.

Utilizando la revelación progresiva para seguir el progreso de un formulario:

Informar a los visitantes de los errores a medida que entran los datos:

Los menús desplegables expansión cerca del icono del cursor:

Objetos de entrada desactivar una vez que han sido sometidos a:

Las barras de progreso que muestra el progreso de carga:

Contenido o cajas de luz en expansión en la interacción del usuario:

Proxority: Origami para la Web

El principio postula proxority que todo lo que encuentres en una página web se puede asignar un valor y un lugar en la secuencia, en relación con los objetos que lo rodean. Esta idea ha existido desde los primeros días de la Web, pero los diseñadores de muy pocos pagan lo suficiente atención. Piense en lo que realmente se necesita, donde se necesita y cuando debe aparecer (en lugar de simplemente poner todo el contenido en la pantalla, en su totalidad, en un orden que “se ve bastante”). La necesidad de tales técnicas es cada vez mayor, sobre todo dada la proliferación de dispositivos de mano y la idea de diseñar un “móvil en primer lugar” la filosofía.

Si el contenido no es digno de un diseño móvil restrictivas, por qué es necesario en el diseño de escritorio?

Si usted tiene diez minutos libres, dar a esta simple actividad de un intento. Ir a través de su sitio web y nada de malas hierbas que no está ofreciendo lo que debería. Hacer que los objetos existentes proporcionan un mayor valor a los usuarios (o menos espacio), y no tenga miedo a reorganizar su código y su contenido para asegurarse de que lo que se necesita es lo que parece. Ah, y si usted se siente tentado a hacer acciones provocan respuestas, asegúrese de que los usuarios sepan que su sitio web es la respuesta, después de todo, usted no quiere que pulsar “enviar” diez veces en una fila, sólo para fallar.