¿Cuáles son las diferencias en el diseño de una aplicación web frente a un sitio web?

La primera respuesta que obtuve fue intuitiva e irracional: desde mi perspectiva, los objetivos, métodos y técnicas generales de UX son los mismos para el sitio web y la aplicación web. Pero la respuesta intuitiva no suele ser esperada. Así que seguí pensando. La lista de supuestos a continuación me ayudó a llegar con el segundo, que parece más racional.

  • Supuestos
  • La respuesta
  • Definición de términos
  • Referencias

Supuestos

La pregunta que se hace requiere una discusión fructífera para ser respondida. Entonces, para que la respuesta sea menos abstracta y filosófica, asumo lo siguiente:

  • Consideramos una aplicación como un software diseñado para ayudar al usuario a realizar tareas específicas [1].
  • Consideramos un sitio web como un conjunto de páginas web relacionadas que contienen contenido (medios) como texto, imagen, video, audio, etc. [1]. De acuerdo con la clasificación de Alan Cooper, es un sitio web informativo [2].
  • No consideramos “sitio web de servicio” [2]: sitios web con módulos funcionales de servicio como comercio electrónico (proceso de pago, gestión de cuentas) o redes sociales, ya que es una mezcla de sitio web informativo o RIA.
  • No tenemos en cuenta la influencia de la plataforma: específica del dispositivo (resoluciones de pantalla, patrones de interacción), específica del tipo de aplicación (tipo de interfaz), específica del marco de desarrollo (limitaciones, bibliotecas de interfaz de usuario) ya que todos estos aspectos influyen tanto en la aplicación como en el diseño del sitio web.
  • Creemos que tanto las aplicaciones como los sitios web se pueden usar / navegar en / con varios dispositivos en diversos contextos.

Una respuesta

Una diferencia principal que veo es que el sitio web tiene más información y la aplicación tiene más que ver con las tareas. Entonces, para el sitio, el diseño de UX es enfocarse en la capacidad de búsqueda: permitir que el usuario encuentre la información que está buscando de la manera más fácil y esperada. Para la aplicación: UX es eliminar todas las barreras en la forma en que el usuario se utiliza para resolver las tareas.

UX diferenciación de objetivos

Esta diferencia principal causa la diferencia en los objetivos de UX (Fig. 1) que se muestra a continuación.

Fig. 1 Objetivos UX: sitio web vs aplicación

Fase de investigación UX técnicas de diferenciación

También hay diferencias en las técnicas y métodos utilizados con frecuencia al diseñar UX de sitios web y aplicaciones. Las diferencias de fase de investigación se ilustran en la Fig. 2 a continuación.


Fig. 1 Diferenciación de métodos de fase de investigación: sitio web versus aplicación

Proceso y entrega de diferenciación

El proceso y la diferenciación de entregables para el diseño del sitio web y la aplicación / producto, tal como lo veo, se muestran en la presentación (website-vs-application.pdf) proporcionada. La composición del equipo también es diferente, pero este tema no está cubierto ni aquí ni en la presentación.

Términos y definición de abreviatura

  • Una aplicación (aplicación): “Software de computadora diseñado para ayudar al usuario a realizar tareas específicas”.
  • Un sitio web (sitio): un conjunto de páginas web relacionadas que contienen contenido (medios) como texto, imagen, video, audio, etc.
  • Plataforma: una plataforma informática incluye una arquitectura de hardware y un marco de software (incluidos los marcos de aplicación), donde la combinación permite que se ejecute el software, particularmente el software de aplicación. Las plataformas típicas incluyen la arquitectura de una computadora, el sistema operativo, los lenguajes de programación y la interfaz de usuario relacionada (bibliotecas del sistema en tiempo de ejecución o interfaz gráfica de usuario)
  • Sitio web informativo: un conjunto de páginas web relacionadas que contienen contenido
  • Sitio web de servicio: sitio web informativo + funciones de servicio. Por ejemplo: comercio electrónico (proceso de pago, gestión de cuentas) o sitios de servicios financieros.
  • Experiencia del usuario (UX): “la forma en que una persona se siente al usar un producto, sistema o servicio, las percepciones y respuestas de una persona que resultan del uso o uso anticipado de un producto, sistema o servicio” “. Por lo tanto, la experiencia del usuario es subjetiva y se centra en el uso “.
  • Arquitectura de la información (IA): ciencia de la organización y etiquetado de sitios web, intranets, comunidades en línea y software para apoyar la usabilidad [4]
  • Rich Internet Application (RIA): aplicación web que tiene muchas de las características del software de aplicaciones de escritorio [1]
  1. Wikipedia
  2. Alan Cooper. Acerca de Face: los fundamentos del diseño de la interfaz de usuario. John Wiley & Sons. ISBN 1568843224, 1995SO FDIS 9241-210: 2009. Ergonomía de la interacción del sistema humano. Parte 210: Diseño centrado en el ser humano para sistemas interactivos (anteriormente conocido como 13407). Organización Internacional de Normalización (ISO). Suiza.
  3. ‘¿Qué es IA?’ Instituto de Arquitectura de la Información. IAinstitute.org
  4. Kim Goodwin Diseñando para la era digital: cómo crear productos y servicios centrados en el ser humano – Wiley, 2009

