Glosario y listas
Vocabulario de diseño y UX en inglés
25 términos de diseño para reviews, handoffs y presentaciones a clientes, con el significado, el español y un ejemplo de cada uno.
Reserva una clase de pruebaLa lista
| Término | Significado | Español | Ejemplo |
|---|---|---|---|
| wireframe | a basic layout sketch of a screen | wireframe, boceto | Let's start with a wireframe before the final design. |
| mockup | a detailed visual draft of a design | mockup, maqueta | Here's the mockup for the new homepage. |
| user flow | the path a user takes through a product | flujo de usuario | This user flow has too many steps. |
| usability | how easy a product is to use | usabilidad | We ran a usability test with five users. |
| wireframing tool | software used to sketch layouts | herramienta de wireframing | We use Figma as our wireframing tool. |
| prototype | an early, testable version of a design | prototipo | The prototype is ready for feedback. |
| design system | a shared set of reusable components and rules | sistema de diseño | Everything should follow the design system. |
| asset | a file used in a design, like an icon or image | recurso, asset | Export the assets at 2x resolution. |
| responsive design | a layout that adapts to different screen sizes | diseño responsivo | The site needs to be fully responsive. |
| accessibility | making a product usable for people with disabilities | accesibilidad | We improved accessibility by adding alt text. |
| handoff | passing a finished design to developers | entrega al equipo de desarrollo | The handoff includes specs and assets. |
| iteration | a repeated round of refining a design | iteración | We went through three iterations before approval. |
| stakeholder feedback | input from people with an interest in the project | feedback de las partes interesadas | We collected stakeholder feedback before the final version. |
| user research | studying real users to inform design decisions | investigación de usuarios | User research showed people wanted a simpler checkout. |
| persona | a fictional profile representing a user type | persona, perfil de usuario | This feature was designed around our main persona. |
| information architecture | how content is organized and structured | arquitectura de la información | The information architecture needs to be clearer. |
| visual hierarchy | the order in which elements draw attention | jerarquía visual | Use size and color to create visual hierarchy. |
| breakpoint | a screen width where a layout changes | breakpoint, punto de quiebre | We added a new breakpoint for tablets. |
| style guide | a document defining visual rules for a brand | guía de estilo | Check the style guide before choosing a color. |
| pixel-perfect | matching a design exactly, down to the pixel | pixel perfect | The developer built it pixel-perfect. |
| A/B testing | comparing two versions to see which performs better | prueba A/B | We ran an A/B test on the new button color. |
| dark mode | a color scheme with a dark background | modo oscuro | Dark mode is now available in the app. |
| onboarding flow | the first steps a new user goes through | flujo de incorporación | We simplified the onboarding flow to three steps. |
| feedback loop | a process of gathering and acting on input | ciclo de feedback | We built a feedback loop with real users. |
| design critique | a structured review of a design by the team | crítica de diseño | Bring your mockups to the design critique on Friday. |
Cómo usarlos en el trabajo
- Muchos términos de diseño se quedan en inglés incluso en equipos que hablan español (mockup, wireframe, handoff), el mismo patrón que en tecnología y ventas.
- Actually no significa actualmente. Usá currently para el estado actual: we're currently iterating on the checkout flow.
- Al presentar trabajo de diseño a clientes de habla inglesa, empezá por el problema del usuario que resuelve el diseño, y después mostrá la solución. Ir directo a lo visual sin contexto puede leerse como estilo sin sustancia.
Práctica
Multiple choice cloze (opción múltiple)
Elegí el término que encaja en el hueco.
0 de 8 comprobadas
Preguntas
- ¿Cuál es la diferencia entre wireframe y mockup?
- Un wireframe es un layout básico, muchas veces en escala de grises, enfocado en la estructura. Un mockup suma el diseño visual real: color, tipografía e imágenes.
- ¿Puedo practicar presentar diseños en inglés en clase?
- Sí, una clase de inglés para el trabajo puede simular críticas de diseño o presentaciones a clientes usando tu portfolio real.
Sigue con
¿Quieres practicar esto con Pili?
Reserva una clase de prueba. Te responde con horarios en hora de Buenos Aires.
Reserva una clase de prueba