El nuevo iPad Mini es un nuevo reto al diseño web

Apple presentó hoy el iPad mini, que tiene el mismo número de pixeles que el iPad más grande. Pensarías que esto es bueno porque significa que las aplicaciones y sitios web no cambian de tamaño. Pero eso solo es en número de pixeles, en centímetros son bastante más pequeños que en un iPad grande. Esto quiere decir que los dedos tienen más oportunidad de tocar otra cosa, ciertos elementos serán más difíciles de ver y el texto aparecerá más pequeño.

Vamos a tener que echarnos otro clavado a los media queries para ver si podemos solucionar esto.

¿Qué necesito saber para hacer una pagina para mi negocio?

Contesto muchas preguntas en Yahoo! Respuestas y me pareció útil poner esta también aquí:

¿que necesito saber para hacer una pagina para mi negocio?
solamente quiero como una especie de guia acerca de lo que debo saber (nada especifico) cosas como los dominios, si debo pagar algun dinero al año, reglas acerca de lo que puedo hacer y lo que no, etc.. las cosas especificas las investigaria yo por mi cuenta, gracias ;D

Mi respuesta:

Necesitas un nombre de dominio (unos US$15 al año) y un servidor de hospedaje (unos US$100 al año para uno más o menos decente, los costos pueden aumentar si necesitas más espacio, tienes muchísimos visitantes, o aplicaciones complejas). No te recomiendo un servidor gratuito para una página de negocio, suelen no ser muy estables además que te meten publicidad.

Hay algunas cosas que debes hacer, por ejemplo si pides la dirección de correo electrónico a tus visitantes para aumentar tu lista de correos debes contar con una política de privacidad (por ley en algunos lugares como Estados Unidos, Europa, México y otros; y porque es buena idea en los demás); y debes procurar mantener esa información segura, es decir, que no la pueda robar algún tercero.

Lo más importante es definir tu audiencia, tus metas, que quieres que los visitantes hagan, como lo vas a medir, crear lo que se llama el “embudo de marketing”, hacer un diseño que apoye tus metas y llamadas de acción y crear contenido para dirigir a los visitantes hacia ellas. Mucha gente comienza haciendo el diseño y contenido antes de definir metas o audiencia. Es un error tremendo.

Es muy importante considerar que un sitio web no es nada más hacerlo y ya que ahí se quede, sino que necesitas mantener el contenido actualizado, fresco y bien dirigido, y buscar un nivel de contacto e interacción con tus visitantes. Al final de cuentas se trata de construir una audiencia y transformarla en clientela. Eso se logra formando una comunidad, para lo cual es necesario la comunicación e interacción regulares.

Nota adicional: Puedes gastar menos en un servidor de alojamiento si tu página es muy sencilla (de las llamadas “folleto”) o no esperas muchos visitantes. La mayor parte de los planes de pago te permiten comenzar con algo simple y después ir ampliando, y siempre es posible trasladar un sitio de un servidor a otro cuando uno te quede chico.

También checa los posts relacionados abajo si quieres saber un poco más.

Applying Dieter Rams principles to web design

Very good article from .net magazine! A must read for anyone that has something to do with making web sites, even for those of us who are not front-end designers.

Dieter Rams is one of the most important designers of the 20th century but his famous 10 principles for good design focused on industrial design. Here Lisbon-based designer Nuno Loureiro applies them to web design Dieter Rams’ 10 principles of good web design | Feature | .net magazine

Tira las políticas y checa tu sitio en un móvil

En este episodio del podcast hablo de las políticas de una organización y por que debes checar tu sitio web en un dispositivo móvil.

Para muchas empresas las políticas son una serire de reglas sacrosantes e inquebrantables sin las cuales se hundirían, reinaría el caos y la gente se convertiría en zombis caníbales.

Nada más falso. En muchas ocasiones las políticas restringen la creatividad e impiden aprovechar oportunidades. Estaban bien para fábricas de principios de siglo, pero para las empresas de la era de la información son completamente inútiles y hasta dañinas.

Tomemos el ejemplo de lo ocurrido a esta pianista que se dedica a buscar pianos en lugares públicos y dar conciertos imprevistos sin pedir permiso.