Un sitio web suele estar estático y centrado en el contenido, mientras que una aplicación web proporciona una experiencia interactiva.

Al diseñar un sitio web moderno, comenzaría describiendo el contenido para cada tipo de página y luego asegurándome de que el formato responda para que el contenido se vea bien en una computadora de escritorio, tableta o teléfono inteligente. Consulte el marco receptivo de Twitter Bootstrap si aún no lo ha hecho: http://twitter.github.com/bootst

Si está diseñando una aplicación web, verificaría Node.js, que es un marco de JavaScript del lado del servidor que proporciona un método súper eficiente para manejar las solicitudes de los usuarios y elimina la necesidad de usar un lenguaje de secuencias de comandos del lado del servidor como Ruby On Rails, PHP o Python: http://nodejs.org/

Primero, creo que es importante definir los dos para establecer cuáles son los requisitos para diseñar uno frente al otro. Las diferencias entre los dos son bastante subjetivas, pero la forma en que generalmente delineo es por el enfoque del producto en la entrada frente a la salida. Los productos que se denominan más comúnmente como “aplicaciones” tienen un enfoque mucho más intenso en la entrada que finalmente afecta su salida. Mientras que los “sitios” tienen un mayor enfoque solo salida. Por ejemplo, un sitio de publicación como The New York Times generalmente no se conoce como una aplicación, ya que su enfoque principal está en la salida (artículos) que produce. Ciertamente, puede haber componentes como los comentarios, que tienen un fuerte enfoque en la entrada, pero este no es el enfoque principal del producto. Un ejemplo de un producto con un fuerte enfoque en la entrada sería algo como Facebook. Su función principal es a través de la entrada de información que en última instancia conduce a más salida por el propio sistema.

Creo que los requisitos para diseñar un “sitio” frente a una “aplicación” son bastante diferentes. Si bien el diseño de salida es importante cuando se diseña en cualquier situación, puede diferir bastante cuando se equilibra con las prioridades de la entrada. El diseño de métodos de entrada a menudo puede conllevar una mayor complejidad, ya que requiere comunicar claramente la intención al usuario.

Como empresa de desarrollo de sitios web y aplicaciones web, se nos ha preguntado muchas veces la diferencia entre un sitio web y una aplicación web. Así que aquí hay un artículo para ayudar a las empresas a comprender la diferencia.

Un sitio web muestra contenido útil para las masas. El objetivo de un sitio web es educar a las personas sobre productos, servicios o logros de empresas o individuos. Los sitios web más avanzados pueden tener características como comercio electrónico, administración de contenido y contenido dinámico.

Una aplicación web proporciona una funcionalidad avanzada que ayuda en el desempeño de los negocios y aumenta la interacción y las transacciones del usuario.

SnapDeal, Flipcart, eBay, quikr, YouTube, Facebook, Twitter son ejemplos de aplicaciones web. Incluso su banco que ofrece servicios bancarios en línea es una aplicación web. Si puede pensar en un sitio donde cree una cuenta, inicie sesión y realice negocios reales, probablemente sea una aplicación web.

La aplicación web se puede presentar como un sitio web o como parte de un sitio web, ¡pero no todos los sitios web son aplicaciones web!

Artículo completo: Sitio web versus aplicación web, ¿cuál es la diferencia?