Qué tan importante es el diseño para el éxito de un blog
Vandalay Design escribe un buen artículo acerca de la importancia de un buen diseño como factor de éxito de un blog.
"With so many blogs out there and so many themes, a good blog design will help the blog to stand out and be easily recognizable to visitors. This, in my opinion, is the most important benefit of a custom theme."
Ver artículo en: http://vandelaydesign.com/
Project Gmail Grimace: Hagamos que Google nos escuche
Project Gmail Grimace es una iniciativa del Email Standards Project para llamar la atención de la gente de Google (específicamente los encargados de Gmail), para lograr que revisen las graves falencias que este cliente de correo electrónico tiene al desplegar correos con estilos y demás diseño.
Google has been conspicuously absent from our Email Standards Project inbox so far, frustratingly given Gmail’s otherwise excellent status as a webmail client. In fact, we use it ourselves. Given that we had not been able to reach them yet, we decided to have a bit of fun and at the same time make a serious point to the Gmail team.
Participar es relativamente sencillo, se requiere tomarse una foto haciendo una mueca, inscribirse a Flickr para enviar su foto y finalmente agregarla al grupo creado para este fin. Los detalles aquí.
FreeVectors.net: GalerÃa vectorial gratis!
Excelente listado de tutoriales de Adobe Photoshop!
.gif)
Una vez más, Smash Magazine nos sorprende con uno de sus clásicos mega listados con información útil. Esta vez un compendio de excelentes tutoriales para Photoshop.
Entre los temas de tutoriales están:
- Photo- and Picture Editing and Processing
- Drawings, Paintings, Cartoons
- Texteffects
- Buttons, Logos & Menus
- Adobe Photoshop Techniques
Ver el listado en: http://www.smashingmagazine.com/
10 malententidos sobre la usabilidad
Interesante artículo de Pablo López que comenta acerca de los comunmente percibidos conceptos de usabilidad que no siempre son correctos. Gracias José por el dato.
1. Si diseño cosas usables, hago Diseño Centrado en el Usuario
(usabilidad ≠ DCU)
2. Usabilidad es diseñar algo para que cualquiera pueda usarlo.
(diseño universal ≠ usabilidad)
3. El diseño que se adapta a los estándares tecnológicos es diseño usable.
(estándares ≠ usabilidad)
4. Un diseño usable suele ser conservador y poco innovador.
(creatividad ≠ usabilidad)
5. Un diseño minimalista es un diseño usable.
(minimalismo ≠ usabilidad)
6. Si diseño pensando en los usuarios, estoy haciendo diseño centrado en el usuario.
(DCU ≠ diseño orientado al usuario)
7. La arquitectura de información es parte de la usabilidad.
(AI ≠ usabilidad)
8. Un diseño accesible es un diseño usable.
(accesibilidad ≠ usabilidad)
9. Respetar los estándares tecnológicos garantiza un diseño accesible.
(estándares ≠ accesibilidad)
10. La estética juega en contra de la usabilidad.
(estética vs. usabilidad)
Leer el artículo detallado en: http://eldomo.net/
Buen tutorial de Fireworks para poner brillo a los elementos
Interesante y muy sencillo tutorial visto en flisterz:blog para incluir brillo (glow) en elementos.
Ver tutorial aquí: http://www.flisterz.com/
22 sitios útiles para crear layouts en CSS
Interesante recopilación de sitios con ejemplos listos para descargar y usar de layouts en CSS. Recomendo: Dynamic Drive’s CSS Library.
Ver listado en: http://vandelaydesign.com/
Tutoriales de Adobe Illustrator