Un pianista toca en la calle para deleitar a los paseantes

Es mejor hacer pasar un buen rato y crear una buena experiencia que seguir reglas estrictas. Foto de magnetisch

En una empresa actual es mucho mejor tener valores y principios claros en vez de políticas, decirle a los empleados que es lo que se espera de ellos y que es lo que queremos representar como empresa. Y después dejarlos a sus anchas, a que actúen según su mejor parecer dentro de lo que les hemos dicho.

Cierto, es útil tener guías de procedimientos para meter algo de orden y evitar que todo mundo pierda tiempo descubriendo el hilo negro, pero el objetivo de estas debe ser el servir como recomendaciones, mejores prácticas y consejos susceptibles de ser mejorados por los empleados mismos, no como reglas inflexibles.

La mejor manera de aprovechar los talentos de cada miembro de nuestro equipo es fomentando su uso, no ahogándolos en cientos de políticas que ya nadie se acuerda para que sirven.

Prueba tu sitio web en un dispositivo móvil

Por si no te habías dado cuenta cada vez es más la gente que tiene un teléfono celular, tableta o alguna otra cosa móvil con la que pueden ver sitios de internet. Esto ha llevado a un incremento dramático en usuarios que ven sitios en estos dispositivos.

No es difícil hacer un sitio que se adapte al dispositivo, aunque lo mejor es crear uno realmente adaptado a las necesidades del usuario que se encuentra en el móvil que pueden ser muy diferentes a cuando está sentado en frente de la computadora en la comodidad de su casa u oficina.

Aún más importante es probar tu sitio en el móvil. Es muy fácil estos días conseguir algunos prestados, de hecho te recomiendo que pruebes en más de uno, por ejemplo en un iPhone y dos o tres modelos de Android.

Lo que buscas no es nada más que el sitio se vea aceptablemente bien en un dispositivo móvil, sino que además se pueda usar, que los botones y ligas no sean demasiado pequeños (ya se que el usuario puede cambiar el tamaño pero idealmente no debería tener que hacer eso) y que las diversas partes, sobre todo las más importantes para cumplir tus objetivos, funcionen y sean accesibles.

Hay muchos sitios que supuestamente tienen versión para móvil, pero no sirven. O presentan errores, o no se ven bien, o dejan al usuario sin saber que hacer. Y cada uno de esos es una mala experiencia que al final se va a ver reflejado en tu clientela.

La web ha ganado

Uno de los principios de crear sitios web estandarizados es que estos deben ser accesibles, es decir, deben poder utilizarse por cualquier dispositivo o medio que tenga acceso a la web, no poner barreras artificiales a ciertos navegadores o equipos. Esto no quiere decir que funcionen igual, sino que se vean lo mejor posible aprovechando las fortalezas del medio donde se está mostrando.

Bajo este principio muchos de nosotros mantenemos que la “web móvil” no existe, solo la web. Los sitios que no se pueden utilizar en un dispositivo móvil es por estar mal hechos. Las razones por las que se hace mal un sitio va desde la falta de interés del diseñador por usar tecnologías estandarizadas, hasta la ignorancia de los dueños del sitio de que están perdiendo buenas oportunidades y visitantes por no tener un sitio que pueda verlo cualquier persona.

Uno de los más grandes culpables es Flash. Bueno, en realidad no es su culpa, si uno quisiera se podrían hacer sitios con Flash que puedan verse bien en una pantalla pequeña, optimizados para anchos de banda estrechos y se pueden usar técnicas de detección para servir Flash cuando tenga sentido y HTML tradicional cuando no.

El verdero problema es que muchos diseñadores han insistido en recargar sus “sitios” Flash de animaciones, imágenes y sonidos que no tienen razón de ser, dificultando su acceso y limitando su uso a unos cuantos dispositivos y anchos de banda. Todo por entender mal la finalidad de un sitio web.

Por lo mismo el plug-in de Adobe se ha vuelto cada vez más recargado y pesado, más grande, exigente e inestable. Los primeros en declararlo indeseable en dispositivos móviles fue Apple, quienes no lo implementaron en su versión de Safari para el iPhone. Android sí lo implementó, pero a menos que uno vea videos es fácil ver en un listófono Android todas las fallas de un sitio desarrollado en Flash y convencerse que Apple tenía razón: usar Flash en el móvil no tiene sentido.

