UX UI para principiantes

UX es el acrónimo de “User Experience” y UI “User Interface”, UX UI, traduce entonces “Experiencia e Interfaz de Usuario”, y se trata de la disciplina encargada de desarrollar cómo es la interacción entre un usuario (humano) y un sistema informático.

La historia del UX UI empieza por las tarjetas perforadas y ha avanzado a temas tan estrafalarios como el implante de microchips; pero en términos generales para el año 2022, el término refiere fundamentalmente a la interacción de usuarios con pantallas táctiles, el mouse de un computador y en algunos casos al uso, cada vez más extendido, de comandos de voz y biometría.

A lo largo de la historia de la informática hemos visto dos tipos de usuarios: Usuarios sofisticados, con conocimientos técnicos e interés en la informática y usuarios comunes, consumidores de tecnología por conveniencia en temas laborales, de entretenimiento, académicos o gestión de cualquier tipo de organización.

La revolución informática ocurrió cuando el usuario común logró interactuar con éxito con un sistema informático. Mucho tenemos que agradecer a Nintendo, a Atari y por supuesto a Apple; y fue en esta última compañía, en la cual el ingeniero y psicólogo Don Norman fue el primer encargado formalmente de “experiencia de usuario” y fue justamente él quien acuñó el término en 1995.

 

 

Desde nuestra visión, la experiencia de usuario es hoy una disciplina fundamental en los negocios digitales. Al día de hoy entendemos que las redes sociales son el primer punto de contacto del cliente con los consumidores, las interacciones que ocurren después del clic inicial, son las que llevan a concretar un negocio y/o a profundizar una relación con cliente. 

Hoy un producto o servicio que ofrezca mucho valor al cliente, puede no llegar al cliente si el viaje digital del consumidor para utilizarlo o comprarlo es aburrido, confuso o ambas cosas.

Aspectos a tomar en cuenta

 

El diseño de experiencias de usuario debe tomar en cuenta tres aspectos
fundamentales:

Necesidades de negocios

El objetivo fundamental de una compañía que decide invertir en una iniciativa de software es resolver problemas de negocios, que en su forma simplificada siempre están asociados a: vender o reducir costos (o una combinación de ambas). Está claro que cada negocio y cada industria tiene sus formas y sus complejidades, pero en general las soluciones de software apuntan al autoservicio de clientes externos o internos dentro de una compañía. Entender el objetivo de negocio subyacente a cada iniciativa y conocer a través de qué indicadores va a medir la compañía la iniciativa es fundamental para diseñar una experiencia de usuario.

Necesidades del usuario

Entender quién es el usuario final de la tecnología, qué lo motivaría a usarla, cuál(es) es(son) las rutas que utiliza para interactuar con la tecnología, a través de qué dispositivos, con qué frecuencia, en qué horarios, en qué estado de ánimo lo haría es fundamental para realizar cualquier diseño.

Restricciones técnicas y financieras

La construcción conceptual de cualquier solución debe pasar por el filtro de evaluación de la viabilidad técnica y financiera. ¿Es posible realizar el proyecto en los tiempos que lo necesitamos? ¿Es posible hacerlo con los recursos y tecnología disponibles? ¿En qué momento o con qué cantidad de usuarios se rentabiliza la solución? El diseño de experiencias de usuario es una disciplina que debe hablar lenguaje de negocios y lenguaje técnico para ser exitosa.

¿Cuál es la diferencia entre UX y UI ?

User Experience (experiencia de usuario) se refiere a la etapa más conceptual del diseño de una solución de software. Implica un inmersión profunda en las necesidades del negocio, del usuario y las restricciones tecnológicas; organizar la información en estructuras (mapas de navegación, arquitectura de información) y definir a grandes rasgos el flujo del usuario a través los diferentes etapas (en términos generales pantallas) de la solución y la información e interacción en cada etapa (maquetas funcionales -wireframes- de cada pantalla).

User interface (interfaz de usuario) se refiere al diseño detallado de la interacción, como regularmente estamos hablando de pantallas, implica en la mayoría de los casos diagramación diseño gráfico, selección de colores, animaciones, así como la redacción de los textos que guían al usuario y los llamados a la acción (call to action) de los botones.

Plataformas

En términos generales el diseño de UX UI, está centrado en el desarrollo de websites (tanto para desktop como para móvil), así como en aplicaciones diseñadas específicamente para un sistema operativo, (desktop o móvil: Windows, Mac, Linux, iOS, Android, etc.). Pero encontramos diseño de UX UI en otras plataformas, desde software para Smart TV o dispositivos para TV como Amazon Fire Stick o Roku, hasta sistemas operativos para automóviles, neveras y lavadoras inteligentes.

