Diseño Web Y Desarrollo: Las 20 Mejores Prácticas

Hace un año comencé a enriquecer mis habilidades de desarrollo y diseño web y a compartir ese conocimiento con los visitantes de mi blog. La mayoría de los proyectos y artículos que escribí todavía son populares en la red. El website The Web-Developer's Handbook se ha convertido en uno de los más populares desde el comienzo del social tagging, fue enviado a digg, a slashdot (2 veces), en delicious los usuarios marcaron 2 de mis notas como favoritas en más de 8000 y 3770 ocasiones; las notas acerca de mis proyectos y artículos aparecieron en: SiteProNews, Lifehacker, Zeldman.com, 456bereastreet, mezzoblue, stopdesign y 274.000 otras 274.000 páginas web.

Photo credit: Hilary Quinn

Lo divertido es que yo estaba explorando mis ideas en la Web, no pensaba en ajustar el posicionamiento de mi website en los buscadores para hacerla más popular, o en encontrar clientes potenciales en la Web. La idea básica era ayudar a la gente. Primero de todo, ayudándome a mi, pero tambien compartiendo mi trabajo con otra gente que pudiera necesitarlo. Y esencialmente es exactamente esa actitud la que proporciona a mi página web cientos de miles de visitantes por semana.

Durante los últimos 12 meses, mientras desarrollaba unos websites, descubrí algunos conceptos e ideas interesantes que me ayudaron a mejorar la calidad del diseño web y de la información que presento en mis websites.

Además, me he dado cuenta de algunos hechos muy reveladores que no conocía. Adquirí una visión de lo que significa crear websites y lo que significa crearlos bien. Dado que esta información puede ser de interés público, me gustaría compartirla contigo presentando los puntos principales en la lista que se encuentra debajo.

Photo credit: Brandon Seidel

Básicamente "20 Reglas para un desarrollo web inteligente y exitoso" es mi elección personal de las ideas y conceptos principales que podrían mejorar la calidad y popularidad de tus websites y proporcionarte una buena base para un desarrollo exitoso en el futuro.

20 Reglas para un desarrollo web inteligente y exitoso

