2011-12-30 20 views
6

Diseñando una aplicación web con ASP.NET MVC Me pregunté cómo puedo complacer a las personas que usan un teléfono inteligente, ipad, etc. (todo lo que se puede tocar ...) y no solo una computadora de escritorio/portátil con un navegador.¿Qué hace que una aplicación web sea una aplicación amigable?

¿Cómo puedo desarrollar una mejor experiencia de usuario.

Me complacerá escuchar los consejos técnicos sobre el framework asp.net mvc para que luego pueda implementar sus sugerencias de manera concreta.

+0

Si está desarrollando una interfaz táctil como iPhone/iPad/Android, asegúrese de no incluir ningún código que lo haga pasar por encima de algo para verlo/interactuar con él. Estos dispositivos no tienen el concepto de vuelo estacionario. Si haces esto, al menos proporciona algún tipo de solución. – Dismissile

+0

Esta pregunta puede obtener mejores respuestas en [Intercambio de pila de experiencia de usuario] (http://ux.stackexchange.com/). –

+0

@djacobson Lo haré más tarde también. – Elisabeth

Respuesta

0

ir a través de mi tutorial ASP.NET MVC 4 Mobile Features

  • crear vistas específicas para dispositivos móviles.

-utilice el atributo de vista HTML5 y la representación adaptativa para mejorar la visualización en dispositivos móviles.

+0

a MSFT genial: P – Elisabeth

4

Hay algunos niveles de amistad. Puede comenzar con el básico "¿este sitio rinde lo suficientemente bien como para ser utilizable en un navegador móvil?" Esto realmente no debería ser un problema para nada nuevo que esté usando estándares web modernos, pero los sitios más antiguos podrían tener problemas. Corallary a esto es "¿es mi sitio un cerdo de ancho de banda que tarda una eternidad en renderizar más de 3g porque cada página tiene 14mb de GIF animados y HTML de espagueti?" O "¿mi sitio hace que los dispositivos móviles se derritan debido a secuencias de comandos agresivas?" Afortunadamente, este conjunto es bastante fácil de tratar: los sitios web modernos tienden a manejar esto bastante bien de forma predeterminada.

El segundo nivel es "este sitio hace algo enloquecedor desde una perspectiva táctil". Lo más importante que puede atraparlo aquí son los menús basados ​​en desplazamiento - hay no al pasar el mouse sobre una interfaz de usuario táctil. El otro problema común es utilizar enlaces pequeños o botones que no se pueden alcanzar al menos sin hacer un acercamiento a niveles disparatados. La solución aquí es probar: algunos problemas son obvios para todos, pero no verá algunas cosas hasta que esté interactuando sin un mouse.

El nivel final utiliza una interfaz de usuario táctil para divertirse y obtener ganancias. Si llega hasta aquí, lo está haciendo mejor que muchos editores web en este día y edad. Lo que está involucrado aquí es el uso de herramientas de interfaz de usuario fáciles de usar, como jquery mobile, para manejar eventos de deslizamiento y otras funciones táctiles para hacer que las cosas funcionen más como se espera con una interfaz de usuario táctil. Un ejemplo fácil sería hacer que un carrusel de imágenes se pueda deslizar, en lugar de tener que esperar por los botones.

1

Haz que la interfaz sea gruesa: los iconos grandes son fáciles de hacer clic, el texto es muy difícil de tocar con precisión. Establezca un tamaño mínimo para cada elemento, al menos tan grande como las teclas individuales en el teclado virtual de un iPhone/Android y, preferiblemente, mucho más grande.

Asegúrese de que las opciones más relevantes estén cerca de la parte superior, y después de eso, el objetivo es simplemente hacerlo intuitivo. Menos menús son generalmente mejores.

Cuestiones relacionadas