La mayor parte de los dispositivos con que la gente accedera a la web en el 2015 serán móviles

Y en un mundo en que los dispositivos móviles se están convirtiendo rápidamente en la vía de acceso principal a la web esto es una falla terrible de parte de cualquier interesado en tener un sitio web.

Los últimos en darle la espalda a Flash son los de Microsoft. Windows 8 incluye la interfaz Metro, esta será la manera principal de usar una tableta o laptop con pantalla táctil, incluyendo la navegación por la web. Y el navegador web no puede usar Flash (ni otros plug-ins).

La razón oficial es la seguridad y simplicidad (o sea que esperan que esa interfaz la use gente insegura y simplona… que es lo más probable) y aunque es posible usar Flash si uno cambia la interfaz a la tradicional es casi seguro que la favorita para usar mientras se anda en la calle será Metro.

Ahora más que nunca es cuando los diseñadores que todavía están atados a Flash deben comenzar a aprender tecnologías estándar. Ni modo, van a tener que abrir el editor de texto y aprender HTML5 y CSS3 en lo que llegan herramientas gráficas que estén a la altura. Lo cierto es que ya no van a poder desarrollar el mismo tipo de sitio abigarrado y pesado. Y no nada más por las limitaciones de HTML5 y CSS3, sino también por las nuevas exigencias del medio: pantallas pequeñas, anchos de banda limitados; y el contexto en que la gente va a usar internet: en la calle no tienes tiempo de ver la animación de entrada ni de adivinar la navegación del sitio, simplemente quieres entrar, hacer lo que tienes que hacer y salir. Todo esto mientras estás en un alto, el autobús, en un restaurant o esperando en una esquina.

Este nuevo contexto exige una nueva mentalidad en el diseño y la capacidad de crear sitios que funcionen bajo diversas modalidades (de pantalla, de usuario, de lugar). Hasta el momento la mayor parte de los diseñadores ha demostrado ser muy inflexible, incapaces de pensar más allá del papel y adoptar un medio fluido y alterable por el usuario, siguen atados mentalmente a los viejos conceptos. Lo peor es que luego se burlan de los contadores e ingenieros cuando pueden ser igual de cuadrados o más.

Sin embargo, cada vez más son los verdaderos creativos que están experimentando con código, diseño y casos de uso para construir una web adaptada a esta década (iba a decir al siglo, pero quien sabe que pase en 10 años, menos en 100). Lo que me parece será el primer clavo en el ataúd de Flash y el diseño web “tradicional” (el ataúd lo construyeron los móviles, pero falta clavar la tapa y echarlo al hoyo) es el nuevo sitio del Boston Globe.

El diseño cambia y se adapta al dispositivo donde se esté mostrando, siempre de manera atractiva y teniendo en cuenta las necesidades de quien lo está leyendo. Intenta cambiar la ventana del navegador para que veas a lo que me refiero. Ethan Marcotte de hecho fue quien propuso por primera vez el concepto de “diseño responsivo” para describir este conjunto de técnicas y el Boston Globe es el primer sitio de gran tráfico que lo implementa. Aún más, este sitio se va a convertir en la “app” móvil para el periódico quienes podrán comercializarlo en cualquier plataforma sin gastar más o pagar derechos de piso por estar en la App Store.

Con esto solo los más recalcitrantes seguirán aferrados a Flash, ocultando a sus empleadores la verdad: Flash en la web está muriendo, excepto algunos casos de uso muy específicos usar Flash es una desventaja. Y esos casos disminuyen a cada instante.

Así que si eres “creativo” aferrado al Flash o “diseñador web” que no sabe que es CSS, ahora es el momento de empezar a aprender. Te quedan uno o dos años antes que tu especialización se vuelva un lastre, todavía estás a tiempo.

La world wide web cumple 20 años