• 1. Respeta a tus visitantes. No intentes forzarlos a leer el contenido de tus páginas web. Deja que ellos elijan y decidan lo que quieren leer. Si tienes algo que decir encontrarás tu audiencia. Sinceramente eres tan bueno como cualquier otra persona. ¿Cuál sería tu reacción ante una docena de pop-ups y bloques de anuncios que sobrevuelan tu página? Justamente es lo que quiero decir.
• 2. La mala publicidad es dañina. Es probable que los bloques de anuncios molestos mejoren tus ganancias por un tiempo, pero en el largo plazo no van a hacer tu website exitoso. De hecho, no consegirás respeto ni explorarás las potencialidades que tu y tus proyectos podrían tener. Sin embargo, las publicidades perfectamente combinadas con el contenido principal y bien ubicadas en la estructura del website (por. ej. deblog.de) no molestan. Aún mas, ambos puntos, reputación e ingresos por publicidad están garantizados. Denny Carl de Devblog.de ubicó Bloques de Texto de Adsense en la columna derecha. A primera vista no se ven y se adecúan perfectamente a la estructura del website.
• 3. Informa y enseña a tus visitantes. Comparte tus pensamientos, ideas, experiencia y conocimientos con aquellos que necesitan o pueden necesitar tus consejos. Dado que tienes esa información, tienes un poderoso instrumento para llamar la atención sobre tus trabajos, intereses y servicios. Además, si compartes conocimiento valioso con otros usuarios, serás respetado y visto como una persona que sabe de lo que habla.
• 4. Desarrolla tu propio estilo. Desarrolla tus propias ideas. Inspírate pero no copies. Es mucho más interesante descubrir lo que eres capaz de hacer que descubrir lo que es capaz de hacer otra gente. Explora tu imaginación y tu curiosidad. Es más probable que las ideas nuevas, o las viejas mejoradas, atraigan más usuarios que copiar las viejas.
• 5. Respeta los estándares. Piensa en la gente. Tomar en consideración los web te ayudará a ahorrar un montón de trabajo en el futuro. No va a pasar mucho tiempo hasta que los estándares web se conviertan en estándares en la Web; y dado que creas páginas web para la gente, es razonable invertir algunas horas extras en revisar el código fuente y aplicarle los estándares si no los cumple. Una vez hecho, ya no tendrás que preocuparte por las nuevas versiones de los navegadores a medida que estén disponibles. Básicamente porque habrás hecho bien tu trabajo. Legibilidad, accesibilidad, usabilidad. . Al respetarlas, respetas a tus visitantes.
• 6. Se claro. Usa un markup claro. No temas decir lo que quieres decir. La ambiguedad crea una distancia innecesaria entre tu y tus visitantes. Al decir exactamente lo que quieres discutir o presentar, inicias un diálogo activo con tus lectores y lectoras. Además, si especificas sobre lo que hablas, es mucho más probable que obtengas feedback o una respuesta a la pregunta que planteaste.
• 7. Odia Internet Explorer si quieres, pero no ignores a sus usuarios. No diseñes tu código para navegadores o resoluciones especiales. No obstante, aplica tu código a Internet Explorer de la misma manera que lo aplicas a otros navegadores. Y, a pesar de que trato de evitar los hacks, a veces no se puede, sin embargo deberían ser tu última opción. Puede que Internet Explorer no sea el mejor navegador disponible pero todavía es usado por más del 85% de los usuarios. Fíjate en la regla #1.
• 8. Preocúpate por tu contenido. Al desarrollar websites trata que estos sean informativos, interesantes y bien presentados. No olvides que tus visitantes recuerdan todo. Una vez que les ofreces un enlace a una página inapropiada sin una explicación previa de lo que van a encontrar en ese enlace, nunca volverás a verlos. Código es poesía, tu contenido es prosa.
• 9. No te preocupes por los motores de búsqueda o web-crawlers y la optimización SEO. No pienses en términos de keywords (palabras claves), lo que tu website tiene para ofrecer es mucho más importante. Te tomará más tiempo hacer Ajustes para modificar tu posicionamiento en los buscadores que escribir un artículo útil en tu blog. Además, si te consideras un experto en SEO, sabes que tendrás que optimizar tu website todo el tiempo para conseguir mejores resultados en los buscadores.. Por otro lado, si publicas un artículo, este estará disponible (con suerte) mientras tu website exista. O sea que tendrás que escribirlo sólo una vez..
• 9a. Evita el SEO errado y el mal PR. La optimización incorrecta (intercambio de enlaces con cada website posible en la red, ubicar tu enlace en granjas de enlaces, etc.) tarde o temprano harán que tu website sea excluído de los principales motores de búsqueda. Estos mejoran los algoritmos continuamente, por eso al final tus esfuerzos resultarán inútiles y terminarás con un Pagerank 0. Además, una vez que tu reputación esté por el piso, será muy difícil conseguir una buena posición en la comunidad de desarrolladores web.
• 10. Contacta, pero no hagas spam. Permite a los que podrían estar interesados en tu contenido, conocerlo. Primero define tu objetivo y tu potencial clientela. Luego examina más detenidamente quienes podrían estar interesados en tus servicios. Piensa en los websites que posiblemente visiten. Luego sólo contacta a los autores de esos sites y coméntales las ventajas de tus servicios. Ten en cuenta que no le estás escribiendo a un motor de búsqueda o web crawler sino a un ser humano quien a su vez decidirá si lo comparte con sus lectores o no, o, más importante todavía, si visitará tu página web o no. Se descriptivo, no envies un enlace, mándale una invitación con una descripción apropiada sobre lo que diferencia tu página web de otros proyectos similares. Asegúrate de que la persona a la que le escribes se de cuenta de que puede ser útil a sus visitantes. Nuevamente recuerda que no se trata del dinero sino de la gente. No hagas spam, no publicites, ofrece contenido útil.
• 11. Escribe, publica, siéntete libre de preguntar. Hay montones de desarrolladores web que se hicieron, se hacen o se harán la misma pregunta que te haces tu ahora. No dudes en preguntar, no dudes en averiguar. Cuanto más inteligente vea tu pregunta, más probable es que la respondan, por lo que más personas encontrara tu website mediante las máquinas de búsqueda.
• 12. Contesta tu correo electrónico inmediatamente. Haz contacto con tus potenciales clientes tan pronto como puedas -no dejes un email en tu bandeja de entrada más de 12 horas. No mandes mensajes de auto-respuesta. La persona que te escribió sabe que te escribió. No desperdicies el tiempo de la otra persona de la misma manera que no desperdiciarías el tuyo. En cambio, trata de causar una buena impresión a la persona que te contactó. Contesta con un estilo de escritura seguro, profesional, amistoso y abierto, no hagas promesas, pero, nuevamente, no temas preguntar.
• 13. Usa las ventajas de la Web Semántica. Tagging, tagging, tagging. No temas mencionar tu website en Digg, Reddit, Furl, del.icio.us, Ma.gnolia, Blinklist y cientos de otros marcadores sociales. Sin embargo elige tus tags o etiquetas cuidadosamente. Los visitantes vendrán. Y si los tags fueron elegidos racionalmente, entonces vendrán más visitantes. Tambien puedes alentar a tus visitantes a etiquetar tus artículos en los marcadores sociales populares.
• 14. Haz relaciones.. Los desarrolladores web creativos reciben siempre apoyo de exhibiciones CSS, galerías y blogs de desarrolladores. Algunos se mencionan aquí.
• 15. Piensa en términos globales. Puede que el contenido de tu página web no le interese al público de tu región, pero las fronteras de la web son vagas y dificilmente visibles (si siquiera existen); entonces ¿Por qué no enviar tu mensaje al mundo? No hay necesidad de buscar un nuevo nicho cerca tuyo si tienes prácticamente oportunidades ilimitadas alrededor del mundo.
• 16. Nunca comprometas tus principios. Al discutir la forma en que se debería presentar o desarrollar un website, respeta los puntos de vistas de tus clientes; pero ten en cuenta que en realidad eres tu quien desarrolla el website. No hagas todo lo que te dicen. Corrige las faltas si te das cuenta que tu cliente está equivocado. Se profesional, al final tu objetivo es crear un website para los usuarios, no para tus clientes.
• 17. Manténte en contacto. Infórmate sobre lo que ocurre en la web. La web se desarrolla rápidamente y las nuevas ideas son compartidas instantáneamente. La mejor forma de estar "sintonizado" es, por supuesto, usar los alimentadores RSS de los blogs populares de desarrolladores. Sin embargo, también vale la pena leer diariamente las revistas de diseño gráfico y las publicaciones de desarrollo web como AListApart, BoxesAndArrows, Digital Web Magazine, Design in Flight, Poynter, Layers Magazine, Graphics.com.
• 18. Aprende a manejar el bloqueo creativo. Para buscar nuevas ideas trata de navegar los foros de desarrollo web prestando atención a lo que otra gente está buscando. Por ejemplo, Sitepoint.com es un recurso visitado por miles de desarrolladores diariamente. Otra opción es..., bueno, tomarse un descanso.
• 19. Embellece la web. El uso de CSS con un diseño claro, legible, inteligente, es hermoso. ¿Cómo puedes resistir esa belleza? Participa en concursos abiertos como CSS Table Gallery, CSS Zen Garden, Comment Design Showcase, Typography for headlines, Form Assembly Garden, sIFR Beauty Showcase. De ésta manera haces más fácil la vida de otros desarrolladores y muestras tu estilo y experiencia.
• 20. Se conciente del Poder de la Web. Tu estás creando la Web, tienes algo que decir. Apoya los proyectos que sean importantes para ti y merezcan apoyo porque vale la pena luchar por esos objetivos. Makepovertyhistory.org es un gran ejemplo.

Photo credit: Sun Jeng Tan

Las reglas arriba mencionadas no te traerán ningún éxito si no crees en lo que haces y no exploras tu creatividad.

Cada idea puede ser La Idea.

Informaciones sobre el autor

Vitaly Friedman es un joven y muy talentoso diseñador web y un experto desarrollador web. Vitaly ha escito e investigado desde que tenía 14 años y hoy sus websites y sus reportes informativos son un testimonio viviente de la calidad y ética de su trabajo. Aprenda más sobre Vitaly viendo su CV y biografía..