Anevi.com
¿Que es FrontEnd Y Backend en la programación web?

En el campo del desarrollo web, las tecnologías se dividen tecnicamente en dos, Backend y Frontend,  ¿Que es esto?, es muy sencillo de explicar:

 

FrontEnd

 

El frontend son todas aquellas tecnologías que corren del lado del cliente, es decir, todas aquellas tecnologías que corren del lado del navegador web, generalizandose mas que nada en tres lenguajes, Html , CSS Y JavaScript, la persona encargada del frontend, se dedica solo a estas tres tecnologías, aunque esto no significa que no sepa como trabaja el Backend, ya que es necesario para que pueda consumir datos y pueda estructurar correctamente un maquetado en HTML y CSS para su mejor comodidad y la comodidad del Backend a la hora de colocarlo sobre un servidor, normalmente en FrontEnd se encarga de estilizar la página de tal manera que la página pueda quedar comoda para la persona que la ve, es decir, esta persona, debe de conocer tecnicas de User Experience para dar una experiencia de usuario comoda a la persona que visita la página, así mismo debe de saber de diseño de Interacción para que sepa colocar las cosas de tal manera que el usuario las pueda ubicar de manera rápida y comoda, es decir, el Backend posteriormente se encargará de llenar las páginas de información (en ocasiones) y de colocar la página en un servidor, pero esto de nada sirve si la página es fea, por tanto, el programador del FrontEnd debe de saber un poco de diseño, ya que como he dicho anteriormente, este se va a encargar de que la página no solo se vea bonita para el usuario, si no que sea comoda de utilizar, comoda de navegar e intuitiva, existen muchas tecnologías relacionadas a estos tres lenguajes que se utilizan en el FrontEnd, por ejemplo, para JavaScript tenemos angular.js y backbone.js, que son tecnologías avanzadas que utiliza el frontend, este se puede apoyar en librerias de CS y de JavaScript como animate.css y JQuery para poder dar una solución amena y comoda, así mismo, debe de conocer lenguajes de transferencia de información como XML y JSON, y Ajax para hacer solicitudes sin necesidad de refrescar la página, en pocas palabras, el FrontEnd, es el que se encargará de dejar bonita la página, en ver que los datos se muestren de manera comoda para el usuario, de que la interacción que realice sea llamativa y en la estética del sitio.

Backend

El programador backend es aquel que se encuentra del lado del servidor, es decir, esta persona se encarga de lenguajes como PHP, Python, .Net, Java, etc, es aquel que se encarga de interactuar con bases de datos, verificar manejos de sesiones de usuarios, montar la página en un servidor, y desde este “servir” todas las vistas que el FrontEnd crea, es decir, uno como backend se encarga mas que nada de la manipulación de los datos, que en muchas ocasiones suele ser lo más tedioso, pero al mismo tiempo, un Backend no sirve de mucho si no existe un FrontEnd de por medio que se haya encargado de que la página se vea estetica, el programador de Backend normalmente debe de conocer Bases de datos, Frameworks y Librerias que le permitan desenvolverse mejor en la manera en la que sirve las páginas, ya que el se va a encargar de que todos los datos que llegan desde el FrontEnd, lleguen a una base de datos, por tanto, debe de conocer un poco de seguridad, para mantener los datos cuidados y tratar de protegerse de todo tipo de inyecciones que se puedan tratar de hacer al servidor para que no sea vulnerable, así mismo, se encarga de crear API’s para que sus datos puedan consumirse de manera comoda para el frontend y que pueda mejorar la experiencia del usuario, teniendo en cuenta los cuidados necesarios que debe considerar para que su servidor pueda mantenerse seguro.

Conclusión

En si, cada uno de los dos tiene su trabajo, el FrontEnd ve el lado del cliente, y Backend el lado del servidor, uno no puede existir sin conocer como funciona el otro, ¿se puede ser ambos al mismo tiempo?, normalmente uno se debe de dedicar a algo en particular, lo cual no significa que no se pueda ser ambos, pero bueno, en lo personal, me dedico mas al Backend, aunque conozco algo de Frontend, no es imposible ser ambos, pero se requiere mucha dedicación.

 

UI, UX, IxD: ¿Cuál es la diferencia?

