Análisis del diseño de Myspace (Parte 2)

Uno de los aspectos que caracteriza a MySpace es la posibilidad de personalización que presentan sus perfiles, que supera a otras redes sociales con creces, teniendo esto sus pros y sus contras: la personalización hace que a veces el usuario medio se pueda sentir perdido, y además, puede provocar que a veces nos topemos con perfiles que tienen su aspecto totalmente cambiado (con las cosas ubicadas de forma distinta), haciendo que se vuelva bastante incómodo.
Por otro lado, un usuario experimentado en HTML, puede dar un alto grado de personalización al perfil.

Vamos a ver una imágen con la pantalla de edición del perfil:


Aquí vemos la pantalla principal de edición del perfil de la versión de MySpace para músicos (ligeramente modificada frente a la normal). No hay demasiado que recalcar, salvo que mantiene la paleta de colores del resto de la web, y que la última opción ("Información del Listado") tiene un título un poco confuso.

El problema importante lo encontramos cuando avanzamos al siguiente apartado de configuración:


Originalmente, MySpace se personalizaba únicamente con código HTML, que se introducía dentro de los recuadros de texto para escribir datos personales. Ésta era la única manera de hacerlo, causando un grave problema en la frontera de evaluación, ya que una vez que se introducía el código HTML, éste se aplicaba incluso en la propia ventana de configuración, provocando muchas veces incompatibilidades con el tema de colores de MySpace (como vemos, los recuadros de texto no se ven, ni su contenido), y haciendo que nos sea difícil editarlo futuras veces.

Análisis del diseño de Myspace (Parte 1)

Myspace pertenece a esa subfamilia dentro de las páginas web que tan de moda se están poniendo últimamente: Las redes sociales.

Aunque myspace sigue siendo una de las redes sociales más populares, hay sufrido un gran desplazamiento por mano de otras como Facebook, que a fecha de hoy, ya la ha superado en volúmen de visitas diarias (Fuente). Esto, a mi juicio, se podría deber al diseño de myspace, que tiene numerosos fallos, y se hace muy engorroso de manejar.

Para empezar, vamos a ver una captura de la pantalla de bienvenida:


Lo primero que salta a la vista en la página es la publicidad, de la cual no se libra ninguna esquina de la pantalla. A la derecha, vemos el caso más molesto, en el que vemos contenido útil (la lista de los últimos visitantes a nuestro perfil), entre dos banners publicitarios, uno encima y otro debajo. Ésto podría provocar fácilmente que ignorásemos esa parte de la página en un primer vistazo, porque al ver publicidad, podríamos dejar de mirar en esa zona.

En el centro de la página, MySpace nos sitúa el contenido principal, en un espacio un tanto reducido por culpa de la extensión de los banners derechos, lo cual produce que la mayoría de las veces no tengamos toda la información visible de entrada, y tengamos que recurrir a hacer "scroll" (bajar la página) para seguir viendo la información. Como posible solución, MySpace nos divide la información en segmentos (Próximos conciertos, Estado de ánimo, Amigos y Actividades), y nos da la posibilidad de minimizarlos para sólo mostrar los títulos de cada segmento (después de todo, posiblemente el 90% de las veces no nos interesa que se nos muestre la lista de amigos):

Diagramas del diseño

Aquí vemos el diagrama del proceso de creación de nuevas imágenes, que incluye a su vez el diagrama de guardado.

El usuario sólo ha de picar en el icono de "Nuevo" para que se abra una nueva imágen sobre la que poder trabajar.

Como explica el diagrama, si la imagen actual tiene alguna modificación no guardada, la aplicación nos preguntará si deseamos guardar, y si le contestasemos que sí, nos mostraría la "rejilla" de imágenes, donde podremos elegir una vacía (o una antigua que se quiera sobreescribir) para guardar nuestra imágen.

Como nota, añadir que tanto para este diagrama, como para los siguientes, cualquier acción (y por consecuencia, ventana abierta) puede ser cancelada con el botón de deshacer, o si se tratase de un "popup", opcionalmente, tocando el area de dibujo, fuera del mismo.





Aquí vemos el diagrama de selección de pincel/colores.

Si el usuario decide cambiar de forma de escribir, se le brindan 4 opciones,

1. El lápiz, con un grosor estándar, ajustado al tamaño de pantalla,
2. El pincel, que escribe con un porcentaje de transparencia que va de mayor a menor desde el centro del trazo hasta el exterior del mismo.
3. La pluma, que según la rapidez con la que se escriba, da trazos más o menos gruesos.
4. La goma, que borra cualquier trazo.





Si el usuario decide introducir texto a mano, ya que es una aplicación que debe de permitir tomar notas con facilidad, sólo se mostrara un popup, con valores predeterminados para elegir un tipo de fuente y un tamaño, y posteriormente, se podrá escribir en cualquier area que el usuario toque.

Nuevos detalles sobre la orientación de mi diseño

Tras pensarlo un tiempo, he decidido que mi aplicación de dibujo para terminales móviles, estará más concretamente orientado a la sencillez de uso. Una aplicación que te permita rápidamente hacer lo que quieres, sin demasiadas opciones a la vista que hagan más complicado comprender el uso de la misma, y que en momentos de necesidad de tomar notas con rapidez, cumpla su objetivo.