Las páginas web accesibles aumentan las visitas, mejoran la posición en los buscadores y reducen costes.

usabilidad-web

Reproducimos un artículo muy interesante a la hora detener en cuenta a nuestros visitantes discapacitados o no. La usabilidad sigue siendo una asignatura pendiente en muchos diseños web, en este artículo que exponemos abajo se reflejan los beneficios de seguir unas sencillas normas de acceso a nuestra s web, esperamos nos aclaren algún detalle más.

Cada vez son más las web que incluyen recursos multimedia, pero son pocos los casos en los que se cumplen los criterios de accesibilidad.

Investigadoras de la Universidad Carlos III de Madrid (UC3M) han llevado a cabo un estudio que demuestra que hacer accesibles las páginas web a personas con discapacidad aumenta el número de visitas, mejora la posición en los buscadores, facilita la navegación y reduce el coste de mantenimiento.

Según las profesoras Lourdes Moreno, Paloma Martínez y Belén Ruiz, cada vez son más las páginas web que incluyen recursos multimedia, pero son pocos los casos en los que se cumplen los criterios de accesibilidad que marcan los estándares para los contenidos en la Red, como las normas WCAG 1.0 y WCAG 2.0.

“A grandes líneas habría que conseguir una cadena de requisitos de accesibilidad como incluir contenidos alternativos al recurso multimedia (subtitulado, audiodescripción), universalizar los formatos lo más posible y que todos estos contenidos se incluyan en la web siguiendo los estándares”.

Explicó Lourdes Moreno, que junto a sus compañeras trabaja en la definición de un soporte metodológico desde el punto de vista de la ingeniería, proporcionando recomendaciones sobre cómo diseñar y desarrollar una aplicación web accesible.

Ventajas

Las páginas web accesibles son más fácilmente navegables porque se puede acceder a ellas a través de una diversidad de dispositivos y no sólo desde el ordenador de sobremesa o portátil, señalaron las investigadoras.

Además, la accesibilidad web sigue principios de diseño separando estructura, presentación y contenido, lo que hace que estos sitios sean más consistentes y que sea fácil administrar su contenido, lo que reduce los costes de mantenimiento, porque se convierten en aplicaciones escalables con facilidad para los rediseños y las ampliaciones de contenidos, por ejemplo, añadieron.

Asimismo, las páginas accesibles suelen ocupar una buena posición en los buscadores de Internet porque incorporan semántica en el código fuente que puede ser interpretada por los motores de búsqueda.

“Esta semántica que se incluye al seguir las pautas de accesibilidad coincide con la que los algoritmos de los buscadores como Google utilizan para situar en los mejores puestos, lo que se traduce en un mayor número de visitas, además de cumplir la normativa en los casos marcados por la ley y no discriminar a ningún colectivo sensible de ser excluido en la sociedad de la información”

Apuntó Paloma Martínez.

A todo lo anterior habría que añadir que el usuario debe estar involucrado en todo el proceso de diseño de la aplicación, dijeron las investigadoras.

“No hay que quedarse sólo con las pautas de las WCAG, porque es importante llegar hasta el final de la cadena de la accesibilidad y servir los contenidos de manera universal atendiendo a las necesidades de todos los usuarios”

Agregó la profesora Moreno.

Fuente | Eroski.com

Enviar “toneladas” de información en la Red.

informacionporweb

Interesante y rápido vídeo sobre como transmitir de forma rápida, grandes volúmenes de información utilizando varias aplicaciones web.

TagBulb, buenísimo Buscador de imágenes OnLine.

tagbulb1

Hoy os traemos una herramienta muy útil para buscar imágenes en Internet, TagBulb. TagBulb es una herramienta online que funciona como un metabuscador de fotografías y videos, este buscador te permite hacer búsquedas de imágenes en los sitios de alojamiento más conocidos de internet desde su propia web, lo que ahorra mucho tiempo al no tener que estar ingresando en cada web de imágenes para hacer tu búsqueda.

Lo que tenemos que hacer es poner en la casilla el término o palabra de búsqueda para que el TagBulb comience a mostrar los resultados de  Flickr, Picasa,  Zoomr, 23, Riya, Webshots, Yahoo! y Imeem. Es verdaderamente sencillo y funciona como cualquier otro buscador. Solo tendremos que elegir el servicio en el que queremos hacer la búsqueda e introducir el término que queramos para que Tagßulb empiece a buscar.

Pruebala, verás que ofrece muchas posibilidades. Esperamos que te sea de utilidad.

