YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Spanish subtitles

← Homepage Design UXUI Design Product Design Udacity

Get Embed Code
14 Languages

Showing Revision 1 created 10/06/2015 by sp12.

  1. La portada de una página web o
  2. o la pantalla de carga de tu aplicación,
    es lo primero que ven los usuarios.
  3. Y quieres asegurarte
    de que esté bien hecho.
  4. Esta es la página de inicio
    de Udacity de abril de 2015.
  5. Un claro objetivo encabeza la página
    y hay mucho espacio en blanco
  6. los titulares y la etiqueta para
    dirigir a los usuarios a ellos.
  7. Las páginas de inicio de ese tipo
    deberían contestar a las preguntas
  8. ¿Qué es eso?
  9. ¿Qué se está ofreciendo?
  10. ¿Qué puedo hacer aquí?
  11. Y ¿cómo empiezo?
  12. En el caso de Udacity el cómo empiezo
    viene justo debajo del pliegue
  13. con la descripción
    del programa nanodegree.
  14. Quieres que toda esa información
    esté presente, pero
  15. debes tener cuidado con no agobiar a tus usuarios.
  16. Quieres que tus usuarios tengan claro
    qué es lo que ofreces y puedes poner
  17. enlaces a otras páginas
  18. para que los usuarios aprendan
    más sobre tu producto y servicios.
  19. Muchas compañías ponen
    esos enlaces a pie de página.
  20. Si volvemos arriba de la página
    de inicio, desde aquí veremos
  21. que puedo crear una cuenta
    o iniciar sesión si ya tengo una.
  22. Para aprender
    cómo funcionan los nanodegrees
  23. puedo hacer click aquí.
  24. Las páginas de inicio son delicadas
    porque deben incluir muchas cosas.
  25. Pero debes tener cuidado con no añadir
    demasiadas cosas a esa página.
  26. Puedes tener una página
    de aterrizaje como esta.
  27. Son páginas para productos específicos
    que quieres mostrar a tus usuarios.
  28. Te permiten centrarte
    en un producto concreto.
  29. Fíjate, aquí hay una clara
    llamada a la acción.
  30. Puedo sospechar de qué producto se trata
    por el texto de la página
  31. y por la imagen del fondo.
  32. Bajando puedo obtener más detalles
    sobre el programa.
  33. Para saber más sobre las páginas de inicio
  34. y las páginas de aterrizaje, mire
    la sección de Instructor Notes.
  35. En el peor caso debes conseguir
    una página informativa
  36. en el mejor, tu página debe ser memorable.
  37. Es importante recordar que tu página
    no debe ser invariable.
  38. Debe estar siempre en proceso de trabajo.
  39. Esta es otra versión de la página
    de inicio de Udacity.
  40. Date cuenta de que ha cambiado un poco.
  41. El texto es diferente
    y estas imágenes han sido unidas.
  42. Tu página de inicio puede ser dinámica
    y puedes hacerles la prueba A/B
  43. a ciertas aplicaciones para ver
    qué mueve a los usuarios.
  44. Puedes intentar mejorar
    tus valores para tus usuarios.
  45. E incluso antes de la página de inicio
  46. así es como era la página
    de inicio de Udacity antes.
  47. Como puedes ver, no es tan informativa
  48. o clara en la respuesta a la pregunta
    "¿qué es eso y qué puedo hacer?"
  49. Al final del día quieres provocar
    una magnífica primera impresión.
  50. Sólo depende de ti deleitar a los usuarios
  51. para que sepan quién eres
    y qué puedes ofrecer.
  52. Ahora es tu turno para investigar
    un poco por tu cuenta.
  53. Me gustaría que buscaras tres páginas
    de inicio de empresas relativamente nuevas
  54. y las analizaras.
  55. Quiero que veas qué tipo de información
  56. y elementos están presentes
    en esas páginas.
  57. En cada página de inicio
    deberías preguntarte:
  58. qué elementos la comprometen,
    cuáles son las llamadas a la acción
  59. qué dice la página de la empresa,
    sus usuarios y sus valores
  60. y cuáles son los flujos más probables
  61. de la página de inicio
    a otros sitios en la web.
  62. Es decir, ¿qué podrías hacer
    desde la página de inicio?
  63. Finalmente, cuáles son
    algunas de las similitudes
  64. y diferencias que ves
    entre todas esas páginas de inicio.
  65. Escribe un post contestando
    a esas preguntas
  66. compártelo en las discusiones.
  67. Cuando termines,
    clickea aquí para continuar.