Planifique el contenido que desea mostrar y para quién es. Averigua qué es y cómo alguien que lo quiere querría acceder a él, y cómo lo obtendrás / producirás. Comience a recopilar o crear contenido AHORA MISMO. Si va a ser generado por el usuario, establezca el tipo de contenido que desea que generen los usuarios.
En base a eso, piense en cómo puede estructurar todo para lograr el flujo y la experiencia esperados y previstos. Piense en el orden en que alguien podría pasar por esa estructura y considere qué información necesita estar allí en cualquier etapa. Luego, identifique la jerarquía y la ubicación de la información necesaria para cada etapa.
Compra tus dominios. Decidir sobre una pila de software. Obtener / crear espacio en el servidor que lo admita. Arrancar motores.
- ¿Debo construir una aplicación web con herramientas que ya conozco o aprender nuevas?
- ¿Cómo puede Skimr convertirse en el lector de RSS más grande del mundo?
- ¿Qué es una API en desarrollo web?
- ¿Cuál es el mejor enfoque para construir un sitio web dada la API RESTful existente?
- ¿Cuál es la mejor herramienta de notificación push web disponible para CS-Cart?
Considere todo lo que tiene ahora y comience a probar ideas sobre cómo lograrlo. Pequeñas piezas de ‘lógica de negocios’. Simultáneamente, comience a esbozar opciones estilísticas y requisitos de experiencia que tengan sentido para lo anterior. (CodePen es increíble para esto. También lo es hablar entre ellos, photoshop o un bolígrafo y papel / pizarra)
Limite o repita sus ideas, hasta que comiencen a encajar. Clasificar, eliminar y enfocar. Busca consistencia y tono claro, tanto en la interfaz como en otros. Comience a construir, teniendo en cuenta que todo lo que construya puede y se extenderá y considere los casos límite. Estás construyendo una base o un marco para todo lo que vendrá. (echa un vistazo a The HTML5 Boilerplate como un posible punto de partida)
Seguir construyendo, colaborar, revisarse mutuamente. Cuando surgen nuevas ideas, suena como que encajan, habla sobre ellas, pruébalas, dile a tus amigos que las prueben … y … si funcionan, funcionan, si no lo hacen, no lo hacen. De hecho, hazlo por todo lo que has construido hasta ahora.
Pausa y evalúa “¿Funciona todo como queríamos?” Verifique todo, desde los pasos uno a cuatro, luego mire lo que ha hecho hasta ahora. Haz un seguimiento de lo que cambió, lo que no y por qué. Averigüe si tiene nueva información. ¿Afecta algo? Asegúrate de estar contento con las cosas y recalibra. Luego, haga lo que deba hacerse según sus decisiones.
Ate los cabos sueltos, revise sus cajas de borde. Intenta romperlo. Explíquelo en todas las situaciones que pueda, comenzando con las más probables para su audiencia.
Ábrelo a un grupo más grande de personas que tú y tus amigos. Pídales comentarios, vea cómo lo rompen, verifique lo que pensó que sucedería con lo que realmente sucede para cualquier acción / dinámica / movimiento en el océano. Escucha. Chinches. Tome nota de las características más utilizadas y las características solicitadas comúnmente, y minimice las características olvidadas … o modifíquelas para que sean más útiles.
Una vez que esté seguro de que es increíble, la gente lo quiere, y lo usa, lo abre al uso público. Posiblemente comience a cobrar por él, o implemente alguna otra forma de monetización, o hágalo de código abierto y construya plataformas a su alrededor si tiene sentido. Tener un fantástico soporte y servicio al cliente.
Ahora siga probando, porque siempre hay una manera de mejorarlo. A medida que más personas lo usen, comenzará a tener que preocuparse mucho más por el equilibrio de carga, la alta disponibilidad y la entrega de contenido.
Pensará en más funciones o mejores formas de hacer las cosas. Obtendrá información que solo puede suceder después de meses de observar patrones de grupos más grandes de personas. Trate de encajar en lo que encaja, y si no encaja pero suena perfecto, agréguelo a la lista para la versión 2.0
Tome todo lo que ahora sabe y comience nuevamente desde el principio con la versión 2.0
TLDR: cree con su audiencia en mente, pregúnteles constantemente qué lo mejoraría (tanto directa como figuradamente), optimice para siempre.
Definitivamente más útil que mi diatriba nocturna:
Libros:
HTML y CSS
JavaScript y jQuery
No me hagas pensar: un enfoque de sentido común para la usabilidad web
Diseño para software: un libro de jugadas para desarrolladores
Estrategia de contenido para la web
Artículos:
Ensayos de Paul Graham
Señal contra ruido
http://zachholman.com/
Mis herramientas favoritas para asociarme en un proyecto web:
Slack: excelente comunicación de equipo e intercambio de archivos, toneladas de capacidad de integración (nivel gratuito)
waffle.io: una placa de estilo kanban / ágil para administrar tareas, se sincroniza con problemas de github (gratis)
Github: copia de seguridad de código, control de versiones (a través de git), colaboración / gestión de sucursales, seguimiento de hitos / progreso, seguimiento de tareas (con waffle = fantástico), visualización del flujo de trabajo, despliegue de ganchos, en serio, si nunca ha usado esto, es increíble. (gratis para repositorios públicos. Obtenga una cuenta organizacional si trabaja con un equipo).
CodePen: creación rápida y perfecta de prototipos html / css / js. Excelente para probar / dibujar ideas rápidamente. También cuenta con programación / colaboración remota de pares, modos de demostración y presentación, y un montón de código inspirador de otras personas en todo el mundo. (nivel libre)