Diseño de Interfaces (UI), Experiencia de Usuario (UX) y Diseño de Interacción (IxD) se suelen usar indistintamente. Pero no solamente no son sinónimos, sino que cada uno implica un proceso y un foco diferente.

Entonces… ¿cuál es la diferencia entre ellos? ¿Y por qué es importante conocer esa diferencia?

Diseño de Interfaces, o UI

Hace foco en el artefacto, o, dicho de otra manera, en lo que está dentro de la pantalla. Cuando uno diseña interfaces el problema que está resolviendo está en el diseño: selección y distribución de los elementos de la interfaz (ej. textos y campos del formulario), consistencia del diseño (con la plataforma, con otras pantallas), etc. Es importante aclarar que Diseño de Interfaces no equivale a Diseño Gráfico: el diseño de la interfaz puede incluir o no diseño gráfico. Por ejemplo, cuando uno hace un wireframe está diseñando una interfaz pero no está aplicando diseño gráfico, y cuando uno aplica reglas de estilo a una interfaz está aplicando diseño gráfico pero no está diseñando una interfaz.

Experiencia de Usuario, o UX

Hace foco en el usuario y en la experiencia que se quiere lograr. UX se refiere a lo que experimenta el usuario antes, durante y después de interactuar con el artefacto. Sin incorporar al usuario, no se puede hacer UX. Por eso, resulta fundamental en el diseño de la experiencia, comprender en primer lugar a los usuarios y sus verdaderas motivaciones y necesidades, considerar desde ese lugar qué interfaz, qué contenidos y qué interacciones lograrán el resultado buscado, y finalmente, validar con usuarios los resultados que produce la interfaz propuesta.

La validación se puede hacer de forma directa (pruebas con usuarios, entrevistas cualitativas, relevamiento de modelos mentales), o de forma indirecta (heat maps, A/B testing, click maps).

La diferencia entre validación directa e indirecta, no es solamente metodológica. La validación directa suele ser cualitativa, es decir, nos permite saber por qué los usuarios hacen lo que hacen, mientras que la validación indirecta nos muestra que es lo que hacen, pero no nos dice por qué. Por eso, es bueno validar en primer lugar la experiencia de forma cualitativa como “ajuste grueso”, y luego en forma cuantitativa para buscar el “ajuste fino”.

Diseño de Interacción, o IxD

Se trata de definir las formas de operar la interfaz (por ejemplo, si el ingreso de información o selección se produce mediante teclado, mouse, touch, o una combinación de ellos), los flujos de operación y las respuestas del sistema. En definitiva, pone el foco en el contacto entre el usuario y el artefacto.

¿Por qué es importante conocer la diferencia entre
UI /UX / IxD?

Volviendo a la pregunta inicial,  hay dos respuestas:

  • Por un lado, para que podamos comunicar con claridad lo que estamos haciendo, y qué alcance estamos tomando.
  • Y por otro, para poder generar un lenguaje común con quien nos realiza el pedido. Si todas las partes entienden que Diseño de Interfaces (UI) no necesariamente implica Experiencia de Usuario (UX), tal vez tengamos la suerte de que ya no nos pidan que “le agreguemos UX a la pantalla”; y, si no somos tan afortunados, por lo menos sabremos hacer las preguntas necesarias para entender qué nos están pidiendo exactamente, y ayudar a reformular ese pedido en función de la verdadera necesidad.

 

 

Fuente:

Inicio

UX: ¿Qué es y por qué es indispensable que lo conozcas?

El diseño UX o centrado en la satisfacción del usuario se encuentra en la actualidad en el centro de todas las miradas, despertando así opiniones encontradas, subjetividades y un área de la informática muy ligada con la psicología cognitiva y las emociones. En DattaMagazine ahondamos en la experiencia del usuario desde sus aspectos más simples hasta sus misterios más excitantes.

Antes de comenzar a tratar el tema de la experiencia centrada en el usuario, es necesario realizar una pequeña pincelada de los conceptos básicos para poder responder con certidumbre a los siguientes interrogantes.

¿Qué es UX? ¿Qué aspectos importantes debo tener en cuenta en el 2014?

Con respecto a la definición propiamente dicha de la sigla UX, podríamos sintetizarla como la interacción de una persona o usuario con un entorno digital o dispositivo tecnológico.