Fuentes gratis Enlace | http://tagbulb.com

:) Esperamos que esta información te haya sido de utilidad. Un saludo, Diseño Web ProfesionalNet
(Si hay algún enlace roto, si simplemente estás agradadecid@ o si conoces algún dato importante que no esté y debiera de estar
aquí, por favor,  háznoslo saber en un rápido comentario, gracias!)

profesionalnet-disenoweb2

Webs de Tipografías Online #3: Dafont

tipografias-dafont

Traemos al blog a Dafont, una interesante web de tipografía online, que utilizamos a menudo, con una gran recopilación de tipografías gratuitas, todas ellas ordenadas temáticamente, alfabéticamente o por novedades, etc. Además ofrecen una práctica zona de herramientas de gestión de fuentes.

Nos aclaran en la web: Las fuentes que se presentan en este sitio web son propiedad de sus autores, y son freeware, shareware, versiones de demostración o de dominio público. La licencia que se  menciona en el “botón de descarga” no es más que una indicación. Si no hay ningún autor o  la licencia indica que no tenemos información, no significa que sea gratis …

Acceso rápido a Fuentes Tipográficas Dafont:

Para hacerte las cosas más fáciles, en todas las webs que encontramos y/o usamos habitualmente  cuando las recomendamoshemos, preparamos una biblioteca de enlaces directos por categorías para que elijas rápidamente la fuente tipográfica que buscas:

Logotipos Puedes buscarlas alfabéticamente: a b c d e f g h i j k l m n o p q r s t u v w x y z #

Fuentes gratis O por temática:

Fancy

Cartoon

Comic

Groovy

Old School

Curly

Western

Eroded

Distorted

Destroy

Horror

Fire, Ice

Decorative

Typewriter

Stencil,

Army

Retro

Initials

Grid

Various

Foreign look

Chinese, Jpn

Arabic

Mexican

Roman, Greek

Russian

Various

Techno
Bitmap

Pixel, Bitmap

Gothic

Medieval

Modern

Celtic

Initials

Various

Basic

Sans serif

Serif

Fixed width

Various

Script

Calligraphy

School

Handwritten

Brush

Trash

Graffiti

Various

Dingbats

Alien

Animals

Asian

Ancient

Runes, Elvish

Esoteric

Fantastic

Horror

Games

Shapes

Bar Code

Nature

Sport

Heads

Kids

TV, Movie

Logos

Sexy

Army

Music

Various

Holiday

Valentine

Easter

Halloween

Christmas

Various

25 Consejos para elegir el nombre del dominio.

consejos-nombredominio

Buscando información sobre como dar el primer paso en todo proyecto web, hoy publicamos una recopilación de 25 puntos importantes a tener en cuenta a la hora de registrar el dominio que nos ofrecen desde una web que visitamos habitualmente y que te recomendamos: hellogoogle.com. Algunos son obvios, otros no tanto y entre todos facilitan en gran manera hacer la elección correcta. Esperamos que te sean tan útiles como a nosotros:

check Consejo 1:

Registre el nombre de su dominio antes de comenzar el desarrollo de su Site. En el caso de dudar entre varios dominios, si puede permitírselo, regístrelos todos. En la página http://www.whois.org/ puede comprobar si el dominio en el que había pensado está libre y en caso de estar ocupado quién lo ha reservado. Si está realmente interesado en un dominio ocupado puede contactar con el propietario para comprobar la viabilidad de la compra, aunque el precio puede ser considerablemente alto. El dominio realstate.net fue recientemente vendido por 300.000$. El dominio music.com se encuentra a la venta por 10.000.000$, …

check Consejo 2:

Como primera opción, opte por utilizar el nombre de su marca en el dominio. Ej.: http://www.bmw.com

check Consejo 3:

El nombre de su dominio debe corresponder con el nombre de su Site, servicio, producto o empresa, de otra forma sus visitantes se encontrarían desorientados.

check Consejo 4:

Huya de los nombres de domininos genéricos. Si su empresa vende coches podría verse tentado a elegir un dominio como http://www.coches.com/ o http://www.vendocoches.com/. La percepción de la comunidad web de los dominios genéricos es poco positiva y la imagen de su empresa se vería perjudicada.

check Consejo 5:

El nombre de su dominio no debe ser un eslógan. Dominios como “Lamejorwebdelmundo.com” se perciben por la comunidad web como poco transparentes o fraudulentos.

check Consejo 6:

Un dominio fácil de recordar es un buen dominio. “Google” es fácil de recordar.

check Consejo 7:

