¿Cómo hacer un formulario usable?

¿Cómo hacer un formulario usable?

¿Cómo hacer un formulario usable?

En un anterior post, ya vimos cómo diseñar un formulario. En esta ocasión vamos a profundizar un poco más en el funcionamiento.

Seguramente el formulario es la página que más peligro tiene en una web. Hay veces que enfrentarse a él produce tanto cansancio que preferimos irnos y abandonar en nuestro empeño de registrarnos. Es muy importante hacer que un formulario sea usable, de ello dependerá en gran medida el éxito de nuestro negocio.

Estas son algunas de las claves fundamentales para que un formulario sea usable:

(más…)

Share and Enjoy !

Shares
Conoce tu web con Google Analytics

Conoce tu web con Google Analytics

Google Analytics, además de ser un gran producto es gratuito, y bien usado, puede ayudarnos a ganar dinero.

Después del trabajo que lleva diseñar, maquetar y programar una web, es un lamentable error quedarse tras el monitor esperando a que nuestros clientes comiencen a llamar a nuestra puerta.

Una vez creada la web, podemos empezar a promover la optimización en los resultados en buscadores, meter AdWords en nuestra página, pero todo esto lo tenemos que saber conociendo los usos de nuestros usuarios, y este dato nos lo da Google Analytics.

(más…)

Share and Enjoy !

Shares
Errores al diseñar una web.

Errores al diseñar una web.

Este es un post, dedicado sobre todo a todos los «gurús» que ese esconden detrás de su puesto de responsabilidad y que nos dictan cómo diseñar la web de su empresa. Luego (siempre ocurre) la culpa es nuestra por no haber sabido reflejar lo que nos pedían.

Se trata de un listado con muchos de los errores que se suelen cometer a la hora de diseñar una web o un blog. Algunos de los errores al diseñar una web que veréis en este post os pueden parecer ridículos u obvios, pero os aseguro que se siguen diseñando páginas con los mismos errores.

Vamos a ver cómo influye la primera impresión, los textos, los gráficos y la usabilidad en general.

(más…)

Share and Enjoy !

Shares
Las 22 mejores extensiones de Firefox

Las 22 mejores extensiones de Firefox

Es mucho más rápido, más estable, más seguro,… y por si fuera poco tiene un montón de extensiones que ayudan muchísimo al diseño.
Yo hace mucho tiempo que me pasé a Firefox, y uso el Explorer únicamente para comprobar que las web se ven bien en ese explorador.
A continuación os dejo las que para mi son las mejores extensiones de Firefox, aunque hay muchas más… (más…)

Share and Enjoy !

Shares
3ª posición en Google

3ª posición en Google

3ª posición en Google entre 12.200.000 resultados

Además de este blog, tengo una web www.gloobs.com que aunque ciertamente la tengo un poco olvidada en cuanto a diseño (eso es algo que pienso solucionar próximamente) si que he trabajado y experimentado mucho en ella en temas SEO.

Buscando «web rural» en Google podéis comprobar que el resultado a fecha de hoy es de 12.200.000 resultados, y que PÁGINAS WEB PARA CASAS RURALES GLOOBS aparece en tercera posición natural, en realidad en 3ª y 4ª posición, ya que son dos las url’s indexadas.

Me di cuenta del resultado porque últimamente me estaban entrando peticiones de presupuesto para web rural, desde www.gloobs.com que no está publicitada ni anunciada. Únicamente está (más…)

Share and Enjoy !

Shares
¿Cómo conseguir más visitas?

¿Cómo conseguir más visitas?

¿Cómo conseguir más visitas?

El fin de una página web o un blog es (generalmente), poder llegar al mayor número de personas posible.

Para conseguir esto es esencial tener buenos contenidos, pasión por lo que escribimos y dedicación. Uniendo estos tres condimentos seguro que conseguiremos atraer a muchas personas, pero hay tanta competencia ahí fuera, que es necesario también hacer uso de algunas herramientas que nos ayudarán a dar un paso más, entonces, ¿cómo conseguir más visitas?.