Así mismo, el diseño del viaje de un consumidor (customer journey), puede implicar puntos de contactos en diferentes plataformas con un diseño específico.

Por ejemplo: Se puede diseñar un viaje de consumidor que inicie en un ad de Instagram, pase por un chat de WhatsApp y termine en una página web a la medida de los usuarios que hicieron ese viaje de consumidor.

» Ten en cuenta que…

Cuando pienses en digitalizar algún proceso de tu negocio, bien sea interno o externo, tener un aproximación correcta de UX UI hace la diferencia entre una aplicación que es usada por la organización y un «trofeo tecnológico». Ver los datos, levantar información de los usuarios e iterar sobre el funcionamiento real del activo digital, es la garantía del éxito de cualquier experiencia de usuario. «

#DeepGroup #TransformacionDigital #FuerzaDeTrabajoDigital

READ MORE


La transformación digital en acción: Fuerza de trabajo digital

Afortunadamente quedó atrás la idea loca de que la digitalización iba a acabar con la mitad de los puestos de trabajo y con ello la generación de un caos mundial, como lo vendían algunos autores de ciencia-ficción y algunos otros “ciencias-sociales”.

Lo que sí es cierto, es que la transformación digital requiere de una nueva clase de trabajadores, habilidades y rutinas de trabajo; por lo tanto, se necesitan jefes con una nueva aproximación a evaluar los resultados del trabajo y medir la eficiencia de sus trabajadores.

A continuación compartimos algunas claves de nuestra experiencia sobre la fuerza de trabajo digital:

Colaborar en línea

Un paradigma fundamental para la nueva fuerza de trabajo digital es que ahora el trabajo colaborativo ocurre sobre documentos compartidos en la nube. Bien sea con el uso de Google Workspace, la suite de productividad de Microsoft, Slack, Notion o WhatsApp, nuestros equipos de trabajo están compartiendo de manera permanente documentos sobre proyectos y si no los están haciendo… ¡es hora de empezar!

Ahora, más allá de la plataforma que se esté utilizando, cada organización así como cada grupo humano, funciona bajo un conjunto de reglas explícitas o implícitas. El rol de la gerencia es impulsar esta dinámica generando algunas reglas explícitas y estando muy atento a las nuevas reglas que imponen  las nuevas tecnologías y/o formas de trabajar. 

Es fundamental que entendamos que una fuerza digital exitosa es experta colaborando en línea.

La difusión masiva de mensajes

Bien sea a través de plataformas ya tradicionales como el correo electrónico, las muy conocidas redes sociales, chats como WhatsApp o Telegram, o nuevas plataformas especializadas como Discord o Slack, la era digital nos permite difundir mensajes de manera masiva. 

Por tanto es responsabilidad de la gerencia distinguir cuando estos mensajes necesitan un nivel más sofisticado en su elaboración tanto de fondo como de forma (redacción del mensaje, diseño gráfico, uso de video, etc.) y es importante la decisión de cómo se integran estas habilidades de comunicación al equipo.

Una fuerza digital exitosa logra comunicar masivamente de manera certera en tono y mensaje.

Automatizar 

Cada vez más las plataformas de software disponibles permiten automatizar procesos que antes eran manuales, las organizaciones deben estar atentas a estas posibilidades de automatización que existen a través de sus gerentes y de su fuerza de trabajo digital. La fuerza de trabajo digital aprende e incorpora estas ventajas y hace el trabajo más eficiente para la organización y para ellos mismos.

Plataformas como CANVA facilitan el diseño gráfico, plataformas como COPY.AI permiten redactar texto a partir de inteligencia artificial, GITHUB COPILOT escribe código de programación con Inteligencia artificial, además de la transferencia de datos y bases de datos que pueden ocurrir entre diferentes plataformas de CRM, plataformas administrativas (ERP), herramientas de correo electrónico, redes sociales, etc.

La fuerza de trabajo digital automatiza pequeños procesos y tareas, y va construyendo un sistema complejo de automatización. A diferencia del pasado este proceso no ocurre de manera centralizada, ni impuesto desde la cúspide de la organización, sino es el fruto de una combinación entre iniciativas de los equipos con negociaciones corporativas de compra de licencias de software y software as a service.

Esto es para todos

Aunque parezca que la fuerza de trabajo digital hoy es un fenómeno reservado para algunas organizaciones, lo cierto es que este hecho trasciende las fronteras de cualquier industria y tamaño de organización. Armar y gestionar equipos con la idea de fuerza de trabajo digital en la cabeza debe ser una prioridad en la cabeza de cualquier gerente.