Un dominio verbalizable es un buen dominio. “Google” se puede pronunciar de forma sencilla.

check Consejo 8:

Un domino con contenido semántico es un buen dominio. ¿Sabía que Google es una unidad de medida?

check Consejo 9:

Decántese por un nombre de dominio corto frente a uno más largo. Aunque es posible contratar un nombre de dominio de hasta 64 caracteres, un domino demasiado largo es inmanejable. Los dominios cortos son más fáciles de recordar y más rápidos de teclear. Un dato objetivo: No existen dominios .com libres de 1, 2, ó 3 letras. Sólo quedan disponibles 2.428 dominios .com de 4 letras, es decir, menos de un 10% del total.

check Consejo 10:

Tenga presente que Google asocia el Page Rank al dominio de una página. Cambiar de dominio puede suponer la perdida del PR que tenía.

check Consejo 11:

Si el dominio contiene de forma natural keywords relevantes en el nombre es una ventaja de cara a la indexación en los motores de búsqueda. No debe enfocar la elección de su dominio únicamente por los keywords que contiene. Evite la repetición de keywords en el nombre de dominios si no es absolutamente necesario.

check Consejo 12:

Evite los caracteres de separación “”,”_” en el nombre de su dominio. Ej: venta-de-coches-ocasion.com Conduce a errores cuando se transmite verbalmente. Son incómodos de escribir. Los buscadores desconfían de este tipo de dominos, no los indexarán antes ni mejor.

check Consejo 13:

Utilice sólo artículos y determinantes si el nombre de su Site o Empresa también los contienen. Tenga cuidado al utilizar la letra “x” en su nombre de dominio, algunos proxyes y firewalls pueden catalogar su Site como contenido para adultos.

check Consejo 14:

Si el nombre de dominio que buscaba está ocupado, utilice su imaginación. (http://www.domain-generator.net/)

check Consejo 15:

Sea distinto a su competencia, atrévase con nombres de dominio diferentes. Utilice la ingeniería de nombres:  Saque provecho de la fonética de las palábras, los doble sentidos, etc. Qué le parece welcome.to/sweden? o del.icio.us ?

check Consejo 16:

Aprenda de las webs más relevantes: Google, Yahoo, Overture, Blogger, Ebay, etc

check Consejo 17:

Elija el dominio “.com” como primera elección

  • . edu: Se asocian a organizaciones educacionales.
  • . gov: Organizaciones gubernamentales.
  • . mil: Organizaciones militares.
  • . net: Organizaciones que proveen infraestructura de red.  A partir de 1996 .net y .com han sido abiertas a cualquier organización comercial.
  • .org: Suelen atribuirse a organizaciones sin ánimo de lucro.
  • . int: Organizaciones internacionales.
  • Los dominios propios de un país (.es .uk, etc) son sólo aconsejables para empresas que desempeñan su función únicamente en ese país.

A los navegadores les gustan los dominios “.com”: Pruebe a escribir “hellogoogle” en su navegador. Los motores de búsqueda prefieren los dominios “.com” a los usuarios les gustan los dominios .com: Si alguien le pidiera que visitara la página de Hellogoogle su primera elección sería visitar “hellogoogle.com”.

check Consejo 18:

Saque provecho a los subdominios. El dominio por defecto es el www, pero puede configurar gratuitamente todos los subdominios que necesite:

Ej: foro.hellogoogle.com, noticias.hellogoogle.com, etc. Google también indexa los subdominios, pero no intente engañar a los buscadores utilizando los subdmoinios para crear múltiples páginas de entrada. Esta práctica está considerada como fraudulenta y puede ser severamente penalizado.

check Consejo 19:

Registre todas las variantes que le sean posible .es, .net, .org, .biz, .net… para evitar futuros conflictos con otros Sites.

check Consejo 20:

Utilice herramientas especializadas para el análisis de dominios.

Consejos-para-elegir-dominio Domain Typo Generator: nos permite conocer los errores más habituales en la escritura de un dominio.
Consejos-para-elegir-dominio Domain Name Generator: sugerencias sobre nombres de dominio.
Consejos-para-elegir-dominio http://www.domainsbot.com/: Una aplicación similar pero de otra compañía.
Consejos-para-elegir-dominioInternet Archive: Puede ser una herramienta interesante si acaba de adquirir un dominio expirado y le gustaría saber qué web había anteriormente

check Consejo 21:

Al contratar un dominio asegúrese siempre que el registro se realizará a su nombre. Hay empresas que le ofrecen mejores precios pero a costa de registrar el dominio a otro nombre. Esto puede generarle serios problemas legales en el futuro.

check Consejo 22:

Desconfíe. En el mercado de dominios todo vale. Al consultar sobre la disponibilidad de un dominio puede estar enseñando sus cartas a una empresa caza dominios. Actué siempre rápido y no de pie a que alguien se le adelante.

check Consejo 23:

Tenga siempre presente la fecha de expiración de su dominio. Existen muchas empresas especializadas en la compra y venta de nombres de dominio que están al acecho de dominios a punto de caducar. Un descuido en la renovación de dominio, puede tener consecuencias catastróficas para su empresa, haga la reserva por periodos largos.

check Consejo 24:

Pida la opinión de otras personas antes de tomar una decisión. Contar con varios puntos de vista le ayudará a elegir el dominio.

check Consejo 25:

Otorgue la importancia que se merece a la elección del dominio. Un nombre de dominio atractivo y elegante reforzará la imagen de su empresa en Internet, por el contrario un dominio poco acertado ofrecera una visión negativa a sus visitantes. Por lo tanto no escatime esfuerzos ni dinero, su empresa se lo agradecerá.

Via | Hello google

:) Esperamos que estos consejos sobre como registrar el dominio adecuado te sean útiles.
Un saludo,
Diseño Web ProfesionalNet
(Si hay algún enlace roto, si simplemente estás agradadecid@ o si conoces algún consejo sobre registrar el dominio que no esté, por favor,  aquí háznoslo saber en un rápido comentario, gracias!)