Buena colección de tutoriales de Adobe Illustrator, recopilados por Emma Alvarez.
Ver tutoriales aquí: http://www.emmaalvarez.com/
Notas acerca de HTML y su correcta visualización en e-mails
Cada vez es más popular el envío masivo de correo electrónico por parte empresas, particulares y cualquier de nosotros que quisiera llegar a un público específico o a la mayor cantidad de gente en general.
Esta labor podría sonar bastante simple, contando con herramientas estándar como el Outlook o Mail (Mac) o cualquier otro cliente de mail que utilicemos y contando con una base de datos de personas a las que querramos llegar. Copiar y pegar las direcciones en el BCC, copiar y pegar el contenido que queremos incluir en el e-mail, agregar un "subject" vendedor y enviar!
Pero, quién nos garantiza que lo que enviamos se verá igual en las pantallas de todos nuestros recipientes? Habiendo hoy en día una cantidad moderadamente grande de servicios de e-mail gratuito, clientes de mail, etc (refiriéndonos a los más utilizados, como Gmail, Hotmail, Yahoo, etc.).
Pues nada nos garantiza ese desplegado impecable y sin errores en la bandeja de entrada de quien recibe nuestro e-mail. A menos que tomemos una serie de precauciones y recomendaciones al momento de crear el contenido a enviar.
Aquí algunos sitios con información muy útil acerca de cómo lograr los mejores resultados con envíos masivos de e-mail:
(Leer más…)
No es el usuario, somos nosotros
Interesantes puntos que plantea Pablo López en su blog, con respecto de un tema que nos conscierne a todos los que estamos involucrados con la creación y planeación de interfaces (web/aplicaciones).
"Al hablar de usabilidad web hablamos del diseño de interfaces en los que los usuarios son el centro alrededor del que se ordena la información que se desea mostrar."
- No existen usuarios torpes, existen interfaces imposibles.
- Los usuarios saben leer. Hay interfaces en que la información está incorrectamente escrita.
- Los usuarios no se equivocan siempre. Hay interfaces en los que no se tienen en cuenta las reacciones de los usuarios y no se comportan como él espera.
- El usuario no es adivino. Hay enlaces de imposible identificación.
- No le gusta que le engañen. Algo subrayado o de diferente color en un texto debería ser un enlace.
- El usuario aprende rápido pero selecciona.
- Al usuario no le sobre el tiempo para estar buscando por nuestra web.
- No todos los usuarios son diseñadores y visitan las webs para ver lo bonitas que son.
- El usuario tiene poca paciencia. y poca tolerancia a errores.
- El usuario siempre tiene razón. Es nuestro cliente.
Visto en: http://inclusion.es/
Ejemplo de cómo NO diagramar/diseñar un sitio web
Diseño de sitios web en Ecuador va en retroceso
Con algo de pena y ciertamente con un poco de confusión, me enteré hace algún tiempo del cambio radical del sitio de la cadena Comandato y posteriormente del sitio de EtapaTelecom de Cuenca. Tuve guardado este post hasta tener otros sitios para usar de ejemplo en la temática del mismo.
Les presento entonces estos dos casos (por ahora). Si conocen de alguno o algunos casos de este tipo, sería interesante que lo compartan en este espacio.
Interesante uso de tipografÃas en diferentes anuncios
10 “No’s!” absolutos para freelancers
1) Can you show me a mock-up to help us choose a designer/developer? No.
2) Can you give us a discount rate? No.
3) Will you register and host my site? No.
4) Can you copy this site? No.
5) Can I pay for my e-commerce site from my website sales? No.
6) I have a great idea. Do you want to…? No.
7) Do you have an IM account? No.
8) Can I just pay the whole amount when it’s done? No.
9) Is there any way you could get this done tonight or this weekend? No.
10) Can I be sure you won’t use this work in anything else? No.
Ver listado completo: http://www.wakeuplater.com/
Más herramientas para diseño web en lÃnea… y gratis!
Button Generators:
- Web 2.0 Badges, fun badges with the colors, fonts, shapes, that you want.
- My Cool Button, easy button generator. With shade and reflection effects, and rounded borders.
- Brilliant Button Maker, make those small two colors buttons that so many people like.
- The Original I Love Your Image Generator, really fun and original, and you will surprise everyone.
Rounded Corner Generators:
- RoundedCornr, helps to create rounded corners with gradients.
- Spanky Corners, creates rounded corners through CSS, really easy.
Background Makers:
- BestAnimation’s Backgrounds, allows to make really amazing backgrounds.
- All Free Backgrounds, you can choose a background by color, texture…
- bgMaker, has a gallery of designs and you can pick a background color that you like.
Custom Games For Blogs:
- Pictogame, surprise your visitors with a fun game based on your photo or someone else’s. Imagine your boss, teacher, with his face full of spots, or kick’em… LOL & LOL
- PlayMyGame, another game creator that allows you to have fun sending your game through email, or publishing it in your blog, website or MySpace.
Avatars
- Zwinky, enjoy creating avatars with clothes and personalized accessory. Very fun and entertaining.
- Mr.Picassohead, make picassian faces and then use them in forums, profiles, etc. and surprise everyone with your artistic talent.
- WhyRobbieRocks, custom avatars similar to Yahoo style.
- DollzMania, they are avatars very similar to the famous Bratz dolls.
Ver listado completo en: http://emmaalvarez.blogspot.com/
Populares
- Notas acerca de HTML y su correcta visualización en e-mails