El 6 de agosto de 1991, Tim Berners-Lee anunciaba en el grupo de usenet alt.hypertext su proyecto que permitía a todo mundo crear documentos y vincularlos entre sí usando sencillas etiquetas de hipertexto. Le llamó worldwideweb, una sola palabra, y era un navegador para ver páginas creadas por él mismo, o sea también era un editor, y todo mundo era usuario y creador al mismo tiempo. Unos pocos meses antes había terminado el protocolo de comunicaciones y el primer servidor que alojaría las primeras páginas.

Ahora, a 20 años de distancia, es increíble ver el camino que ha recorrido esta tecnología, desde el primer “editor/navegador”, hasta nuestros días de llevar toda la web en un dispositivo móvil (bueno, casi toda, mucha todavía no se ve bien). El concepto de ser creadores y usuarios a la vez es más fuerte que nunca gracias a los medios sociales, pero lo que mucha gente cree que es 2.0 en realidad estaba ideado desde la versión 0.1 de aquel entonces.

Muy grande el logro de Berners-Lee que lo único que quería era una mejor manera de compartir y referenciar artículos científicos, pero se dio cuenta de lo enorme que podía llegar a ser y, muy al contrario que la mayoría, en vez de apropiárselo, patentarlo y cobrar regalías, se decidió por abrir el protocolo, el lenguaje, y regalárselo al mundo.

¡Un brindis este día por Tim Berners-Lee y su gran creación!

Como hacer una buena versión móvil de tu sitio

Todos nosotros conocemos la importancia de tener un sitio móvil estos días, es decir, un sitio que sea accesible desde un listófono, o incluso desde un celular básico que ya casi todos vienen con algún tipo de navegador. Y por supuesto los iPhones, iPads, iPods, iPuds y lo que venga después.

Lo bueno es que gracias a desarrollos como html5, css3, mejores pantallas en los móviles y motores como webkit, construir un sitio que se adapte a las dimensiones de un móvil es más fácil que nunca.

Lo malo es que eso no basta para crear un buen sitio móvil. Para que sea bueno tendrá que ir más allá de adaptar la resolución a la pantalla y cargar una nueva hoja de estilos para que se vea bien en el espacio reducido. Tenemos que pensar sobre que es lo más probable que el usuario quiera hacer y dejárselo lo más fácil y rápido posible.

Mirando a un vaso desechable en vez del sitio web

“¡Al diablo! Está más fácil encontrar la información en el vaso” Foto de Ed Yourdon

Por ejemplo, en un sitio para restaurantes en la versión de escritorio tal vez quieras poner fotos para mostrar el ambiente, los platillos, el estilo del lugar, etc. lo cual está muy bien cuando el usuario está pensando en a donde llevar a la novia a cenar al día siguiente o planeando una comida de negocios tranquilamente en su casa u oficina.

En la calle, con el móvil en la mano y un portafolios en la otra o esperando a que se ponga la luz verde, el usuario probablemente estará en una situación muy distinta: quiere saber que hay de comer, que tan lejos está del restaurante y si es necesario llamar para hacer una reservación. Todo eso con una sola mano, en una pantallita y con prisa. Así que si nos ponemos a enseñarle fotos y escondemos el número de teléfono en el pie de la página lo más probable es que sí se acuerde de nosotros pero no de una buena manera.

Esto no quiere decir que no puedas tener estas cosas en tu sitio móvil, pero será mejor dejarlas en un apartado secundario, a uno o dos clics de distancia, mientras que la primera pantalla se la dejamos a la información que el usuario realmente está buscando y las acciones que queremos que tome (llamar y hacer una reservación, por ejemplo).

El truco está en ponerse en los zapatos del usuario y la mejor manera de hacerlo es agarrar algunos cuantos (de preferencia desconocidos que cumplan el perfil de nuestro mercado meta) y pedirles que nos ayuden a probar un sitio. Y si puede ser en su hábitat natural (la calle, el taxi, el café), mejor. Y si tienen todos dispositivos diferentes, mejor.

Ya que los elegimos les pedimos que lleven a cabo una serie de acciones: hacer una reservación, encontrar el menú del día, hacer una orden, pedir más información, es decir, las acciones que a nosotros nos interesa más que nuestros usuarios lleven a cabo.

