Study case Ux/Ui Cyber Security Company
Who is Netdata? / ¿Quienes son Netdata?
Netdata is a company dedicated to providing cyber security services and software sales. They focus on providing the necessary service to get the most out of the software sold.
-
Es una empresa dedicada a proveer servicios de ciber seguridad y venta de software para ese fin. Se centran en brindar el servicio necesario para sacar el mayor porvecho del software vendido.
What problems or needs do our users have?/ ¿Qué problemas o necesidades tienen nuestros usuarios?
The website contains the necessary information about the company, but there is no clear visibility of the promise of value on the website and the products are not properly categorized for a quick search. Additionally, thanks to the qualitative interviews, the salespeople do not see the site as a tool they can use for sales, so several pain points and opportunities for improvement were established.
-
La página web contiene la información necesaria de la empresa, pero no hay visibilidad clara de la promesa de valor en la web y los productos no estan correctamente categorizados para una búsqueda rápida. Adicionalmente, gracias a las entrevistas cualitativas, los comerciales no ven en la página una herramienta que puedan utilizar para la venta, de esta manera se establecieron varios puntos de dolor y oportunidades para mejorarla.
Below is the current website / A continuación se ve la web actual:
What methodology did we use?/ ¿Cuál metodología usamos?
We performed a work process based on Jared Garret's 5 elements
-
Realizamos un procso de trabajo basado en los 5 elementos de Jared Garret
Objectives / Objetivos
Research objective / Objetivos de investigación:
Identify pain points experienced by users when interacting with the application.
-
Identificar los puntos de dolor que experimentas los usuarios al interactuar con la aplicación.
Business objectives / Objetivos del negocio:
Increase the company's leads through a clear and consistent user experience.
-
Aumentar los clientes potenciales de la empresa através de una experiencia de usuario clara y coherente.
Benchmarking
Esentire:
Strengths / Fortalezas:
Differential colors to those used in the industry, predominance of white. / Colores diferenciales a los usados en la industria, predominancia de blanco
Priority given to industry-related content / Seda prioridad al contenido relacionado a la industrial
Use of a megamenu / Uso de un megamenu
Categorization between physical and cloud-based cybersecurity products and services. / Categorización entre productos y servicios de ciberseguridad físicos y en la nube.
Weaknesses / Debilidades:
Excessive use of text at the top, no clarity of products at the start of navigation. / Uso excesivo de texto en la parte superior, no hay claridad de los productos al inicio de la navegación
SentinelOne
Strengths / Fortalezas:
Dynamic video-focused homepage / Inicio dinámico enfocado en video
Eye-catching graphics and focused on the usual industry, i.e., the user navigates more easily through the product. / Gráfica llamativa y enfocada en lo usual de la industria, es decir, el usuario navega con más facilidad por el producto
Success stories are important and have a privileged position in the home page. / Los casos de éxito son importantes y tienen una posición privilegiada en el home
Weaknesses / Debilidades:
Slow loading of the page due to the initial video. / Carga lenta de la págna debido al video inicial
Paloalto
Strengths / Fortalezas:
Human focus in the storytelling of the product. / Enfoque humano en el storytelling del producto
Weaknesses / Debilidades:
No product or value information at the beginning of the navigation. / No hay información del producto o del valor al inicio de la navegación
Interviews / Entrevistas
To get to know the user and their needs, a qualitative questionnaire was conducted after a group interview with 10 industry insiders, virtually and with the help of FigJam and Uxtweak.
-
Para conocer al usuario y sus necesidades, se hizo un cuestionario cualitativo luego de una entrevista grupal a 10 personas conocedoras de la industria, de manera virtual y con la ayuda de FigJam y de Uxtweak.
These were the most recurrent answers / Estas fueron las respuestas más recurrentes:
Falta resaltar un poco más la información de la empresa / The company's information needs to be highlighted a little more.
Util pero no clara / useful but not clear
Creo es muy técnica y poco amiga / I think it is very technical and not very friendly
No hay una información amplia sobre las soluciones / There is no comprehensive information about the solutions
Servicios muy confusos para quienes son clientes nuevos / Services are very confusing for new customers.
Los productos que contiene cada solución tienen muy poca información / The products contained in each solution have very little information.
Content categorization / Categorización de los contenidos
We also asked users how the information on the site should be organized, especially the products, and these were the results.
-
También le preguntamos a los usuarios como deberia estar organizada la información de la página, especialmente los productos, estos fueron los resultados.
Users categorize the products between physical and cloud, but there is a clear confusion about the services provided by the company thanks to the lack of detail of these.
-
Los usuarios categorizan los productos entre fisicos y en la nube, pero hay una clara confusión de los servicios que provee la empresa gracias a la falta de detalle de estos.
Findings / Conclusiones
1. Products and services, must be categorized in a mega menu with a detailed explanation of the services.
2. Services should be a priority since it is a company that focuses on providing the necessary support for the software they sell beyond just selling it.
3. The products should be at the top of the website so that the user can quickly find what they are looking for.
4. Users do not differentiate between products and services, this is due to the lack of detail.
5. The use of white is a differential in the industry.
6. Being a technology company, it can differentiate by making the visuals more people-centric.
-
1. Los productos y los servicios, deben estar categorizados en un megamenu con una explicación detallada de los servicios.
2. Los servicios deben ser prioridad, ya que es una empresa que se enfoca en dar el soporte necesario del software que venden más alla de solo venderlo.
3. Los productos deben estar en la parte superior de la web para que el usuario pueda enocntrar con rapidez lo que busca.
4. Los usuarios no diferencian entre los productos y los servicios, esto se debe a la falta de detalle.
5. El uso del blanco es un diferencial en la industria
6. Al ser una empresa de tecnología, se puede diferenciar al hacer los visuales más centrados en las personas.
New proposal / Nueva propuesta
Information architecture / Arquitectura de la información
Con base en las conclusiones que encontramos, propusimos una nueva arquitectura de la información y visual de la web.
-
Based on our conclusions, we proposed new information and visual architecture of the web.
Design system / Sistema de diseño
It is proposed to use images that have people who project security interacting with technological assets. Additionally, we propose the use of one more color to give more dynamism to the color palette.
-
Se propone el uso de imagenes que tengan personas que proyecten seguridad interactuando con activos tecnológicos. Adicionalmente, se propone el uso de un color más para darle más dinamismo a la paleta de colores.
1 iteración
For this first iteration, the products categorized according to the results of the surveys are located just below the main banner. Next, are the services grouped into 5 pillars. In addition, the items that reinforce the narrative of why to choose the company as a supplier, are accentuated and given more visual structure to make the information clearer.
-
Para esta 1 iteración, se ubican los productos categorizados según los resultados de las encuestas, justo debajo del banner principal. Seguido se ubican los servicios agrupados en 5 pilares. Además, los item que refuerzan la narrativa de porque escoger la empresa como proveedor, se acentuan y se les da más estructura visual para que sea más clara la información.
2 iteración
For this 2nd iteration, the navigability test is done by changing the position of the products by joining them with the main banner and converting it into an interactive banner.
The product page is also advanced by including an interactive module with information on the products of that category.
-
Para esta 2 iteración, se hace prueba de navegabilidad se cambia la posición de los productos uniendolos con el banner principal convirtiendolo en banner interactivo.
Se avanza además en la página de producto incluyendo un modulo interactivo con la información de los productos de esa categoria.