5.2: Términos y conceptos clave
- Page ID
- 67132
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)
( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\id}{\mathrm{id}}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\kernel}{\mathrm{null}\,}\)
\( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\)
\( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\)
\( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)
\( \newcommand{\vectorA}[1]{\vec{#1}} % arrow\)
\( \newcommand{\vectorAt}[1]{\vec{\text{#1}}} % arrow\)
\( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vectorC}[1]{\textbf{#1}} \)
\( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)
\( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)
\( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)| Término | Definición |
| Por encima del pliegue | El contenido que aparece en una pantalla sin que un usuario tenga que desplazarse. |
| Accesibilidad | El grado en que un sitio web está disponible para usuarios con retos físicos o limitaciones técnicas. |
| Pan rallado | Enlaces, generalmente en la parte superior de la página, que indican dónde se encuentra una página en la jerarquía del sitio web. |
| Llamado a la acción (CTA) | Una frase escrita para motivar al lector a tomar medidas como suscribirse a nuestro boletín de noticias o reservar alquiler de coches hoy mismo. |
| Auditoría de contenido | Un examen y evaluación del contenido existente en un sitio web. |
| Estrategia de contenido | En este contexto, un plan que esboce qué contenido se necesita para un proyecto web y cuándo y cómo se va a crear. |
| Convención | Una regla común o manera probada en la que se hace algo. |
| Conversión | Completar una acción o acciones que el sitio web quiera que realice el usuario. Por lo general, una conversión da como resultado ingresos para la marca de alguna manera. Las conversiones incluyen suscribirse a un boletín o comprar un producto. |
| Credibilidad | En este contexto, qué tan confiable, seguro y legítimo se ve un sitio web |
| Fidelidad | Un diseño de interfaz. Un prototipo de baja fidelidad será básico, incompleto y se utilizará para probar conceptos amplios. Un prototipo de alta fidelidad estará bastante cerca del producto final, con detalle y funcionalidad y se podrá utilizar para probar funcionalidad y usabilidad. |
| Arquitectura de la información | La forma en que los datos y los contenidos son organizados, estructurados y etiquetados para apoyar la usabilidad. |
| Navegación | Cómo interactúa un usuario web con la interfaz de usuario para navegar por un sitio web, los elementos que ayudan a optimizar la usabilidad y la señalización visual para que los usuarios nunca se sientan perdidos. |
| Prototipo | Wireframes interactivos, generalmente de mayor fidelidad, que han sido enlazados como un sitio web, para que puedan ser navegados por ellos haciendo clic y desplazándose. |
| Diseño Responsive | Un enfoque de diseño que permite que la visualización de un sitio web cambie según el tamaño de la ventana gráfica o pantalla, independientemente del dispositivo en el que se muestre. |
| Optimización de motores de búsqueda (SEO) | El proceso de mejora de la clasificación de sitios web en páginas de resultados de motores de búsqueda |
| Mapa del sitio | En un sitio web, una página que enlaza con cualquier otra página del sitio web, y muestra estos enlaces organizados de acuerdo con la jerarquía de información. En la terminología UX, este es el plan estructural visualizado de cómo se diseñarán y organizarán las páginas del sitio web. |
| Usabilidad | Una medida de lo fácil que es usar un sistema. Los sitios con excelente usabilidad tienen una tarifa mucho mejor que aquellos que son difíciles de usar. |
| Diseño centrado en el usuario (UCD) | La filosofía de diseño donde los diseñadores identifican cómo es probable que se utilice un producto, teniendo en cuenta el comportamiento del usuario y priorizando los deseos y necesidades del usuario. UCD coloca al usuario en el centro de toda la experiencia. |
| Diseño de experiencia de usuario (UXD) | El proceso de aplicar principios, técnicas y características comprobados para crear y optimizar el comportamiento de un sistema, mapeando todos los puntos de contacto que experimenta un usuario para crear consistencia en la interacción con la marca. |
| Interfaz de usuario (UI) | La parte orientada al usuario de la herramienta o plataforma, es decir, el sitio web, la aplicación, el hardware o la herramienta real con la que interactúa el usuario. |
| Wireframe | El esquema esquelético de la maquetación de una página web. Esto puede ser rudo y general, o muy detallado. |