De esta interacción dependerá el grado de satisfacción del individuo sobre un producto o servicio determinado, y por consecuente el éxito o fracaso del mismo.

Por lo tanto, para poder generar una experiencia de usuario gratificante, es de suma importancia tener en cuenta el correcto balance de todos los factores netamente técnicos y de interacción, como software, diseño gráfico, hardware, contenidos relevantes, usabilidad, accesibilidad, etc., como así también los elementos psicológicos que determinan el complejo entramado de las emociones y estados de ánimo del ser humano.

A fin de cuentas, esta percepción de un individuo con su entorno virtual es lo que direccionará sus decisiones con respecto a la interfaz en la que está operando, y en última medida su opinión sobre la marca o empresa que lo ha desarrollado.

Este último aspecto referente a la vida psíquica emocional es muy importante para tener una visión clara con respecto al UX, ya que si consideramos al humano unidireccionalmente (es decir en su racionalidad) y apartamos de vista sus sentimientos, se perdería la posibilidad de tener en cuenta al sujeto en su completitud: es decir razón y emoción.

¿Qué perfil se requiere para ser un especialista en UX?

¡Diferenciar un experto UX de uno novato o inexperimentado no es un tema menor! Podemos ver lo que ocurre con Dilbert en esta historieta.

En nuestro tradicional español el diálogo diría más o menos así:

-Hemos entrevistado a cientos de usuarios y convertido todas sus sugerencias en características.

-Como resultado, todos los usuarios con los que hemos dialogado eran unos idiotas y sus tontas sugerencias arruinaron nuestro producto.

-En retrospectiva, probablemente deberíamos haber hablado con personas que trabajen fuera de este edificio.

 

La consultora Nielsen Norman Group, especialista en interfaces y experiencias de usuario, realizó en el 2013 una encuesta a 963 especialistas en UX buscando obtener patrones de personalidad y experiencia requeridas para el rol, que sean de utilidad tanto para quienes precisen contratar especialistas en la materia, como para quienes estén interesados en desarrollar su plan de carrera.

De allí se verificó que, por un lado, hay características innatas que son sumamente valiosas para el rol. Las más valoradas: curiosidad, percepción, empatía y alegría de aprender cosas nuevas.

También hay cualidades adquiridas que son muy respetadas, entre ellas:

  • Ser un Comunicador o comunicadora efectivo
  • Solucionador de problemas
  • Ser críticos del diseño
  • Habilidad de persuadir a otros en cooperar en la resolución de problemas

Con respecto a cuestiones más técnicas, aun más que los saberes de programación se destaca del estudio la importancia de contar de Habilidades de HTML / CSS, y conocimientos de Administración de Proyectos.

Los profesionales de UX que participaron en general contaban con un Título Universitario (college degrees), y se verificó que tener un master es valorado para este campo de estudio.

Pero más allá de la educación recibida, se comprobó que para los encuestados la experiencia de vida y de trabajo es fundamental en esta tarea.

Caso Práctico: Ericsson

Para poder analizar más cabalmente la importancia de incorporar técnicas UX en los procesos de diseño tomaremos en cuenta un ejemplo concreto de una empresa real, reconocida y prestigiosa.

La compañía sueca, que se dedica a ofrecer equipos y soluciones de telecomunicaciones, es una de las corporaciones que tiene a UX como un componente clave en su visión y ejecución.

En propias palabras de la empresa: “Ericsson está pasando de ser impulsado por la tecnología para ser impulsado por necesidades y experiencias. Este cambio se ha manifestado en el desarrollo de un enfoque de diseño que se acerca al usuario, vale decir a una experiencia de usuario (UX).”

Como otros gurúes de este paradigma, Ericsson reconoce que UX es un complejo campo que requiere saberes de diversas disciplinas, como tecnología, psicología, arte y negocios.

¿Cuales son los atributos o aspectos que tienen en cuenta al hablar de UX?

Han definido que son: Utilidad, usabilidad, eficiencia, privacidad, seguridad, estética, confiabilidad, carga (charging), jugabilidad y costos.

Su estrategia es sintetizada por los conceptos: Utilidad + Usabilidad + Consistencia.

