Introducción al artículo de Wulin.com (www.vevb.com): NetEase Weibo, el desarrollo real de HTML5.
HTML5 es cada vez más favorecido por los equipos de desarrollo de Internet en el hogar y en el extranjero. Foreign, Google está desarrollando con entusiasmo la tienda web de Chrome, Microsoft ha lanzado un sitio web de temas de primavera irlandesa que respalda el desarrollo de la tecnología HTML5, y Nokia ha invertido mucho en la compra y la construcción del negocio de mapas de Nokia. Los gigantes nacionales de Internet también están interesados en los nuevos estándares de desarrollo web que se explotan en todo el océano y han comenzado a probar los productos HTML5.
El producto de la aplicación web de la plataforma de iPhone de NetEase Weibo se lanzó con éxito en el primer trimestre de 2012. Ahora compartiré las experiencias y lecciones aprendidas de este desarrollo de proyectos con usted, y espero crecer junto con usted en el entorno de desarrollo HTML5.
Dotación de personal
1. Configuración del desarrollador
Gerente de producto: 1 persona;
Diseñador de interacción: 1;
Diseñador visual: 1;
Ingeniero frontal: 1;
Ingenieros de backstage: 2;
Tester: 1 persona.
2. Tiempo de desarrollo
Diseñador de interacción: 22 días hábiles;
Diseñador visual: 14 días hábiles;
Ingeniero frontal: 50 días hábiles;
Ingeniero de backend: debido al uso de los datos originales de backend, solo necesita cooperar con el ingeniero front-end para llamar a los datos
Entre ellos, la interacción y el front-end usan el tiempo más largo en todo el ciclo de desarrollo.
Proceso de desarrollo de aplicaciones web de NetEase Weibo
1. Planificación de requisitos funcionales: diferente de los clientes web y locales
Persona a cargo: Gerente de Producto; Participante: Diseñador de interacción
La aplicación web de NetEase Weibo (todos se refieren a los teléfonos móviles en este artículo) es diferente de los productos web y también es diferente de los clientes locales.
1. En comparación con la web, la aplicación web NetEase Weibo tiene fuertes ventajas, como la movilidad y los medios, y tiene desventajas, como el pequeño espacio de presentación de información y la arquitectura de información profunda. Las situaciones de uso de los dos son diferentes. Weibo Web se usa principalmente inmersivamente en un tiempo abundante y condiciones de red superiores; Las aplicaciones web de Weibo se usan principalmente en condiciones de tiempo trivial y de red de calidad desigual.
Por lo tanto, la aplicación web de NetEase Weibo debe evitar las funciones grandes y completas, y la necesidad de extraer y seleccionar las funciones más utilizadas por los usuarios en el entorno móvil desde la web, y agregar funciones de necesidades únicas en el lado móvil (como la función de servicio localizada se considerará en la etapa de iteración).
2. En comparación con los clientes locales, la aplicación web de NetEase Weibo tiene las ventajas de ninguna instalación, actualización simple, bajo costo de desarrollo y diseño adaptable. También tiene las ventajas de la velocidad de respuesta lenta, los bajos permisos para recuperar controles nativos de teléfonos móviles y estabilidad ligeramente débil.
Basado en las ventajas y desventajas de los dos, la aplicación web de NetEase Weibo debe ponerse al día con la experiencia de alta calidad de los clientes locales e intentar garantizar el peso ligero y rápido.
En una palabra, las funciones de la aplicación web pueden ser más refinadas que las de los clientes web y locales, que satisfacen las necesidades más centrales de los usuarios en entornos móviles.
Planificación de funciones de la aplicación web de NetEase Weibo, como se muestra a continuación:
2. Diseño de arquitectura de información: lo más superficial y estrecho posible
Persona a cargo: diseñador de interacción; Participante: Gerente de Producto
Las personas que han hecho productos de Internet móvil deben saber por qué la arquitectura de la información debe ser lo más superficial y estrecha posible. La razón principal es el pequeño y costoso espacio de visualización del teléfono móvil. La arquitectura de la información del cliente local del teléfono móvil debe ser superficial y estrecha, y las aplicaciones web necesitan esto aún más, porque siempre hay una barra de herramientas inferior del navegador en la página del navegador, lo que hace que una pequeña pieza del espacio de pantalla ya estrecho se coma. Como se muestra en la figura a continuación:
La barra de herramientas del navegador en la parte inferior de la pantalla del teléfono móvil es muy inútil para los productos de la aplicación web: la aplicación web en sí es una aplicación de circuito cerrado y no requiere la barra de herramientas del navegador. Incluso si no afecta la gran arquitectura de la información, erosionará el precioso espacio de visualización y tendrá un impacto importante en el diseño del sistema de navegación (esta parte se analizó brevemente en el artículo anterior "Discusión sobre el diseño de navegación de la aplicación web de iPhone").