Mientras las hacen les pediremos que nos digan lo que piensan, que están haciendo y por que lo están haciendo sin darles nosotros ninguna ayuda.

Este es un tipo muy básico de prueba pero nos ayudará muchísimo a darnos cuenta como se comporta nuestro sitio web móvil y donde necesitamos corregir o hacer más fácil su uso. Literalmente hacer estas pruebas representan un mundo de diferencia.

¿Tienes alguna otra sugerencia o pregunta sobre sitios web móviles? ¡Déja un comentario!

Como hacer tu sitio móvil más rápido.

En una encuesta realizada por la empresa Compuware se reveló que los usuarios de internet móvil esperan un tiempo de respuesta igual al de los sitios de escritorio, a pesar de que la capacidad de procesamiento de un teléfono, aunque han mejorado mucho, no es ni de cerca la de una computadora de escritorio promedio. Además que el ancho de banda deja a veces mucho que desear y la información no baja igual de rápido.

Esto no le importa al usuario promedio, ellos quieren sus sitios y los quieren ya, al grado que casi la mitad de ellos no regresaría a un sitio que les haya resultado lento. Y por lento ellos quieren decir que haya tardado más de cinco segundos en aparecer algo.

Algunos teléfonos no muestran sitios que resultan demasiado grandes.

Este es un cliente perdido. Foto de padday

De por sí la velocidad de carga del sitio ya era importante, ahora se vuelve todavía más. Con todos los dispositivos móviles que andan por ahí y con cada vez más gente usándolos para acceder al internet mientras andan por la calle haciendo sus cosas, el tener un buen sitio pensado para el usuario móvil puede ser de importancia vital.

Para hacer el sitio más rápido en cargar puedes seguir estas recomendaciones:

1. No abuses del javascript. Los scripts que vayas a usar de preferencia ponlos al final de manera que el navegador pueda cargar y mostrar el contenido primero.

2. Ten cuidado con la publicidad. A veces los servidores de publicidad se atoran y pueden dejar a tu usuario esperando en lo que responden, por supuesto el usuario no le va a echar la culpa a ellos, sino a tu sitio por ser lento.

3. Pon el contenido relevante antes. No me refiero a ponerlo arriba del “doblez” (the fold) que no existe, sino a ponerlo antes en el código, en vez del encabezado y todo eso que por lo general ponemos hasta arriba y al usuario no le interesa. En ningún lado está escrito que tengamos que escribir el código en orden de aparición, simplemente a eso estamos acostumbrados. Es mejor práctica escribir el código en orden de relevancia y después acomodar donde va todo con css.

4.Usa sprites. Cada vez que llamas a una imagen del servidor el navegador tiene que esperar a que ese servidor responda y a que mande la imagen. “Sprites” es cuando pones todas las imágenes (o las que tenga sentido poner juntas) en un solo archivo grandote y luego usas css para indicar que parte de esa imagen vas a usar, por ejemplo en un fondo o en un botón. De esa manera sólo llamamos a un archivo. Claro, tarda más en bajar, pero de todos modos ibas a bajar toda esa información repartida en archivitos.

5. Optimiza las imágenes. Ya que estamos hablando de las imágenes, puedes usar las diferentes hojas de estilo del sitio móvil para cargar imágenes de fondo y del diseño distintas a las del sitio de escritorio. Imágenes que pesen menos y se vean mejor en una pantalla pequeña. Tal vez suene obvio, pero es fácil de olvidar. También es buena idea usar javascript para decidir si se cargan ciertas imágenes ilustrativas o si sólo ponemos un vínculo hacia ellas.

Son mis pequeñas recomendaciones. Si tienes alguna otra o una observación, me lo puedes dejar en los comentarios.

La eficiencia de las camisas

Hace mucho tiempo leí un tweet de ya no me acuerdo quien, que en su momento me causó gracia pero hasta ahora me cayó el veinte que es un ejemplo perfecto de como muchas empresas entienden la eficiencia, tanto en sus procesos productivos como para medir resultados de su web o participación en redes sociales.

El tweet decía más o menos así:

Hace tiempo tardaba una hora planchando una camisa y quedaba toda arrugada. Ahora me tardo 10 minutos. No me acuerdo quien

