¿Elegir el diseño correcto para un sitio web?

Question

Soy programador (aficionado, pero busco convertirlo en una carrera) por naturaleza, así que cuando me pidieron que diseñara un sitio web me sentí un poco fuera de lugar (la mayoría de mis aplicaciones no tienen UI bonitas, simplemente trabajo porque soy el único que los usa). He estado buscando cómo podría diseñar mi sitio web y comencé a preguntar cómo decidieron ustedes.

¿Qué pautas me pueden dar? ¿Qué debería considerar antes de comenzar a codificar?

Answer 1

Es bastante difícil resumir todo el campo del diseño de la interfaz de usuario en una respuesta.

Haga que las tareas más comunes sean las más fáciles. Averigüe lo que la gente querrá hacer, y hágala lo más intuitiva y directa posible. Don't make them think.

Haz maquetas y prototipos. Observe a las personas que intentan usarlas (mire, no las ayude), y arregle las cosas que encontraron incómodas. Su primer intento de diseño no es correcto, no se oponga demasiado a tirarlo.

Realmente hay mucho en este campo que no se puede explicar a nadie fácilmente. Diseñar no es menos complejo que la programación, pero muchos programadores parecen considerarlo como algo secundario por alguna razón. Pruebe algunos google creativos para los principios de diseño, especialmente cuando se aplican a la web. Mira los sitios que consideras bien diseñados y trata de averiguar por qué te parecen así.

Answer 2

• Siempre debe intentar por lo mínimo al principio.
• Considera la facilidad de uso y la navegación sencilla antes que cualquier otra cosa.
• Tome el ejemplo de otros sitios, encuentre sus puntos débiles y sus puntos fuertes y los herede en su solución.
• En caso de que encuentre su autobloqueo debido a la falta de imaginación de diseño, intente simplemente pensar en marcadores de contenido, es decir, donde algo va, intente dibujar en papel para ver cómo se ve y lo juzga, enjuague y repita y deberías llegar a algo.
• Idealmente, muestre sus bocetos a alguien y tome una segunda opinión.

Answer 3

Diseñar y construir HTML/CSS a partir de un diseño son dos juegos diferentes. El primero requiere habilidad artística, el segundo requiere un gran conocimiento de cómo deberían funcionar HTML y CSS y cómo algunos navegadores eligen entender esas reglas.

Para la primera, si puedes diseñar, genial. Si no puede y el cliente quiere algo que no puede cumplir, hable con profesionales independientes. Hay mil millones de ellos por ahí.

Desarrollarlo puede aprenderse exhaustivamente, pero puede llevar tiempo. Si esta es la primera vez que lleva un diseño complejo a la web, es posible que desee externalizarlo también ... Pero es realmente algo que debe ser capaz de hacer si desea hacer una carrera de esto.

No hay ninguna razón por la que no puedas hacer todo pero debes apreciar que tus habilidades mejorarán con el tiempo y cuando lo hagas primero, podría ser mucho mejor. Como con todo, la práctica hace al maestro.

Answer 4

Como le preguntaron, asumo que hay un cliente involucrado en el proceso. Por lo tanto, cree un prototipo, intente obtener retroalimentación y continúe de acuerdo con esa retroalimentación; trate siempre de mantenerse atento a esas retroalimentaciones en la etapa final; podría ser muy útil. En la mayoría de los casos, la creación del diseño depende del contenido del sitio web. Antes de hacer que su boceto pase por sitios con los mismos temas y el mismo contexto para obtener algunas ideas en su cabeza. Después de varias veces, obtendrás algunas habilidades y la capacidad de realmente sentir cómo se ve. Mi consejo personal es tratar de pensar en un diseño claro, evitar el desorden, pensar en la usabilidad y sobre la funcionalidad en la mayoría de los casos, las características más comunes.

Answer 5

Me he dado cuenta de que soy malo en diseño web: sé HTML, CSS (ambos bastante bien), pero no sé cómo hacer que una página se vea bien. Entonces uso plantillas existentes y hago pequeños ajustes o personalizaciones. Ver estas preguntas para las plantillas gratuitas:

https://stackoverflow.com/questions/851666/free-website-templates-royalty-free-css-html-asp-net

https://stackoverflow.com/questions/522856/what-are-good-resources-for-css-templates-or-templated-layout-sites

Answer 6

Lea, lea Leer !!!

Lo mejor que se puede hacer es leer sobre las técnicas de diseño y las prácticas de codificación.

sitios de diseño:

• http://www.smashingmagazine.com/
• http://www.youthedesigner.com/
• http://www.psdtuts.com/

sitios de codificación (diseño de mentalidad):

• http://www.nettuts.com
• http://cssglobe.com/

Todas las respuestas anteriores son grandes! Mi consejo es aprender tanto como puedas estudiando a los demás (y haciendo preguntas).

Answer 7

Estoy de acuerdo con el enfoque de que solo investigar, leer y buscar es el mejor camino para convertirse en un buen diseñador. Creo que a veces los programadores tienen miedo del ámbito "artístico" porque es muy subjetivo, o piensan que necesitan tener un talento natural.

La mayoría de los buenos artistas trabajan realmente duro para refinar su oficio. El talento natural es más o menos tan útil para un diseñador como las habilidades matemáticas avanzadas para un programador. Puede ayudar en algunas áreas, pero no es obligatorio.

Mire los sitios populares que tienen objetivos similares. ¿Cómo están resolviendo sus problemas usando elementos visuales? ¿Cómo se organiza la información en la página, cómo se puede desglosar, qué piezas son vitales para la funcionalidad del sitio y qué piezas ayudan a mejorar la presentación estética (o no la mejoran)?

Si bien nunca es bueno desgarrar un diseño de sitio, es perfectamente normal tomar prestadas técnicas o ideas y usarlas para crear su propio diseño original.

Primero haga una estructura metálica: esto le permitirá colocar efectivamente la información en la página y pensar en la arquitectura y la funcionalidad sin preocuparse por las cosas 'bonitas'. Luego pase a una maqueta de imagen que es una versión desarrollada del sitio. No tengas miedo de tirar diseños y comenzar de nuevo por completo.

Hay una serie de principios de diseño gráfico que puede recoger en el camino.Siempre es bueno tenerlos en cuenta, pero mi consejo es solo ir con tu intuición por el momento. Si conoce a algún diseñador hábil, solicite comentarios. A los diseñadores les encanta criticar (de una manera agradable).

Mucha gente le sugerirá que lo mantenga simple y directo. Es un gran consejo, pero recuerda: simple puede ser realmente difícil.

En cuanto a un recurso en línea, creo que Web Design From Scratch proporciona muchos buenos consejos en un solo lugar. Hay innumerables recursos increíbles en línea para la ayuda e inspiración del diseño, así que sigue buscando y suscribiéndote a los feeds de blogs.

Buena suerte.

Answer 8

Es posible que también quiera revisar some Alert Box articles por Jakob Neilsen. No los he leído, pero la gente también habla muy bien de sus libros.

También hay un montón de sitios que pueden generar plantillas de CSS para usted, una vez que decida qué tipo de diseño es posible que desee. Eso le proporciona las bases que posteriormente puede ajustar para satisfacer sus necesidades.