YouTube

Got a YouTube account?

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

Portuguese, Brazilian subtitles

← Homepage Design UXUI Design Product Design Udacity

Get Embed Code
14 Languages

Showing Revision 6 created 06/20/2016 by Udacity Robot.

  1. A tela inicial de um site, ou
  2. a tela de carregamento de seu aplicativo para dispositivo móvel
    será a primeira impressão que os usuários terão.
  3. É preciso ter certeza
    de que tudo esteja perfeito.
  4. Essa é a página inicial da Udacity
    desde abril de 2015.
  5. Um objetivo claro encabeça a página e
    há muito espaço livre em volta
  6. das manchetes e do
    slogan para que os usuários sintam-se atraídos.
  7. Páginas iniciais como essa devem responder
    a estas perguntas.
  8. O que é isso?
  9. O que está sendo oferecido?
  10. O que posso fazer aqui?
  11. E por onde começo?
  12. No caso da Udacity, o modo de iniciar
    vem logo abaixo da pasta
  13. que descreve o
    programa Nanodegree.
  14. Você quer que essas
    informações estejam lá, mas
  15. é preciso ser cuidadoso para
    não sobrecarregar seus usuários.
  16. Se você quer que os usuários entendam
    com clareza o que você está oferecendo,
  17. pode estabelecer links para outras páginas para que
  18. eles obtenham mais informações sobre
    seus produtos e serviços.
  19. Muitas empresas informam esses
    links no rodapé.
  20. Voltando ao começo da
    página inicial, temos a opção de
  21. criar uma conta nova, ou
    de acessar uma conta, no caso de um usuário existente.
  22. Para saber mais sobre como o
    nanodegree, em particular, funciona
  23. basta clicar em uma dessa opções.
  24. Páginas iniciais são complexas, na
    medida em que precisam fazer várias coisas.
  25. Mas é preciso ter cuidado ao
    adicionar várias informações à página.
  26. Algumas vezes, é necessário ter uma página de destino
    como essa.
  27. Páginas de destino são destinadas a produtos específicos
    que você deseja mostrar a seus usuários.
  28. Permitem que você foque em
    um produto específico.
  29. Veja que, aqui,
    há, claramente, uma chamada para a ação.
  30. Posso ter uma ideia do que seja esse
    produto a partir da cópia na página e
  31. por sua imagem no plano de fundo.
  32. Rolando para baixo, podemos obter
    mais detalhes sobre o programa.
  33. Para saber mais sobre
    o design de páginas iniciais e
  34. páginas de destino, verifique os artigos
    que estão vinculados nas Notas do instrutor.
  35. No mínimo, você precisa
    esforçar-se para criar uma página informativa e,
  36. se tudo der certo,
    sua página inicial será memorável.
  37. É importante considerar que
    sua página inicial não precisa ser estática.
  38. Deve estar em constante evolução.
  39. Veja a seguir uma outra versão
    da página inicial da Udacity.
  40. E veja que ela está um pouco diferente.
  41. Temos cópias diferentes e essas
    imagens foram condensadas em conjunto.
  42. Sua página inicial também deve ser dinâmica,
    uma vez que você pode realizar testes A/B de algumas
  43. características para saber o que
    motiva as ações dos usuários.
  44. Você também pode apenas refinar
    sua proposição de valor para seus usuários.
  45. E antes ainda dessa página inicial,
  46. esta era a aparência da página inicial da Udacity
    anteriormente.
  47. Como você pode ver,
    não é tão informativa ou
  48. clara para responder a perguntas como
    "o que é isso e o que posso fazer aqui?"
  49. Ao fim do dia, você quer
    ter causado uma ótima primeira impressão.
  50. Depende de você
    encantar seus usuários para
  51. que eles queiram conhecê-lo
    e saber o que você tem a oferecer.
  52. Agora é sua vez de fazer
    sua própria investigação.
  53. Gostaria que encontrassem três páginas iniciais de
    empresas relativamente novas e
  54. as analisassem.
  55. Perceba o
    tipo de informações e
  56. elementos que estão presentes em suas páginas iniciais.
  57. Para cada página inicial, você
    deve se perguntar: quais
  58. elementos estão contidos na página inicial? Quais as
    principais chamadas para a ação? O que essa
  59. página inicial informa sobre a empresa,
    seus usuários e a proposição de valor?
  60. E quais os fluxos mais prováveis
  61. da página inicial para
    outros lugares do site?
  62. Em outras palavras,
    o que você poderia fazer partindo da página inicial?
  63. E por fim, quais as
    semelhanças e
  64. diferenças que você notou
    entre as páginas iniciais que você analisou?
  65. Escreva uma postagem respondendo a
    essas perguntas e
  66. compartilhe-a nas discussões.
  67. Quando estiver pronto,
    marque esta caixa para continuar