profesionalnet-disenoweb2

Diez tipografías a mano alzada.

fuentes-manoalzada1

¿Estás buscando nuevas fuentes interesantes? Esta es una lista de nuestras fuentes  preferidas, “a mano alzada”, que solemos utilizar en nuestros proyectos de diseño. Hemos incluido un enlace para descargar cada fuente por separado, y algunos consejos sobre cómo puedes utilizarlos.

1. Analgesics (Descargar)

tipografia-manoalzada-analg

Analgesics es una fuente de tipo “bold” font particularmente usada para diseño de encabezados o titulares.

tipografias-mano-alzada Enlace | Descarga Analgesics

2. Sketch Rockwell (Descargar)

tipografia-manoalzada-sketc

Esta fuente es una de nuestras favoritas, muy buena por su tamaño y grosor, para utilizar también en títulos y encabezados.
tipografias-mano-alzada Enlace | Descarga Sketch Rockwell

3. Joe Hand (Descargar)

tipografia-manoalzada-joe

Joe Hand es una fuente a mano alzada de tipo “rápida” muy bien usada para tamaños pequeños.
tipografias-mano-alzada Enlace | Descargar Joe Hand

4. Two Turtle Doves (Descargar)

tipografia-manoalzada-two

Two Turtle, otra fuente a mano alzada grande y muy útil en encabezados, títulos, …
tipografias-mano-alzada Enlace | Descarga Two Turtle Doves

5. Estrya’s Handwriting (Descargar)

tipografia-manoalzada-jellu

Una preciosa fuente diseñada por Jellyka Nerevan libre para uso personal.
tipografias-mano-alzada Enlace | Descargate Estrya’s Handwritting

6. Gregs Other Hand (Descargar)

tipografia-manoalzada-gregs

Gregs Other Hand,  un tipo de letra mayúscula que puede utilizar para la cabecera.
tipografias-mano-alzada Enlace | Descárgate Gregs Other Hand

7. Later On (Descargar)

tipografia-manoalzada-later

Later On una fuente que sugerimos utilizar en gran formato, por lo menos  a 42 para conseguir un mejor efecto.
tipografias-mano-alzada Enlace | Descárgate gratis Later On

8. Bubbly Frog (Descargar)

tipografia-manoalzada-bubbl

Bubbly Frog otra fuente muy recomendada para encabezados y títulos.
tipografias-mano-alzada Enlace | Descárgate Bubbly Frog

9. Rai Elegant (Descargar)

tipografia-manoalzada-rai

Rai es como su nombre indica, una fuente elegante que nos gusta utlizar en tamaños pequeños.
tipografias-mano-alzada Enlace | Descárgate Rai

10. Imitation (Descargar)

tipografia-manoalzada-imita

Imitation nuestra fuente favorita, impactante sobre todo en títulos y encabezados, fuerte, fresca y llamativa. Accede a la versión demo, versión completa 5$ donación.
tipografias-mano-alzada Enlace | Descárgate Imitation