» Ten en cuenta que…

No hay fórmulas universales en la adopción del uso de la tecnología por parte de una organización. Entender el tipo de tecnología que se adapta mejor al tipo de trabajo y cultura organizacional de tu negocio combina tomar en cuenta asuntos técnicos y organizacionales. «

#DeepGroup #TransformacionDigital #FuerzaDeTrabajoDigital

READ MORE


¿Por qué WordPress?

Somos expertos en desarrollo de  soluciones webs en las principales plataformas y entornos existentes en el mercado, sin embargo hemos seleccionado WordPress como la principal herramienta para los desarrollos de nuestros clientes y en este artículo vamos explicar por qué.

Es estándar

Según la W3techs, organización encargada de realizar estadística acerca de usos de tecnología en Internet, el 42,9% de los websites publicados en Internet están hechos sobre WordPress y si nos concentramos en las páginas Webs realizadas sobre CMS (manejadores de contenido) el 64,1% están hechos en WordPress para el momento en Mayo de 2022.

Si decides mañana cambiar de proveedor de desarrollo web, va a ser muy fácil conseguir un proveedor que pueda tomar control muy rápido de su página hecha en WordPress, con sólo compartir sus claves de acceso.

Es flexible

Un desarrollo basado en WordPress puede convivir con aplicaciones desarrolladas en diferentes tecnologías, permite hacer diseño web maquetando en HTML y CSS (maquetación sólo usando código), puede ser instalado en cualquiera de los proveedores estándar existentes de nube (Microsoft Azure, Amazon Web Services (AWS), Google Cloud, etc.). Esto permite que sea utilizado en grandes corporaciones y en PYMES.

En Deep, hemos realizado desarrollos en WordPress para grandes empresas en la industria de servicios financieros y de consumo masivo, así como para pequeñas y medianas empresas.

A diferencia de los desarrollos realizados en plataformas como Wix o Squarespace, que son orientadas definitivamente a pymes, estas plataformas suelen ser muy cerradas para integrarse a entornos corporativos y muy limitadas para evolucionar.

Es software libre

Por tratarse de software libre cuenta con una innumerable librería de recursos (alguno de ellos gratuitos, aunque en general lo recomendable es trabajar con recursos pagos) orientados a acortar y abaratar el camino para el desarrollo de una solución web.

Conocidos en general como “plugins”, estos recursos permiten entre otras cosas:

  • Convertir tu website en un página de e-commerce.
  • Conectarse de manera sencilla con miles de aplicaciones y compartir datos. (softwares administrativos y contables, plataformas de envío de correo, CRM, redes sociales, etc.).
  • Acelerar tareas complejas de desarrollo web, como la realización de animaciones, manejo de video, gestores de contenidos para propósitos específicos, etc.

Es Controlable

Un desarrollo web montado sobre una plataforma como Wix, Shopify o Squarespace, está alojado en los servidores de la compañía que presta el servicio. Este modelo es conocido como “Software as a Service” (SaaS) o software como servicio, esto implica que la información allí alojada no puede ser respaldada o duplicada a voluntad de su propietario y significa además que está sujeto al control de otra organización diferente a la del cliente.

Es claro que todos los CMS tienen su base de usuarios basados en casos de uso justificados, Shopify es una excelente herramienta para alguien que quiere empezar desde cero una tienda en línea; Wix y Squarespace, hacen un muy buen trabajo para quien necesita una página web brochure sencilla y rápida; y Drupal tiene características similares a WordPress, y es preferido por un grupo de desarrolladores, tiene una comunidad más reducida y por tanto menos recursos, lo que la hace menos vulnerable a ataques.

Así mismo, hay desarrollos web que requieren incluso herramientas de programación mucho más sofisticadas, porque sus funcionalidades son más complejas; en general estos sitios web son “web apps” o aplicaciones web, y se trata de herramientas de trabajo más complejas y hechas a la medida de la necesidad del cliente.

«En ese mismo sentido…

Hay un movimiento de nuevas herramientas para desarrollo de web app e incluso de apps nativas en los sistemas operativos de los teléfonos llamadas “NO CODE”, que como su nombre lo indica, permite la programación de aplicaciones sin necesidad de utilizar código y aunque igualmente requiere altos niveles de abstracción y análisis, no requiere conocer de programación. Hablaremos del “NO CODE” en una próxima entrega.»

#DeepGroup #WordPress #WebDesign

READ MORE