#126 58 reglas para un mejor diseño de Interfaz de Usuario

58 reglas para un mejor diseño de Interfaz de Usuario

Una buena UI puede hacer la diferencia entre uso y desuso, y aunque tu función como frontendero sea solo programar o maquetar, tus opiniones cuentan a la hora de trabajar en un proyecto, y una vez que hayas aprendido estas reglas, tus diseños se verán mejor.

Mitos del Design System

El Design System, es una metodología con la que puedes lograr innovación y estabilidad, pero también puedes causar incendios y frustraciones. La razón es que, es un concepto muy general que tiene sus peculiaridades, y por eso hay gente que no lo entiende y comienza a inventarse mitos, como los siguientes.

HERRAMIENTA 🛠️ 
Plotteus

Plotteus, es una biblioteca JavaScript para visualización de información concebida para un mejor storytelling. Deja que tus sitios web cuenten historias y engancha a tus usuarios para que sigan usando tus sitios.

LIPS is Pretty Simple

A veces, hay programadores backend o de otros lenguajes que hacen la transición al mundo del frontend y no se encuentran cómodos con las herramientas, metodologías y paradigmas de la Web y terminan construyendo sus propias herramientas con sus metodologías y paradigmas. Y, por eso, se creó LIPS, para que puedas trabajar con JavaScript utilizando una sintaxis estilo Lisp.

Vue Concurrency

En un número pasado, leíste de una biblioteca de propósito general para escribir código concurrente, pero si lo que necesitas es trabajar concurrencia con Vue en un estilo Vue, esta es la biblioteca que tienes que ver.

INSPIRACIÓN 💡 
7 recursos que todo UX designer y frontendero debe tener en 2024

¿Necesitas inspiración o recursos para complementar mejor tu carrera? Checa estos enlaces que sin duda te ayudarán a dar el siguiente paso como frontendero.

EL RINCÓN DEL DISEÑADOR 🎨 
Lo que se debe y no se debe hacer en el diseño de UX/UI móvil

Cosas básicas que tienes que hacer y que no tienes que hacer si eres diseñador en Diseño de Interfaces de usuario y Experiencia de Usuario orientado a móvil.

NOTICIA 📰 
ESLint v9.0.0-alpha.0

Se viene la versión 9 del linter más popular de todos, y mejor vete preparando para actualizar tu proyecto o plantearlo en la siguiente reunión de proyecto.

UN DÍA COMO HOY 🗓️ 

El 15 de enero de 2001, Jimmy Wales y Larry Sanger crean Wikipedia, la mayor y más popular obra de consulta en Internet.

La palabra Wikipedia es un nombre propio acuñado originalmente por Larry Sanger es la contracción de wiki, que significa tecnología para crear sitios web colaborativos y también procede a su vez de wikiwiki, 'rápido' en hawaiano y encyclopedia, ‘enciclopedia’ en inglés.

Wikipedia es una enciclopedia libre, políglota de la Fundación Wikimedia (Organización sin fines de lucro) contiene más de 20 millones de artículos en 282 idiomas y dialectos, han sido redactados conjuntamente por voluntarios de todo el mundo, y prácticamente cualquier persona con acceso al proyecto puede editarlos.

VACANTE 💼 
Sr. Software Engineer, Web

Ubicación: Ciudad de México (Remoto)
Empresa: Pinterest
Requisitos: Comprensión profunda de JavaScript, CSS, DOM, protocolo HTTP y cómo funciona la web. Experiencia con tecnologías como React, Redux (u otras soluciones de gestión estatal) Experiencia en la creación de experiencias de productos en Web de escritorio y Web móvil. Experiencia trabajando con API para crear funciones de interfaz. Comprensión de las mejores prácticas web Fuertes habilidades técnicas. Capacidad para sumergirse en nuevas pilas y bases de código para formar una comprensión profunda de nuestro sistema. Entre otras.
Lo que harás: Cree marcos y funciones sólidos que capaciten a cientos de desarrolladores y brinden soporte a millones de usuarios. Permita que los desarrolladores trabajen de manera más efectiva mejorando la arquitectura web fundamental, las compilaciones, el CI/CD y las capacidades de prueba. Impulsar cambios que mejoren la experiencia general de los desarrolladores para todos los ingenieros web en Pinterest. Identificar desafíos en todo el sitio; proponer, probar y enviar soluciones. Entre otras cosas.

Link para aplicar. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 
¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

function factorial(n) {
    // Condición base: el factorial de 0 es 1
    if (n === 0) {
        return 1;
    }

    // Llamada recursiva: n! = n * (n-1)!
    return n * factorial(n - 1);
}

// Ejemplo de uso
console.log(factorial(5)); // Debería devolver 120
console.log(factorial(0)); // Debería devolver 1

• La función factorial toma un número entero n como argumento.

• Si n es 0, devuelve 1. Esta es la condición base de la recursión, ya que el factorial de 0 se define como 1.

• Si n no es 0, la función se llama a sí misma con n - 1. Esto reduce el problema a calcular el factorial de un número más pequeño.

• Cada llamada recursiva multiplica n por el resultado de factorial(n - 1), acumulando así el producto para obtener el factorial.

• Finalmente, una vez que la recursión alcanza la condición base (factorial de 0), se devuelve el resultado acumulado.

CHALLENGE DE HOY ⚔️ 
Escribe una función en JavaScript que encuentre el elemento faltante en una secuencia de números.

• La función debe aceptar un array de números enteros consecutivos, pero con un elemento faltante.

• Debe devolver el número que falta en la secuencia.

• Asume que solo hay un elemento faltante y que la secuencia siempre tiene al menos dos números.

Ejemplo:

const secuencia = [1, 2, 3, 5, 6, 7];

La función debería devolver 4, ya que es el número que falta en la secuencia.

Comparte tu respuesta en redes sociales y etiquétanos (@frontenderos), compartiremos nuestra respuesta en el issue de mañana. 😎 

Tu feedback nos ayuda a mejorar

Por favor elige una opción y dinos lo que te gustó y lo que no. Leemos todas las respuestas 👀