Hoy voy a escribir sobre las redes sociales de noticias. (más…)

Share and Enjoy !

Shares
Color web, una decisión muy importante.

Color web, una decisión muy importante.

Color web, una decisión muy importante.

Básicamente una web es un producto de marketing, representa la imagen de una marca, de una idea. Las grandes empresas dedican sumas inmensas de dinero para elaborar una cuidada imagen corporativa que les ayude a alcanzar el éxito, a no ser una más en un dilatado mercado.

Pues bien, igual de importante o más (si vemos la cantidad de público potencial que puede llegar a alcanzar) es el diseño de una web, aunque siga habiendo muchos responsables que no compartan esta idea…

El color de una web ejerce un impacto determinado en el usuario, por lo que la elección de la banda cromática que vayamos a utilizar es de suma importancia de cara a una aceptación mayor.

Una vez que el usuario llega a nuestra web, tenemos unos 10 segundo para llamar o no la atención de este cliente potencial.

Los colores pueden hacer que se sienta cómodo y seguro o todo lo contrario. Para esto existen varias combinaciones con su repercusión correspondiente, que paso a definir a continuación.

Colores cálidos

  • Aquellos que van del rojo al amarillo (naranjas, marrones,…).
  • Tendencia a ser agresivos y emocionales.

Colores fríos

  • Van del morado al verde.
  • El verde es composición de azul y amarillo, cuanto más azul tenga, más frío será.
  • Tendencia a dar serenidad.

Colores neutros

  • Blanco y negro, y por lo tanto el gris.
  • Aumentan el potencial de los colores cálidos.

ARMONÍA DE COLORES

El exceso de color puede llegar a ser inquietante y caótico, mientras que la falta, puede llegar a ser aburrido, como siempre el punto intermedio es la mejor solución.

Los ordenadores muestran el color en función de la cantidad de rojo, verde y azul RGB. Estos colores, desgraciadamente no se muestran siempre igual, dependen mucho de la máquina que tenga el usuario, y esto puede originar serios problemas estéticos y funcionales. Aquí llega pues el dilema, ¿usamos los colores seguros de la paleta de los sistemas operativos? ¿o nos arriesgamos?…

EL COLOR EN LOS TEXTOS

Es muy importante saber fijar buenos contrastes entre la fuente y su fondo, de ello depende en gran medida la atención del usuario, en general deberemos facilitar en todo lo posible la legibilidad de los textos.

Negro sobre blanco siempre es una buena elección. El rojo y el azul son útiles para destacar. Evitemos en la medida de lo posible el negro como fondo

EL SIGNIFICADO DEL COLOR EN GENERAL Y POR CULTURAS

  • Azul – paz, tranquilidad, calma. En China, el color azul se asocia a la inmortalidad, en Colombia, se asocia al jabón, en la India el azul es el color de Krishna y en el Oriente Medio azul es un color de protección.
  • Negro – poder, sofisticación, elegancia, riqueza, miedo e incluso el mal. En muchas culturas es el color del luto.
  • Verde – Naturaleza, salud, buena suerte, generosidad, juventud,… En Irlanda tiene un significado religioso (católico) y en algunas culturas tropicales se asocia al peligro.
  • Naranja – energía, equilibrio, calidez, entusiasmo, dinamismo,… También en Irlanda tiene significado religioso (protestante)
  • Morado – realeza, espiritualidad, nobleza, ceremonia, misterio,…
  • Rojo – amor, peligro, deseo, velocidad, fuerza, violencia, ira, sangre,… En China, suerte y celebración, y en la India pureza.
  • Blanco – sencillez, pureza, paz, humildad,… En Japón significa muerte y en color fúnebre en el Islam.
  • Amarillo – alegría, felicidad, optimismo,… En Asia tiene un significado imperial.

El color es una herramienta muy poderosa, es la primera en crear sensaciones al usuario, de ahí su importancia. Estudia cuidadosamente a quien va a ir dirigida tu web y elige adecuadamente los colores.