Camisas esperando a ser planchadas.

Foto de Klara

Y así es en muchas empresas: entienden la eficiencia como hacer las mismas cosas más rápido aunque estén mal. La raíz del problema es que generalmente no se entiende que se está midiendo y para que.

Un ejemplo muy claro lo tenemos en como se miden muchas veces los resultados de un sitio web o en una red social. Para muchas empresas el éxito de su sitio se mide a través de visitas mensuales y tiempo que cada uno de los visitantes pasa en el sitio, pero sin recordar que el objetivo de un sitio web no debe ser que la gente lo mire, sino llevar nuevos clientes a la empresa o mejorar las relaciones con los ya existentes.

“¿Cuánta gente visita mi página?” no nos dice si nuestro sitio está cumpliendo ese objetivo. Es posible que hoy tengamos tropecientos mil visitantes que pasan una hora cada uno en el sitio. ¿Y después? ¿Se van? ¿Quiénes son estos tropecientos mil? ¿Clientes potenciales, existentes, visitantes que vieron algún anuncio nuestro, o entraron por error creyendo que encontrarían otra cosa?

Si no respondemos esas preguntas nuestra estrategia se basará simplemente en obtener más visitantes, gastando dinero para atraerlos esperando que algun compre algo, aunque sea por casualidad. Estaremos dejando las camisas arrugadas más rápido.

Para saber con mayor exactitud que tan útil está siendo nuestro sitio es mejor preguntarse “¿Quiénes visitan mi página? ¿por qué llegaron aquí? ¿responden a las llamadas de acción?” y esas respuestas nos dirán que está pasando y que estrategias podemos adoptar para mejorar.

Es perfectamente posible que una de las estrategias sea tener menos visitantes, pero más enfocados y que una mayor proporción de ellos se convierta en nuestro cliente, de manera que aunque sean menos visitas tendremos mejores ingresos. Además, aquellos que no se conviertan en nuestros clientes por lo menos sabrán bien de que se trata nuestro sitio y podrán regresar otro día con mejor disposición o recomendarlo a un amigo.

Lo que nos lleva al tema de redes sociales. Igualmente, no se trata de cuantos “amigos”, “fans”, “likes” o “seguidores” tengas, sino de quienes sean ellos y que tan bien te lleves. Un grupo de pocos amigos pero cumplidores puede ayudarte a cumplir tus objetivos mucho más fácilmente que una turba poco involucrada.

Cuando estés haciendo tu estrategia de marketing en la red, tanto web como redes sociales, pregúntate “¿cómo le hago para dejar las camisas bien planchadas?” y no nada más “¿cómo le paso la plancha a más camisas?”

Spot and avoid bad web copy /via @paviles

Quick! Kill it before it kills you!

If the content is good, it conveys the right messages, and helps boost online presence, traffic and conversion rates.

The client gets an attractive ROI, the designer is labeled a hero, and referrals flow.

If the content misses the mark, it can damage or even destroy the website, and all that time and effort (not to mention credibility) goes down the toilet.

So here’s an outline of common web copy culprits that kill websites, and how to spot and avoid them. How to Spot and Avoid Web Copy that Kills Websites | Webdesigner Depot

Top 10 WordPress hacks /via @cafenoirdesign

I don’t know if they’re actually the top 10 of all time, but this collection of WordPress hacks is very good!

Everywhere you look you will find articles that talk about the best new WordPress hacks of the year, or the latest hacks for the content management system, but with this article, I hope to show you what I think are the top WordPress hacks of all time, that still work with the popular and ever-growing content management system. Top 10 WordPress Hacks of All Time | Onextrapixel – Showcasing Web Treats Without A Hitch

Principles of responsive web design

Responsive web design is undoubtedly a hot topic in web design right now. To some degree, the popularity of the concept of responsive web design is well deserved because site users are increasingly diversifying their methods of accessing a website. iPad, iPhone, Android mobile devices, desktops, netbooks — we’re in a time where our web designs must function in a multitude number of ways. Understanding the Elements of Responsive Web Design

Como hacer que sendmail envíe los correos locales a otro servidor