Esto es: Diseñar lo que los usuarios requieren, que sea eficiente, placentero y a su vez simple de utilizar, de aprender y de recordar. Sumado a las características anteriores el diseño tiene que ser coherente con todo el resto de los productos de la empresa.

Ericsson implementa entrevistas individuales, utilizando una metodología llamada UCD (user centered design) que cuenta con 4 fases que se van repitiendo en un proceso flexible e iterativo.

Método UCD o de las “4D”

Descubrimiento: Relevamiento de los deseos o necesidades del usuario
Definición: Delimitar y documentar las conclusiones parciales
Desarrollo: Construcción y arquitectura del diseño
Delivery: Entrega en sí misma

Dentro de la metodología de acción de la compañía se realizan evaluaciones SUS y NPS.

¿Qué es SUS?
SUS (System Usability Scale) es una forma simple de medir y cuantificar la experiencia subjetiva del usuario respecto a un sistema. Para combinar el resultado final de usabilidad, se deben aplicar fórmulas que obtienen un índice SUS final entre 0 y 100.

Las preguntas que se llevan a cabo son contestadas en un puntaje entre 1 y 5, y son del estilo: “¿Creo que utilizaré este sistema frecuentemente?”, “¿Encontré que las funciones de este sistema están bien integradas?”, “Debo aprender muchas cosas antes de utilizarlo”.

¿Qué es NPS?
NPS es otro indicador, también con un valor final entre 1 y 100, que mide la lealtad de un cliente hacia una marca comercial. Se lleva adelante dividiendo a los encuestadores en promotores, pasivos o detractores de la misma.

Este indicador es extremadamente sencillo de obtener, de interpretar y explicar.

Se basa en tan solo una simple pregunta: “¿Qué tan probable es que recomiende este producto o servicio?”.

La escala utilizada es contestando de 1 a 10 y teniendo como valor de referencia 1 para “nunca recomendaría este producto” y 10 que sería “siempre lo haría”.

Habiendo hecho definiciones llanas y sencillas sobre UX, y luego analizado un caso concreto, es momento de pasar directamente a cuáles son los ítems más relevantes del 2014 enfocados en diseño de sitios web o landing pages.

Tendencias UX 2014

Responsive Design: El diseño responsivo a lo largo del 2013 se ha consolidado como una premisa sólida a la hora de diagramar una página web, debido al crecimiento constante del acceso a Internet a través de diferentes dispositivos móviles. Para este 2014 la fragmentación de los equipos y pantallas seguirá siendo sostenida, por lo que contar con un diseño adaptativo a cualquier tamaño es una forma eficaz de generar confianza en una marca y una satisfacción del navegante.

Web minimalista: Los sitios web despojados de elementos rimbombantes e imágenes que se mueven de aquí para allá son los que atraerán la mayor cantidad de críticas positivas. Es por ello que las web de una sola página con scroll descendente con colores saturados y fuentes o tipografías acordes son las más recomendables para garantizar una buena experiencia del usuario.

Medición de resultados: Es muy importante colaborar con el departamento de marketing incluyendo herramientas que permitan elaborar y analizar métricas como Google Analytics con el fin de evaluar el ROI (retorno de la inversión) entre otros importantes aspectos. Te puede interesar: métricas de email marketing.

Responsive Icons: Los iconos responsivos son aquellos que se muestran de diferentes tamaños dependiendo de las pulgadas de la pantalla de cada usuario.

Cómoda navegabilidad: Un factor clave a la hora de otorgarle a la audiencia una experiencia positiva es crear entornos fáciles e intuitivos con botones claros y llamados a la acción concretos.

Contenido relevante: Como se decía anteriormente, los elementos técnicos no son los únicos que juegan un rol crucial, sino que los emocionales pueden influir de igual o mayor manera. Por ello, cree contenido interesante en donde el lector se sienta tenido en cuenta. Aporte valor con información pertinente y útil.

Si bien no se puede prever las emociones con las que una persona determinada comenzó a navegar una página web, sí es posible dotar al sitio de todos los elementos necesarios para generar sensaciones positivas ligadas a la confianza de la marca, o atracción por sus servicios o productos.

“Debes comenzar con la experiencia del cliente y luego trabajar sobre la tecnología. No al revés.”
Steve Jobs

 

Fuente:
Ivana Nazareno
http://donweb.news