Share and Enjoy !

Shares
La importancia del título en google

La importancia del título en google

¿Nos engaña Google?

Hoy he quedado totalmente sorprendido al analizar un resultado de búsqueda en google.

Escribí por error (luego explicaré por qué) en el buscador «design web«, el resultado de búsqueda tremendo, 141.000.000.

Ante un número así, siempre te gusta saber quien lidera la lista y qué técnica usa, de ahí es de donde más se aprende….

Pues bien, pinché y ahí la primera sorpresa. Una página sin texto, un par de imágenes dan paso a una web en flash… «no podía ser cierto lo que estaba viendo…«, regresé a google y quiese saber qué inmensa cantidad de páginas apuntaban a su web…. resultado… ¡sólo 5 enlaces externos! de los cuales 4 pertenecen a una misma web, es decir 2 webs, ambas con PageRank 2 … Por cierto, la página en cuestión tiene PageRank 4

Sin archivo robots.txt, sin archivo sitemap…. algo se me escapa…
Bien, entonces me di cuenta de que había algo extraño en el título de la página, «….. design Web design«.

Resulta que la búsqueda «buena» (por eso decía que me había equivocado) es «web design«, búsqueda para la que el resultado es de 369.000.000 de páginas encontradas, y resultado en la que esta web no aparece. Después de ver esto, también me di cuenta de que esta página era la única que aparecía con las keywords en ese orden entre todos los resultados de búsqueda. La siguiente aparecía en la séptima página pero con las dos keywords separadas por una coma, con lo que google no lo interpreta con la misma importancia que dos keywords juntas.

En conclusión, podemos decir que esta web se ha posicionado en primer lugar en un resultado de 141.000.000 de resultados, gracias a un buen título de página, independientemente del resto de condiciones y trucos SEO que conocemos.

En la cabecera os he dejado una imagen con este resultado.

Share and Enjoy !

Shares
Utilidades para diseño web

Utilidades para diseño web

Aquí iré dejando toda clase de enlaces para que podáis bajaros o consultar utilidades dirigidas al diseño de páginas web, espero que os sirvan.

Pinceles para photoshop

Cada diseñador necesita un buen arsenal de pinceles para su photoshop. Estos pinceles son además muy grandes, por lo que nos van a servir para todo tipo de trabajos, la mayoría son de 1800 pixels de ancho.

>> Posts con más información y lugares donde descargar pinceles para photoshop

Otras webs para descargarse pinceles:

imágenes vectorizadas gratis

Una magnífica web en la que te podrás descargar buenísimos dibujos vectorizados, desde botones a siluetas humanas en todo tipo de posición, manchas, animales, plantas,…. Imprescindible en tu biblioteca.

logotipos vectorizados gratis

Una web en la que podrás descargar cientos de logotipos en distintos formatos. Cuenta con un buscador en el que casi seguro que encuentras el logo que buscas.

Aplicaciones web empaquetadas y listas para instalar!

BitNami: Aplicaciones web empaquetadas y listas para instalar!

BitNami Stacks te permite instalar directamente en tu PC/Mac aplicaciones de código abierto.

Entre otros incluye blogs como el WordPress o Roller, programas de CMS, gestores de proyectos, encuestas, foros,….

Cabeceras para web en CSS

Una magnífica ayuda que además de dar un resultado estético bueno, nos reducirá el peso de nuestras cabeceras.

Iconos gratis para tu web

Iconos GRATIS para tu web, ¿quien no ha necesitado alguna vez un icono?, aquí os dejo unas cuantas direcciones de sitios en los que puedes bajarte gratis buenos iconos.

Retoque de imágenes

Retoque de imágenes, un montón de trucos para retocar y crear imágenes. Photoshop, Ilustrator,…

>> Posts relacionados con Photoshop, manuales, ejemplos….

Fondos para diseño web

Fondos, ideales e indispensables para tus mejores diseños

Plantillas web GRATIS

Templates, plantillas web GRATIS

Utilidades para blogs