:) Esperamos que estas fuentes te sean útiles. Un saludo, Diseño Web ProfesionalNet
(Si hay algún enlace roto, si simplemente estás agradadecid@ o si conoces alguna tipografía a mano alzada que no esté, por favor,  aquí háznoslo saber en un rápido comentario, gracias!)

profesionalnet-disenoweb2

Webs de Tipografías Online #2: UrbanFonts

tipografias-urbanfonts

Traemos al blog, UrbanFonts, una interesante web, que utilizamos a menudo, con una gran recopilación de tipografías gratuitas y de pago, todas ellas ordenadas por temática, alfabéticamente, por novedades, top descargas, más votadas, etc.  Además de utilizarlas, puedes comentarlas y votarlas.

Navega por las categorías más populares, top100, las más nuevas, dingbats, favoritos, fuentes de pago, etc.  Puedes encontrar las fuentes más usadas de la red y de los artistas más importantes: Adrian Frutiger, Adobe font, linotype font y fuentes como Arial, Helvetica, Times, Eurostyle, etc.

urbanfonts

descarga-google-chrome Acceso rápido a Fuentes Tipográficas UrbanFont:

Para hacerte las cosas más fáciles, en todas las webs que encontramos y/o usamos habitualmente  cuando las recomendamos añadimos una biblioteca de enlaces directos por categorías para que elijas rápidamente la fuente tipográfica que buscas:

Alfabétivcamente: ABCDEFGHIJKLMNOPQRSTUVWXYZ#
Por temáticas: 3DAdventureArabicAsianBeveledBrushCalligraphyCeltic Chinese – ComicComputerCurlyDecorativeDirtyDistortedDotted EmbossedFamousFireForeign LangFunkyFuturisticGothicGraffitiGreekHandwrittenHeadlineHolidaysJapaneseModernMonospacedOld EnglishOld FashionedOutlinePixel/BitmapRetroRoundedRussianSans-serifScary -SerifSophisticatedSquareStencilTypewriterUSAVariousWestern

Un saludo :) ProfesionalNet. Felicidades por tu Santo Alejandro, no nos hemos olvidado! ;D!!!

Diseño de páginas web

Descárgate Skype 4.0

descarga-skype-40

El software de telefonía y videoconferencia voIP que, de momento, pertenece a eBay ha sido actualizado a la versión 4, integrando nuevas mejoras y mayor estabilidad que su versión anterior.

La nueva versión del programa para Windows ha sufrido una gran remodelación estética pudiendo aunar en una misma ventana tanto la conversación como tus contactos y una videollamada.

Otro de los puntos fuertes de la nueva versión son la posibilidad de acceder a los contactos de Outlook, video de alta definición, multillamadas interactivas pudiendo estar hablando con varias personas a la vez, elegir con quién hablar o con quien no de forma instantánea y como colofón final, el poder disponer de una calidad de audio sin precedentes, según palabras de Skype

tipografias-mano-alzada Enlace | Descargar Skype 4.0 final desde el sitio oficial:

http://download.skype.com/SkypeSetup.exe

:) Esperamos que esta información te sea útil. Un saludo, Diseño Web ProfesionalNet
(Si hay algún enlace roto, si simplemente estás agradadecid@ o si conoces algún dato importante que no esté, por favor,  aquí háznoslo saber en un rápido comentario, gracias!)

profesionalnet-disenoweb2

KeyXL: Atajos de teclado

keyxl1

Keyxl.com es la mayor base de datos online de atajos de teclado del mundo, hay tantos que es mejor que visitéis por vosotros mismos el sitio para haceros una idea. Desde luego que conviene tener esta web en vuestros favoritos pues dispone de gran cantidad de atajos para software de Windows, Mac, Linux e incluso de algunas aplicaciones web como las que nos ofrecen los señores de Google (básicamente todo el conjunto: gmail, calendar, reader, etc.)

En el ordenador, los atajos de teclado (keyboard shortcuts) permiten realizar, con una combinación de teclas, operaciones que con el mouse podrían llevar varios pasos.

Muchos programas tienen sus atajos (especialmente útiles para tareas repetitivas) y en KeyXL hay una gran lista de estos trucos.

El sitio (está en inglés) tiene un buen sistema de búsquedas y ofrece atajos para softs que funcionan con los sistemas operativos Windows, Mac OS y Linux. Además tienen un práctico buscador para encontrar cualquier programa que contengan en su base de datos, así que si un día necesitáis dominar los entresijos de aplicaciones de escritorio para cualquier sistema operativo allí tenéis una referencia muy buena.