Hoy tuve este problema con uno de nuestro servidores web. En este servidor tenemos nuestro nombre de dominio principal, por ejemplo dominio.com y felizmente responde a www.dominio.com y dominio.com cuando lo llaman por http. También manda correo usando sendmail.

Pero, para el servidor que recibe y procesa nuestro correo está en mail.dominio.com y es una computadora muy aparte, ni siquiera está en el mismo país que nuestro servidor web. Nuestro DNS está bien configurado y cada que alguien manda un mensaje a @dominio.com nos llega perfectamente.

Sin embargo, si queremos mandarnos correo desde un script php en nuestro servidor web, éste se va al vacío porque nuestro sendmail considera a @dominio.com como parte de nuestro mismo servidor y trata de entregar el correo localmente. Como el usuario no existe, pues falla y el correo nunca llega a donde tiene que ir (y aunque existiera, no lo va a ir a ver).

Para arreglar este problema hay que darle a entender a nuestro sendmail que realmente @dominio.com no le pertenece. No es culpa del pobre sendmail, nada más hace lo que le dicen y puede ser que le estemos dando mala información en uno o más de estos tres lados:

  1. El archivo /etc/mail/local-host-names
  2. El archivo /etc/hosts
  3. Que uno de los nombres o alias de la máquina local sea dominio.com

Los primeros dos son cuestión de abrir esos archivos de texto y editarlos para quitar las referencias al nombre de nuestro dominio. El tercero se arregla cambiando el nombre de nuestra máquina con el comando hostname. Así:

hostname www.dominio.com

Reinicia sendmail y comprueba que no está considerando tu dominio como local haciendo:

echo '$=w' | sendmail -bt

Si dominio.com no aparece en la lista, ¡lo has logrado! Aunque no está de más hacer un script de prueba por si las dudas.

En el futuro los diseñadores web podrían desaparecer

Por lo menos eso dice este artículo de opinión en la revista Smashing y que ha causado reacciones entre casi todos los diseñadores de renombre. En lo personal dudo mucho que el papel del diseñador deje de tener relevancia al corto o mediano plazo.

El argumento central de la columna editorial se centra en que lo más importante de la web son los datos y el contenido; conforme estos datos se liberan para poder presentarse en cualquier dispositivo (listófono, tableta, televisión, reloj despertador, cafetera, yoyo, etc.) el diseño en cada sitio dejará de ser relevante ya que la interfaz principal será la del dispositivo donde estés viendo la información.

El problema con el artículo es que olvida dos cosas: 1) La web como la conocemos hoy, con páginas y sitios, no va a desaparecer; y 2) el fin de esa información y datos es impulsar a quien la consume a que haga algo.

El primer punto es más fácil de abordar. Estos dispositivos nuevos no vienen a reemplazar a la web, sino a hacerla más accesible, más disponible y más flexible. Si acaso el papel del diseñador (y el sufrido desarrollador esclavizado tras bambalinas sin esperar reconocimiento) será más importante, ya que necesitará la experiencia y conocimiento para hacer que la información pueda adaptarse a los diferentes dispositivos y las circunstancias en que se estén usando.

El segundo tiene que ver con lo que debería ser la finalidad de todo sitio web. La información que ponemos (por lo menos si buscamos trascender de lo meramente personal) generalmente busca un objetivo: aumentar ventas, conseguir votos, concientizar, crear presión social, etc. Este objetivo debe quedar claro en los consumidores y además les debemos dar un camino que ellos puedan seguir fácilmente para aumentar las probabilidades de que nuestra audiencia haga lo que queremos.

Más o menos lo que Ryan Carson quiso dar a entender con su tweet y el post de “Ser Profesional de UX no es un trabajo de verdad”.

Los diseñadores y desarrolladores irán cambiando la manera en que resuelven los problemas de información de un paradigma centrado en el navegador o el dispositivo a un paradigma centrado en la experiencia de usuario y lo que queremos que haga.

Es algo que ya estamos viendo pero que va a cobrar cada vez más relevancia.

Algunas observaciones sobre los 1,000 sitios más visitados