Cabeceras GRATIS para tu blog

Descargar fuentes GRATIS

Fuentes GRATIS para tus diseños. Cada vez resulta más difícil encontrar buenas fuentes «GRATIS«, aquí está la prueba de que no hace falta gastar dinero para usar buenas fuentes.
Si conoces alguna otra dirección que pueda resultar últil, por favor, envíamela para que todos puedan disfrutarla.

>> Post relacionados con fuentes. Lugares de descarga, trucos,…

A continuación algunas direcciones en las que podrás encontrar todo lo necesario para realizar tus combinaciones de colores con paletas que te servirán de inspiración.

Utilidades Ajax para Diseño Web

Ajax es una tecnología asíncrona, los datos adicionales se requieren al servidor y se cargan en segundo plano sin ralentizar la carga de la página. Los efectos son increibles, pero además de suponer un adelanto en diseño, también y no menos importante, es un gran avance en usabilidad y SEO.

A continuación enlaces tanto de Ajax como de sus librerías JQuery y Mootols.

Share and Enjoy !

Shares

Feliz 2008 !!!

Feliz 2008 a todos!!!

Prueba superada!, hemos podido con todo, con las largas colas para pagar, las multitudes que indecentemente gastan y gastan como si de un concurso se tratase, el pesado del cuñado, las uvas,…..

Por cierto, vi en televisión la celebración en otros países y quedé alucinado con alguno de los diseños con espectaculares fuegos artificiales y juegos de luces que adornaban alguna de las capitales más importantes, y la verdad, luego los comparo con lo que he visto en Madrid y ……. ¡que lástima!. Qué lástima que siempre se deje en manos de «gurús de renombre» el diseño de las luces y decoraciones navideñas. El penoso árbol de los deseos en el retiro, una buena idea sujeta por una grúa con publicidad incluida.

Claro que en Madrid no podía ser de otra manera, hasta el mismísimo árbol de Navidad ha tenido que compartir espacio con una más de las numerosas grúas que pueblan el paisaje de esta ciudad.

Algún año, en lugar de dejar millones en manos de estos «gurús de renombre» amigos del político de turno, deberían dejar paso a nuevas y desinteresadas ideas que seguro que las hay, y mucho más dignas que un cucurucho de plástico sujeto por una grúa, en la que con grandes letras se puede leer el nombre de la promotora que «desinteresadamente» ha colaborado con tan dantesco espectáculo.

Amigos, buen año para todos.

Share and Enjoy !

Shares

Enlaces de interés

A continuación iré dejando enlaces a páginas que me han parecido muy interesantes, tanto por su diseño como su utilidad relacionada con el diseño web. Espero que os sean de ayuda.

CSS
  • CSSmenumaker Elige tu menú CSS y llévatelo puesto.
  • CSS3.info Interesante sitio para aprender CSS con la posibilidad de ver online los distintos tipos de órdenes.
  • Thenoodleincident.com Código CSS para maquetar con capas.
  • 456bereastreet.com Código CSS para simular frames y sin los consiguientes inconvenientes.
FONTS
ÚTILES – Html, Javascript, Ajax, Dhtml, imágenes, videos…
  • Dynamicdrive.com Sitio de referencia para todo tipo de «código listo para llevar».
  • Script.Aculo Muy buenos ejemplos en Ajax.
  • Ajax Rain Más ejemplos en Ajax.
  • SXC Biblioteca de imágenes con una amplia oferta de fotos libres de copyright.
  • DhtmlGoodies Código libre para usarlos en tu web.
  • Countinglinks ¿Cuántos links linkean a tu web?.
  • Flowplayer Muestra videos en tu web sin tener que recurrir a youtube.
  • Malsup Galerías de imágenes con JQuery.
  • Phatfusion Galerías de imágenes y más utilidades para descargar. Muy bueno y rápido.
  • Accordion V2.0 Efecto acordeón para mostrar y ocultar contenido en tu web.
