Podríamos simplemente cambiar el diseño de los botones y mover los bloques, pero nos confundimos, decidimos hacer el sitio tan conveniente. Mostramos lo que hemos hecho.
Determinado para quién estamos haciendo el sitio
La solicitud se recibió en abril de 2020: debido al autoaislamiento, este fue el primer trabajo para nosotros cuando el gerente del proyecto nunca vio a los diseñadores en persona. Cuatro personas trabajaron en el sitio: un gerente de proyecto, un diseñador de UX y dos diseñadores de UI. Hablamos por teléfono todos los días, discutimos conceptos y procesos. Empezamos, como siempre, con la investigación.
Antes de iniciar un sitio web, los analistas de UX observaron las estadísticas del sitio web a través de Yandex.Metrica. Estudiamos indicadores de tráfico, datos sociodemográficos de los usuarios, sus preferencias de contenido, parámetros de sesión y patrones en las páginas vistas. Luego, recopilamos todos los datos juntos y formamos tres audiencias objetivo.
MEDIOS DE COMUNICACIÓN EN MASA.Los periodistas visitan el sitio web del presidente principalmente para obtener comunicados de prensa y la mayoría de las veces visitan la sección "Noticias".
Los periodistas copian textos de noticias, descargan fotos y videos: este es el caso de uso principal para los
funcionarios públicos. Los funcionarios gubernamentales están interesados en la sección "Documentos". Calculamos este grupo por el momento de usar el sitio: el período principal de visitas en el sitio es de 8 a 11 a.m., de 12 a 13 los indicadores caen (todos almuerzan), luego los usuarios vuelven a estar activos de 14 a 19 horas. Nadie visita el sitio por la noche.
Este grupo de usuarios lee y descarga los decretos, órdenes y decretos del Presidente de la República.
Residentes de Tatarstán.La mayoría de las veces están interesados en la sección "Información sobre el presidente" o quieren dejar su apelación a través del formulario de comentarios.
Cada grupo de usuarios tiene sus propias secciones "favoritas"
Hice amigos UX y UI
Después de identificar los principales segmentos de audiencia, comenzamos a hacer prototipos en Figma, definiendo el orden de las pantallas y colocando bloques. Todas las ideas se llevaron allí de inmediato, para que no se perdiera nada. Prácticamente no tocamos la estructura del sitio en sí.
El sitio consta de 6 secciones y 29 páginas. Los sitios estatales están regulados por ley y algunas cosas no se pueden cambiar, por ejemplo, la recepción de Internet.
Asumimos el diseño conceptual: dibujamos la página principal y 6-7 páginas internas en Figma en detalle.
Los primeros bocetos del diseño de concepto se parecían a esto: la
idea del diseño del sitio web adoptado no surgió de inmediato: teníamos varias opciones que no pasaron nuestro control interno y no las mostramos a la Oficina del Presidente; eran buenas, pero no había nada nuevo en ellas.
Había tal opción
En el proceso de trabajo, estudiamos los sitios de los jefes de otras regiones, presidentes de diferentes países, organismos gubernamentales. El sitio kremlin.ru resultó ser el más cercano a nosotros en términos de objetivos; lo usamos como una de las referencias. Por ejemplo, hemos tomado prestada la división del feed de noticias en columnas derecha e izquierda.
Lo tomamos como base, pero agregamos o reelaboramos mucho. Estas son algunas de las ideas que probamos:
- Menú vertical,
- Foto grande del presidente en la página principal,
- Una noticia en la página principal a pantalla completa con una foto,
- Emoji en la interfaz,
- Transmisiones de video con el presidente en la página principal,
- Galerías de fotos como en Instagram.
Emoji en las transmisiones principales y de video.
Al mismo tiempo, reforzamos la idea en sí: al ingresar al sitio, un periodista ve las últimas noticias en la mitad de la pantalla: toda la información preparada en cero clics. Copie texto, descargue fotos, es simple. Si necesita noticias anteriores, a la izquierda está la columna con las veinte últimas noticias.
El visitante del sitio puede leer las noticias sin tener que ir a las páginas detalladas. Esto reduce el tiempo de acceso al contenido y ahora es más rápido y conveniente recibir información actualizada.
Es fácil cambiar entre reportajes de noticias, videos y fotografías en el sitio. Este no es el caso en los sitios gubernamentales y de noticias ordinarios; debe abrirlo en una nueva pestaña.
Queríamos que el sitio funcionara como un servicio y fuera una herramienta conveniente para el periodista. Por lo general, no aparecen más de dos o tres noticias en el sitio al día; el sitio está diseñado para que se puedan ver de inmediato.
Hicimos un sitio web en 3 meses
El proyecto fue rápido: los periodistas literalmente atacaron el sitio con solicitudes. Así es como trabajamos:
- Abril: planteamiento e investigación del problema;
- Mayo: prototipo y aprobación del prototipo;
- Junio: desarrollo del diseño conceptual del sitio y aprobación;
- Julio - diseño;
- Agosto: desarrollo, pruebas.
Aunque la tarea se retrasó en abril, no hubo tiempo para calmarse. Esto es lo que hicimos para acelerar las cosas:
Recopilamos comentarios rápidamente. Por lo general, en tales proyectos, un grupo de enfoque se ensambla y prueba durante aproximadamente un mes. No lo hicimos, pero fuimos a nuestro centro de prensa y recopilamos comentarios en solo un par de días.
Tomar el riesgo. Habiendo acordado el diseño en primera instancia, no esperamos todos los círculos de aprobación, sino que continuamos completando el sitio sin la aprobación final. Podríamos sentarnos y esperar o trabajar, ¿adivinen cuál elegimos?
Trabajo en equipo compartido. Todos los días llamamos al equipo durante 10-15 minutos para determinar quién está haciendo qué, no hay reuniones de planificación de dos horas sobre el proyecto.
Logramos hacer el sitio a tiempo : el 6 de abril comenzamos a investigar y el 30 de junio, después de muchas aprobaciones, se envió a desarrollo. El sitio se lanzó a tiempo, a principios de septiembre.
Vea lo que obtuvimos: president.tatarstan.ru y escriba su opinión en los comentarios.