(4 / 4) - BitNami: Aplicaciones web empaquetadas y listas para instalar!



(4 / 4) - Tips y trucos de CSS (muy útiles)



(4 / 4) - Más fuentes y tipografÃas para descargar (Gratis!)



(4 / 4) - Layouts en CSS de 3 columnas fijas



(4 / 4) - Stemplate: Templates de elementos web



(3.86 / 4) - La importancia de los Meta Tags



(3.8 / 4) - Tutorial: Perfila imágenes con un par de clics



(3.8 / 4)
Comentarios Recientes
May 3, 2008 | kenneth
en: Crea tu propio logo Web 2.0April 23, 2008 | AlvaroG
en: Mega listado de generadores "web 2.0" en lÃneaApril 11, 2008 | Luigi Salas
en: Web 2.0 quiz!April 9, 2008 | piko ctm
en: Conceptos de Arquitectura de la InformaciónApril 9, 2008 | ALE
en: Más fuentes y tipografÃas para descargar (Gratis!)
Artículos Anteriores
- Project Gmail Grimace: Hagamos que Google nos escuche
- PrestaShop: Tu negocio en internet, fácil y gratis!
- FreeVectors.net: GalerÃa vectorial gratis!
- Excelente listado de tutoriales de Adobe Photoshop!
- 10 malententidos sobre la usabilidad
- 56 tutoriales de Flash!
- Buen tutorial de Fireworks para poner brillo a los elementos
- 22 sitios útiles para crear layouts en CSS
- Muy buena galerÃa de fotos con Javascript
- Top 10 hosting compartidos
- BitNami: Aplicaciones web empaquetadas y listas para instalar!
- 120 ideas para diseñadores y freelancers para promocionarse (Gratis!)
- Tutoriales de Adobe Illustrator
- Entendiendo el funcionamiento de “z-index” en CSS
- Notas acerca de HTML y su correcta visualización en e-mails
Los Temas
- .net (4)
- 3d (1)
- Accesibilidad y Usabilidad (34)
- Adobe (11)
- Ajax (7)
- Apple (3)
- Banners (6)
- Blogs (22)
- Browsers (17)
- Buscadores (5)
- CMS (2)
- Colores (1)
- Curiosidades (29)
- Diseño Gráfico (39)
- Diseño Web (98)
- Dreamweaver (3)
- Encuestas (1)
- Estándares (36)
- Eventos (29)
- Fireworks (6)
- Flash (9)
- Fuentes (5)
- Google (7)
- Herramientas (82)
- HTML y CSS (85)
- Iconos (11)
- Internet (57)
- Libros (2)
- Logos (1)
- Microsoft (9)
- Personal (17)
- Photoshop (12)
- Programación (22)
- SEO (1)
- Templates (6)
- TipografÃas (4)
- Tips Avanzados (107)
- Tutoriales (11)
Archivos
Acerca del Autor
Michael Müller C. es un diseñador y desarrollador de sitios web radicado en Guayaquil, Ecuador. Creador de MMC Design en 1998 y de Iconiza en el 2007.
Del Portafolio
Lo que leo
- 456 Berea Street
- A List Apart
- Andufo.com
- Bloggus
- Cinerama.ec
- Design View
- Digital Web Magazine
- Diseño web
- Diseño web profesional
- EINICIO.com
- El Café de Joe
- El Ecuador de Hoy
- Freelance Switch
- FutbolAdicto.com
- Garrett Dimon Blog
- Inclusion.es
- Jackob Nielsen
- Javier Romero
- Jeffrey Zeldman
- Jonathan Snook's Blog
- Juan Xavier
- Mentalized
- Simplebits
- Smashmagazine
- Verlee's Blog
Servicios
Contribuye
¿Te ha servido la información de este blog? Considera hacer una donación a través de:
Conoce más recomendaciones personales de libros relacionados con Diseño y Desarrollo Web en Amazon.

March 6th, 2008


(2 votos, promedio: 3.5 de 4)




