por Omar Benyakhlef | Diseño para móviles, Diseño Web, HTML5, iPhone, jQuery, jQuery Mobile, Mobile
La última tendencia de diseño web es el Responsive Design o «Diseño Adaptativo». Con la ayuda del HTML5 y CSS3, ahora podemos adaptar los diseños de páginas web en función del tamaño de pantalla del usuario. La característica fundamenteal de este tipo de diseño web, es que se adapta perfectamente a cualquier resolución, basta con ir cambiando el tamaño de la ventana del navegador, para ver cómo se van recolocando los módulos que forman la web.
Gracias a esta técnica no tenemos que hacer distintas web o utilizar distintas CSS para hacer un diseño para web, smartphone o tableta. El mismo diseño se verá correctamente en cualquiera de los distintos dispositivos y lo más importante, se reducirán los costes de creación y mantenimiento.
La idea de implementar esta técnica viene de lejos, del año 2008, recomendado por W3C en «Mobile Web Best Practices» bajo el subtítulo «One Web«.
Hoy en día la disparidad tan grande que hay en tamaños de pantalla (sobremesas, portátiles, smartphones, tablets…), ha provocado que finalmente los diseñadores web nos planteemos esta práctica como indispensable en todos nuestros diseños. (más…)
por Omar Benyakhlef | Diseño Web
Nuevo Diseño
Este Blog de Diseño Web vuelve una vez más a cambiar de aspecto. Espero que sea de vuestro agrado y que tenga de nuevo una buena acogida. Creo que además de ser mucho más vistoso es más usable y atractivo que el anterior, espero no equivocarme.
Poco a poco iré incorporando nuevos plugins y modificando algunos temas de diseño que no me convencen del todo. Los tiempos cambian, las resoluciones de pantalla también y por eso he decido de nuevo volver a cambiar el diseño del blog.
Espero vuestros comentarios y sugerencias 😉
por Omar Benyakhlef | Diseño Web, Fotografía, Photoshop
Vectores, fotografías y PSD's gratis
Los que seguís este blog de diseño web, sabéis que intento en la medida de lo posible hacer referencia a todos aquellos sitios en los que podemos encontrar ayudas para nuestros diseño web.
Hoy por casualidad he encontrado esta página, Freepik, en la que podemos encontrar vectores, fotografías y psd’s gratis para descargar. La calidad es muy buena en los tres apartados, en el caso de los psd’s he de decir que al menos aquellos que he descargado están muy bien, sin capas acopladas y ordenadas por carpetas, ciertamente la calidad me ha sorprendido.
Os dejo a continuación el enlace para que la visitéis y os la descarguéis enterita 😉
por Omar Benyakhlef | Diseño para móviles, Diseño Web, iPhone, Mobile
Acciones sobre pantallas táctiles
A diferencia del diseño web convencional, en el diseño para móviles, o tabletas, la interface táctil es diferente a la interface basada en ratón. En una pantalla táctil el modo de comportamiento del usuario es totalmente distinto y eso es algo que tenemos que tener en cuenta y sobre todo aprovechar sus ventajas.
Estamos familiarizados con la experiencia de interacción con la ayuda del ratón, seguramente una experiencia a la que todavía le queda mucho tiempo. La interface táctil es relativamente nueva. En un principio se trasladó la experiencia de ratón a la pantalla táctil, pero en seguida y de forma casi natural, comenzaron a desarrollarse una serie de interacciones basadas en la forma de tocar la pantalla. Gestos, distinción entre el uso de uno o más dedos, acciones pre grabadas que permiten recordar gestos y asociarlos a una acción, etc…
(más…)
por Omar Benyakhlef | Diseño Web
Diseño de casinos online
Son muchos los sitios web que lejos de dar importancia al diseño se centran únicamente en los contenidos. Evidentemente cuando se trata de un blog el error puede ser más o menos grave, pero cuando se trata de sitios como un casino online, el error puede ser fatal.
Dependiendo de la finalidad del sitio se hace más o menos imprescindible tener un buen profesional que nos asesore. Es evidente que no se entiende el diseño web únicamente como el aspecto o la gama de colores que vamos a utilizar, el diseño web estudia además la arquitectura del sitio, la disposición de elementos dentro de la pantalla, la optimización de todos los recursos que ofrecemos al usuario, la optimización para motores de búsqueda, etc…
En el caso de diseño de páginas web para casinos online, suelen ser de colores llamativos, pero deberíamos distinguir por un lado el diseño de los banners y demás activos publicitarios, normalmente muy agresivos, con mucho movimiento y colorido, para atraer la atención del usuario (esto es opinable…), y por otro lado el diseño del propio casino online, o mejor dicho de la sala de juego en la que el usuario necesita un lugar con menos colorido y mayor seriedad y calidad.
La seriedad y calidad en el diseño de una web para un casino online es fundamental, el usuario va a dejar su dinero, y no lo hará si el sitio en el que se encuentra no le ofrece esta seriedad y calidad. Además hay que ser muy cuidadoso con la usabilidad del sitio, el usuario debe de encontrar rápidamente el contenido que busca.
Por supuesto, este tipo de web, requiere un trabajo en equipo. Por un lado hemos hablado del diseño, pero obviamente en estrecha colaboración con un asesor que nos explique todos los detalles de la infinidad de juegos de apuestas que existen y por supuesto del programador.
En resumen, se trata de un tipo de web en el que la usabilidad, seguridad y posicionamiento son pilares fundamentales y en que los tres tienen que estar al 100% para garantizar el éxito de la página.
A poco que navegueis veréis que existen cientos de plantillas tanto de wordpress como de otros, listas para subir online. En cualquier caso, creo que cualquier tipo de web dirigida a la transacción económica, debería de estar hecha paso a paso, controlando cada uno de esos pasos, por profesionales y por el asesoramiento de los expertos que conocen el mundo del casino online, para así conseguir un producto de éxito.
por Omar Benyakhlef | Diseño Web
jQuery listo para llevar...
MiniJs es un sitio en el que podrás encontrar varios plugins jQuery, listos para integrar en tu web. No son muchos, pero los que están merecen la pena, y supongo que irán añadiendo.
Entre los MiniJs que podemos encontrar tenemos:
- Count – una cuenta atrás de caracteres como la que podemos encontrar en Twitter.
- Tip – los Tips son una ayuda genial en el diseño web. Se trata de pequeños globos que hacemos aparecer, para avisar o ayudar a nuestros usuarios. Este tipo de globos, los estaréis viendo ya en muchos formularios jQuery.
- Slider – un típico slider para ver galerías.
- Notification – activa una capa para lanzar un mensaje.
- Feed – un plugin para mostrar tu actividad en Twitter.
Pues bien el código es bastante sencillito, existe algún que otro plugin más y seguramente irán sumando.