Ayer Google presentó una lista de los 1,000 sitios con más tráfico de acuerdo a sus propias mediciones para ayudar a la gente que compra anuncios con ellos a decidir donde colocarlos.

No he terminado de ver la lista entera ni mucho menos, pero hay algunas cosas interesantes:

En primer lugar está Facebook, con 500 millones de visitantes y 570 mil millones de páginas vistas, o sea, un promedio impresionante de más de mil páginas por visitante.

El segundo lugar, Yahoo, a pesar de tener 490 millones de visitantes apenas se vieron 70 mil millones de páginas ¡500 mil millones menos que en Facebook!

El primer sitio chino está en el lugar ocho. Y de los primeros 20, siete son chinos. Por si acaso a alguien le quedaban dudas de la importancia de China en internet. De hecho, en las estadísticas se puede ver una caída importante en la cantidad de visitas que coincide con la salida de Google de China después del altercado que tuvieron con el gobierno. Eso no quiere decir que esos sitios hayan dejado de recibir visitas, sólo que se dejaron de medir, o sea que su importancia es todavía más grande de lo que dice la lista.

El primer sitio en japonés está en lugar 25, el primero en ruso en el 57, el primero en portugués en 95 y el primero en español en el 200, es decir, la presencia hispanoparlante en la red está muy por debajo de lo que debería. Si creen que es simple cosa de acceso a la red noten que los primeros sitios en portugués son de Brasil, cuyos niveles de acceso son más o menos iguales a los de países como México, Chile, Argentina o España.

Las redes sociales están bien representadas. Obvio, Facebook es la primera y más grande, pero también MySpace y Hi5, las redes de las que se burlan los “social media experts”, están en posiciones muy saludables, 26 y 63 respectivamente; digo, por si estás considerando una estrategia de redes sociales.

LinkedIn, la red social para profesionistas, está en un muy envidiable lugar 56; pero Orkut, el éxito más desconocido de Google, por lo menos fuera de Brasil, (aunque no es un sitio brasileño) está en el 45, por encima incluso de Blogger.

En el primer lugar para una empresa de medios tradicionales es de la Tía Bibi: la BBC está en el lugar 43. Es una lástima que no hayan quedado en el 42 para ser la respuesta a la vida, el universo y todo lo demas. Ese lugar le corresponde a FC2, de los cuales nunca había escuchado.

Después de la BBC hay que bajar hasta el 64 para encontrar al siguiente sitio de medios tradicionales, CNN. Y después al 88 para encontrar a Xinhua, la agencia china. Claro, a menos que contemos a Weather, que surgió a partir de The Weather Channel y está en el 73.

De ahí hay un saltototote hasta el lugar 154 para toparse con Globo de Brasil. No llegué hasta el final de la lista pero las que se supone que son las grandes empresas de medios tradicionales no las vi en los primeros 300.

Por último, la larga cola es muy, muy larga. Después de los primeros 10 sitios o algo así la cantidad de visitantes cae rápidamente y luego muuuy gradualmente y así se mantiene el resto de la lista.

¿Tú qué cosas notas?

Los fondos y gradientes de CSS3 en múltiples navegadores

CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms.Multiple Backgrounds and CSS Gradients – Snook.ca

Jonatan Snook comparte sus hallazgos sobre como hacer funcionar los fondos múltiples y gradientes de CSS3 en múltiples navegadores. Si quieres empezar a experimentar este post es fundamental.

Deja de usar los clichés fotográficos

I am sick of stock photography. We should refuse to use one more photograph of business men shaking hands or ethnically diverse people laughing together.Stop Using Stock Photography Clichés « Boagworld

Seguro los has visto: la gente sonriente, hombres trajeados dándose la mano, el hombre o mujer de color en el fondo para dar la idea de diversidad, etc. El uso de la fotografía stock es un recurso fácil para ilustrar un sitio, pero es blandengue, insípido, estereotipado y no dice nada sobre tu sitio. Bueno, sí dice algo: somos uno más del montón.

Este excelente artículo de Paul Boag te muestra que puedes hacer como alternativa al uso de fotografías stock para que tu sitio sea vibrante, dinámico, diferente y que refleje la personalidad de tu negocio, empresa, persona y todo lo demás de manera positiva.