Share
Los proyectos varían en alcance y tamaño, y los desafíos que implican varían de la misma manera. Como diseñador web solitario, el trabajo más importante del que soy responsable es FlashDen. Junto con miles de miembros activos que chatean, suben y compran, el sitio procesa grandes cantidades de dinero y grandes cantidades de tráfico..
Diseñar, rediseñar, mantener y trabajar con un equipo de desarrolladores me ha dado algunas ideas y consejos útiles para hacer la vida más fácil. Y desde hoy hemos lanzado mi último rediseño del sitio, parece ser un buen momento para escribir mis 7 consejos principales!
El primer y más grande consejo que puedo dar es diseñar el sitio para que sea fácil de mantener. A menudo, al diseñar un sitio, puedes sacrificar cosas por la estética. Por ejemplo, podría usar imágenes donde el texto o los estilos serían suficientes. O puede elegir deliberadamente una estructura de menú que no tenga espacio para crecer. Cuando el sitio es grande, esto se convierte en una muy mala idea..
Cuando construí la primera versión de FlashDen hace casi dos años, usé imágenes para botones. Se veían muy bien, pero terminé con una biblioteca de 100 imágenes de botones diferentes, por no mencionar los volcados. Luego, en los próximos meses, cada vez que un desarrollador necesitaba un nuevo botón, tenía que pedirme que creara una imagen. No hace falta decir que aprendí esa lección bastante rápido, y cambiamos a una clase de un solo botón que tal vez no se vea tan bien pero que sea mucho mejor para su tranquilidad..
Otro aspecto de la capacidad de mantenimiento es pensar en cómo el sitio va a crecer y cambiar. Por ejemplo, a medida que se agregan nuevas páginas, ¿a dónde van? Al principio, quería tener una navegación horizontal, pero esto es realmente limitado. Después de algunos experimentos, terminamos usando una barra de navegación vertical, permitiendo los elementos del submenú y, además, agregamos una estructura de pestañas en las páginas para permitir agrupar las páginas relacionadas. No estoy diciendo que sea la mejor navegación del mundo, pero ciertamente significa que no estamos rediseñando cada vez que se agrega una nueva sección al sitio.!
Entonces, al diseñar para un sitio grande, busque maneras de simplificar la vida más adelante, porque se alegrará de haberlo hecho.!
Una de las mayores diferencias entre un sitio grande y uno pequeño es la cantidad de tipos de usuarios diferentes que pueden estar usando el sitio. Por ejemplo, en FlashDen, hay compradores, autores, visitantes, administradores y miembros. Cada grupo tiene un conjunto diferente de objetivos y tareas que deben realizar. A veces estas tareas se superponen, pero a veces son muy diferentes.
El mejor ejemplo de un lugar donde las tareas de los usuarios están en desacuerdo entre sí es en una página de inicio. En ningún otro lugar de un sitio convergen todos los grupos de usuarios, y en ningún otro lugar es tan vital asegurarse de que todos obtengan lo que desean. Y, por supuesto, debe tener cuidado de que al servir a un grupo de usuarios no esté ignorando a otro.
En este último rediseño de FlashDen, el área más grande en la que trabajé fue la página de inicio. Lo primero que hice fue hacer una lista de todas las cosas que cada grupo de usuarios debe hacer:
Cuando sepa qué quieren hacer los diferentes grupos de usuarios, puede diseñar una página que resuelva todas sus necesidades. No hace falta decir que esta es una tarea que se vuelve exponencialmente más difícil cuanto más grupos y tareas hay. En otras páginas del sitio, a menudo obtendrá un subconjunto de grupos de usuarios de los que preocuparse, pero en la página de inicio todos convergen. No por casualidad, la página de inicio es el trabajo de diseño más importante que debe realizar en un sitio..
Sin embargo, antes de que pueda resolver las diferentes necesidades, debe priorizar los grupos de usuarios y, para hacerlo, deberá comprender qué es lo que el sitio intenta lograr..
Si bien todos los grupos de usuarios sienten naturalmente que son lo más importante, depende de usted priorizarlos de acuerdo con lo que el sitio mismo intenta lograr. Por ejemplo, en FlashDen, después de sentarnos con el equipo, llegamos a algunas conclusiones de la siguiente manera:
Entonces, a partir de esto, es posible concluir que la página de inicio necesita que los usuarios del servidor se encuentren en este orden: Visitantes> Compradores> Autores> Miembros> Administradores.
Comprender qué es lo que su sitio está tratando de lograr es el hilo final que une las tareas de los usuarios y le dice qué debe tratar de poner en la página. Idealmente, en cada página clave, debe identificar los grupos de usuarios, las tareas y las prioridades. Para una página vital como la página de inicio, hago esto formalmente en papel, y para páginas más pequeñas, a menudo lo haré en mi cabeza mientras diseño..
Es solamente después ¡Ya has descubierto grupos de usuarios, tareas, objetivos del sitio, prioridades, etc., que es hora de diseñar! Es de vital importancia que haga esto primero porque, en un nivel práctico, reduce drásticamente las probabilidades de que tenga que volver y rehacer su diseño. Cuando recién comencé a diseñar un sitio grande sin analizar realmente primero, inevitablemente tuve que volver a trabajar muchas pantallas o incluso interfaces completas..
A muchos diseñadores les gusta usar wireframes en este punto, es decir, simplemente colocar un montón de líneas y cuadros que indiquen aproximadamente dónde deben ir las cosas. Personalmente, prefiero trabajar en Photoshop desde el principio porque soy lo suficientemente rápido y me permite ver realmente lo que va a pasar. También creo que hay más en el diseño de información que donde aparece algo en una página. La simple alteración de colores y colores de fondo puede hacer que un elemento de página más abajo en la página parezca más importante de repente..
Una vez que tenga una idea aproximada de cómo la información debe trabajar en conjunto, debe idear un diseño de trabajo que generalmente esté bien, y luego refinar, refinar, refinar. A menudo terminan con cinco o seis versiones de la misma apariencia, donde he intentado variar diferentes cosas como tamaños de tipo, imágenes, alteraciones de diseño, fondos, etc., para ver cómo afecta la información que está presentando..
No importa lo bueno que creas que es el primer diseño, puedo garantizarte que, después de pasar más tiempo y crear más versiones, habrás descubierto que tu original no fue tan bueno como pensabas al principio. A veces terminas tirando todo el diseño y comenzando de nuevo, pero si tienes una buena base, entonces el refinado te llevará a un gran acabado..
En cualquier trabajo importante, vas a tener muchas otras opiniones involucradas. En la mayoría de los casos estas serán las opiniones de su cliente. Antes de iniciar FlashDen, solía trabajar con todo tipo de empresas que construían sitios web. Entre ellos, tuve la desgracia de diseñar para varias compañías de seguros grandes y algunas organizaciones gubernamentales. Digo desgracia porque cuando llegas a ese tamaño de cliente estás tratando con un mucho de las partes interesadas, y en muchas situaciones no está claro dónde radica el poder real para tomar decisiones. Esto puede resultar en reuniones interminables, cambios interminables y un alto grado de dificultad para llevar a cabo su visión..
Sea cual sea el cliente, es realmente importante obtener sus opiniones. Aparte de cualquier otra cosa, en la mayoría de los casos ellos saben mucho más sobre el negocio que usted. Con suerte, ellos también saben más acerca de los usuarios que usted, y con este conocimiento podrán dar consejos constructivos..
También es importante conocer la opinión del equipo de desarrollo con el que está trabajando. En FlashDen, somos afortunados de tener dos desarrolladores que tienen mucha habilidad en el diseño y la usabilidad de la interfaz de usuario. Y su aporte, junto con el resto del equipo, marcó una gran diferencia en el producto final..
Pero al final, depende de usted como diseñador experto para llegar a la convocatoria final. Si tiene un cliente difícil, esto puede ser complicado, porque un cliente a menudo cree que debería hacer las llamadas finales. Si ese es el caso, necesita (a) encontrar formas de explicar, educar y mostrar al cliente que sus opciones son para su beneficio; y (b) a veces muerde la bala y acepta las directivas del cliente como una restricción adicional en su proyecto, y encuentra formas de hacerlo funcionar.
Cuando está codificando un diseño para un sitio grande, es realmente importante pensar nuevamente en el futuro. La forma en que gestione sus archivos y carpetas le afectará mucho más tarde. Por ejemplo, recientemente hemos decidido crear un sitio hermano para FlashDen que se centre solo en el audio, llamado AudioJungle. Para simplificar las cosas, el sitio ejecutará el mismo HTML, con solo hojas de estilo para que se vea como un sitio diferente. Un desarrollo como ese arroja todo tipo de nuevos desafíos a mis estructuras de archivos y carpetas, mis hojas de estilo y mi HTML. Aquí hay algunas cosas a tener en cuenta:
Cuanto más grande sea el sitio, es menos probable que un diseñador vea o modifique cada página. Si eres un diseñador único en un sitio grande como yo, entonces es posible que tampoco quieras que te llamen para todo. Por lo tanto, vale la pena hacer una hoja de estilo que casi por defecto hace que las cosas se vean bien. Por ejemplo:
Y esto, por defecto, envuelve el texto con un pequeño borde alrededor y un encabezado. Es fácil para un desarrollador trabajar y hace un buen trabajo al separar el texto y hacerlo más legible. También tenemos un componente de barra lateral, que es solo otro paquete para contenido de texto adicional, pero de nuevo hace que la página se vea más visual.
Naturalmente, es óptimo si cada página pasa por un diseñador, pero también es mucho menos estresante saber que, aunque no lo hagan, se verá profesional y uniforme..
Así que esos son mis consejos. Si tiene algo de su propio trabajo en sitios más grandes, deje un comentario!
Accentsconagua