SEO
  • Seotester.com Diversas herramientas para controlar el posicionamiento.
  • Google Trends Representa la frecuencia con la que se realiza una búsqueda particular en varias regiones del mundo y en varios idiomas.
  • LinkVendor Más herramientas SEO.
PHOTOSHOP
INTERESANTES
POR SU DISEÑO
  • Jandaco Desde Los Angeles una de las principales agencias de diseño gráfico.
  • Getthegass Mejor verlo. Impresionante juego realizado en flash.
OTROS ENLACES DE INTERÉS

Share and Enjoy !

Shares
Erase una vez…

Erase una vez…

Omar Benyakhlef Dom�nguez - Diseñador Web

es así como deberían comenzar todos los blogs, pero en este caso debería de decir érase muchas veces, porque han sido muchas las veces que he intentado sacar tiempo para poder comenzar un blog de diseño web, parece ser que en estos últimos días del año voy a tener algo de tiempo, espero que este sea el inicio de una larga amistad….

Mi intención es recopilar toda la información que pueda sobre diseño de páginas web, desde lo relativo al puro diseño, hasta el SEO, pasando por CSS, Html, Ajax, ….. Tener un lugar en el que poder consultar toda la información que tengo por ahí perdida, tal vez en un futuro empiece a preocuparme por las visitas… ¿quien sabe?, pero de momento lo que intento es poder reorganizar todos mis archivos.

¿Quien soy?

Soy diseñador web desde 1998. Durante este tiempo mi mayor dedicación ha sido para el portal www.muchoviaje.com como responsable del dpto. de diseño. Durante estos años he colaborado con muchos otros portales, como hotelius, masnatura, ociotour, granhermano, msn, yahoo, wanadoo, orange, terra,….

Ahora diseño a través de la emresa Medialabs, para portales como Toyota.es, Jeep.es, Chrysler.es, OldElPaso,…. y sigo a su vez colaborando con otros portales y diseñando freelance. Soy un apasionado del diseño en general y del diseño web en particular, y espero que este blog sea de utilidad igual que lo han sido durante mucho tiempo otros blogs y páginas para mi.

Omar Benyakhlef Domínguez
Director de ARte
www.gloobs.com

Experiencia laboral:

blog Toyota iQ

Web : www.toyota-iQ.es
Cliente : Blog Toyota-iQ
Año: 2009
(Director de Arte – Medialabs)
web oficial Rojas

Web : www.clubrojas.com
Cliente : Web Oficial Raúl Rojas
Año: 2009
(Director de Arte – Medialabs)
oldelpaso

Web : www.oldelpaso.es
Cliente : Old El Paso
Año: 2008
(Director de Arte – Medialabs)

Web : www.warnermusic.com
Cliente : Warner Music España
Año: 2008
(Director de Arte – Medialabs)

Web : www.obkmusic.net
Cliente : OBK Web Oficial
Año: 2008
(Director de Arte – Medialabs)

Web : www.discotecaslariviera.com
Cliente : La Riviera
Año: 2007
(Diseño Freelance)
Los Yaris

Web : www.LosYaris.com
Cliente : Toyota España
Año: desde 2007
(Director de Arte – Medialabs)
Toyota España

Web : www.Toyota.es
Cliente : Toyota España
Año: desde 2007
(Director de Arte – Medialabs)
Jeep España

Cliente : Jeep España
Año: desde 2007
(Director de Arte – Medialabs)
Muchoviaje.com

Cliente : MuchoViaje
Año: desde 2000 hasta 2007
(Responsable Dpto. Diseño)
Diseño web - Omar Benyakhlef Dominguez

Cliente : Mediabit – MuchoViaje
Año: desde 2000 hasta 2007
Hotelius.com, Ociotour.com, Masnatura.com, MuchoParque.com, Muchoruido.com, Muchagente.com, diversas webs para concursos de televisión de ZepelinTv como Granhermano.com, colaboraciones para Msn.es, Wanadoo.es, Portalmix.com, Terra.es, compañías aéreas, hoteleras, oficinas de turismo,…

Share and Enjoy !

Shares