UI Changes

Começar. É Gratuito
ou inscrever-se com seu endereço de e-mail
Rocket clouds
UI Changes por Mind Map: UI Changes

1. Slide by slide

1.1. Slide 22

1.1.1. Com base na tela do slide 22, como deveria ficar a organização da tela referente ao comentário: O “header de search” precisa ser parecido com o searchde Folios, com: •Search •Filtros •MostDownloaded/Liked, Day/Week/Month/AllTime Seria apenas trocar o "Search Results" pelos links?

1.1.2. Prefiro o seguinte, quanto ao funcionamento: 1 Primeiro tapno livro, o seleciona 2 Uma vez selecionado, ao invés de termos o link “Book Preview” tem uma mensagem do tipo “TapontheBook againtopreviewit” 1. Foi planejado assim mesmo. 2. O link "Book Preview" foi colocado como um lembrete para o usuário saber que pode tap naquela área para abrir um preview. O preview também vai funcionar quando tap no livro. Colocar algo como "Tap on the book again to preview it" é um texto muito longo que não conseguimos encaixar, por isso optamos pelo "Book preview"

1.1.3. Tapno livro aqui ou em qualquer lugar não deve chamar o Folio Preview–vamos padronizar que para entrar no Folio Previewo Usersempre tem que tocar em um Folio Folio preview só será exibido quando o usuário tap num dos folios exibidos para o livro selecionado.

1.1.4. Recommendedaqui deve ser os fólios dos meus amigos (lista ou following) OK

1.1.5. Em vez do blank state vamos abrir com os most read books. Trocar o titulo de "Search results" para "Most read by sagui members".

1.1.6. Tentar rediagramar para aumentar o tamanho dos livros.

1.2. Slide 23

1.2.1. Melhor colocar “Book Preview” no título em cima e “Download Book” deve ser “Start Reading” OK com o título. Quando o usuário clicar em Start Reading, o que ocorre? Exibimos um modal até que o livro termine de ser baixado?

1.2.2. Mas a questão aqui é: se na página anterior eu já tenho a UI de, ao tocar no livro, ver “MostDownloaded/LikedDay/Week/Month/Alltime” e também de ver “Myfriend’sFolios” por que aqui tenho que ter isto também e de forma diferente? Podemos remover o segmento "Best Folios". Creio que esta tela tenha sido pensada desta forma antes de a tela de book search tomar a forma atual e não tenha sido revista em detalhe depois disso. Se removermos o segmento "Reading this" onde o usuário consegue ver quais de seus amigos estão lendo este livro?

1.2.3. Então, eu acho que quando o Usertaponthebook, chama um pop up, parecido com o de Folio Storepara indicar: •Livro •Summary •Social comments(comentários das pessoas sobre o livro) •E um botão para “Start Reading” 1. Popup parecido com folio preview? 2. Social comments? De onde vamos recuperar esta informação?

1.2.4. Transformar em um overlay como o folio preview. Remover referencia de reading this ou read by. Na faixa que contém reading this, colocar a quantidade de folios para aquele livro. Manter apenas os bullets que o AC mencionou acima. (futuro) Adicionar um segmento de social comments ou algo do tipo. Clicando em "Start reading" deve abrir o livro após eventualmente download it.

1.3. Slide 26

1.3.1. A forma de adicionar usuários a listas pre-existentes ou a novas listas de maneira ad-hoc pode ser visto como um shortcut.

1.3.2. Se não tivermos as telas de gerenciamento de listas, como o usuário será capaz de...

1.3.2.1. Remover uma lista

1.3.2.2. Identificar facilmente os usuários que pertencem a uma lista

1.3.2.2.1. Podemos usar a busca de autores para isso.

1.3.3. Manter uma tela similar a esta. Não permitir search. Forma simples de editar o nome através de menu de contexto. Fazer uma tela que permita que a pessoa remova pessoas da lista.

1.4. Slide 27

1.4.1. O popover de delete não tem "explicação" porque só há uma opção e a explicação ficaria redundante. Podemos adicionar se necessário, qua é a sugestão de explicação? O botão de cancel nós colocamos nas opções de remoção de livro e folio, enviado um exemplo de tela (slide 9)

1.5. Slide 28

1.5.1. Ver comentários sobre slide 26

1.6. Slide 29

1.6.1. Este é um facilitador para o usuário apesar dele ser capaz de buscar folios usando este mesmo tipo de filtro. Podemos remover. Ver comentários sobre slide 26.

1.7. Slide 30 e 31

1.7.1. Ver comentários sobre slide 26

1.8. Slide 32

1.8.1. Considerar comentários slide 26. Caso mantenhamos pelo menos uma tela que liste as listas do usuário para permitir que ele as remova, nossa sugestão é: 1. Carregar a tela de authors com uma busca geral, na mesma linha do que ocorre com folios ou livros. 1.1. A tela seria dividida em seções, como ocorre com Folios, exibindo os autores por características, por exemplo: mais ativos, mais recentes, com maior rate de contribuição, etc. 2. O profile do usuário seria acessível através de um botão do lado direito da navbar (My profile), tornando a tab de authors coerente do ponto de vista de busca. 2.1. Mover os segmentos authors e lists para a tela do user profile apenas. O segmento de lista seria em principio apenas para permitir que o usuário possa remover uma lista, caso decidamos não ter as outras telas. --> AC pediu para colocar edição de listas no settings. 3. Com relação ao search, ver proposta no item de search. 4. Tocando num autor em qualquer tela do discover (ou do sagui) deve abrir a tela de "author preview". A tela de "author preview" difere da tela de "user profile" apenas em: 4.1. Os títulos das seções mudam (e.g. People I follow vs People John follows) 4.2. No user profile temos o segmento listas além de authors. --> ver item 2.1. 4.3. No user profile temos a opção edit profile enquanto no author preview temos apenas follow/unfollow. 5. Ainda no author preview, para alinhar com a proposta do popover para adicionar/remover de lista, propomos que o botão que hoje diz Follow/Unfollow tenha também uma setinha indincando que pode acontecer um popover. Se o usuário clicar ali o popover aparece completando as opções de alteração que o usuário possa ter sobre um autor. Semelhante ao que acontece no kobo no botão de ações de um livro no book preview.

1.9. Slide 33

1.9.1. Precisamos ver com o Rodella sobre a possibilidade de trocar o background. Precisamos ver como dispor isto na tela.

1.9.2. Os campos contém os valores que o label diz. Os valores são exemplos.

1.9.3. Esta screentem que vir logo em seguida ao Sign-Upe também ser acessível pelo Settings, para edição Podemos colocar uma forma de acessar o profile no settings. Pergunta: no botão de settings temos "Settings + avatar". Podemos fazer com que o profile seja acessado quando clicar em cima do avatar? E o Settings leva para a tela de settings sem a opção de profile?

1.10. Slide 34

1.10.1. Ver comentários slide 32

1.11. Slide 35

1.11.1. Ver comentários slide 32 Sobre o cancel, ver comentários slide 27

1.11.2. Sobre "Entendo que o próximo slide é de “AddtoList”. Se sim, o “Addtoa New List” (ou seja, Createa List) deve estar no pop-up da página seguinte" ... podemos adicionar uma opção na navbar do popover possibilitando que o usuário crie uma nova lista. Ao clicar lá ele é redirecionado para uma tela dentro do popover para colocar o nome da nova lista. Na nova tela colocar um botão "done" no lado direito da navbar do popover.

1.12. Slide 36

1.12.1. Ver comentário do slide 35

1.13. Slide 37 e 38

1.13.1. Ver comentários slide 32

1.14. Slide 40

1.14.1. Sobre "Categorydeveria ser um pop-up para se selecionar que categoria se deseja para este Folio (as categorias são pre-definidaspelo Sagui –deverão estar no Server para termos flexibilidade, mas não são criadas pelos Users)" Quando tap sobre categoria será aberto um popover na mesma linha que os outros popovers existentes em outras telas.

1.14.2. Na hora de buscar a foto do folio, manter a forma como a pessoa faz hoje para encontrar uma imagem para um markup. Conversar com Rodella.

1.15. Slide 45

1.15.1. Fizemos esta tela de exemplo por conta de termos colocado o review com base em múltiplas perguntas on hold.

1.16. Slide 46 e 47

1.16.1. No slide 46, se aberto no ipad, fica visível que há duas seções na tela: 1. review de livro 2. review de folio Vendo no computador eu também não observei isso até que o Mateus me pediu para olhar no iPad. Por esta razão existe o header do livro logo abaixo de "Review this book" e um espaço separando para a próxima seção que contém o título "Review the folios". No slide 47: - Perdemos as seções que tinhamos no slide 46, OK? - perdendo as seções fica estranho ter o header + a capa do livro embaixo, seguido dos folios, OK? - Se formos fazer a tela assim mesmo, podemos destacar a 1a. questão das outras 4 apenas com uma linha cinza (que parece ser um padrão no iOS7) mantendo o alinhamento

1.16.2. Fazer como proposto no 47.

1.17. Slide 48

1.17.1. Não seria interessante então ter os best folios ou recommended folios ou algo do tipo nesta tela? Caso contrário de dentro do livro o usuário não vai ver sugestões de folios para aquele livro.

2. Settings

2.1. Podem haver mais informações a serem configuradas. Dev deve entrar em contato caso seja necessário incluir algo mais.

3. Folio preview

3.1. Deveria ser um slider modal. Na implementação atual está como uma tela nova com botões de dismiss e navegação em baixo.

4. Nota sobreSearches e Filtros

4.1. Há diferentes contextos

4.1.1. Tela de 1o. nível

4.1.1.1. Books

4.1.1.1.1. Podemos incluir filtros para books

4.1.1.2. Folios

4.1.1.3. Authors

4.1.1.3.1. Primeira tela exibe o profile do autor

4.1.1.3.2. Quando o campo de busca é preenchido a tela é populada com resultados

4.1.2. Tela de 2o. nível

4.1.2.1. More Folios

4.1.2.1.1. O filtro anterior é mantido nessa tela, como solicitado.

4.1.2.2. 3rd party author profile

4.1.2.2.1. Não faz sentido ter filtros aqui.

4.2. Proposta para unificação dos filtros pelo AC

4.2.1. Ter o botão direito da navbar viabilizando filtros

4.2.2. Questões

4.2.2.1. Para busca de folios ou livros OK. Mas como funcionaria para a tela de authors?

4.3. Proposta UX team

4.3.1. Em cada tela que seja "buscável" teriamos uma barra de busca (campo de texto) e do lado direito do campo um ícone sugerindo a possibilidade de filtros Clicando sobre o ícone o usuário veria um popover (semalhante aos de delete ou follow de user) contendo as opções de filtragem, por exemplo: - Lists > - Authors > - Genre > - Category > Escolhendo uma categoria ocorre um push (navegação da esquerda pra direita) dentro do popover para detalhar aquela categoria. A navbar interna do popover é atualizada para contextualizar o usuário bem como provendo uma opção de retorno. Isso é também meio padrão no IOS. Escolhendo algum item de um filtro, quando voltar a tela anterior o texto é atualizado para conter em uma fonte menor e cinza parte dos filtros escolhidos pelo usuário, por exemplo: - Lists > My list 1, my list 2, ... Mostrando para o usuário que ele filtrou ali. O ícone do lado da barra de texto muda de cor ou de formato para indicar que o usuário está aplicando filtros na busca. Esta opção permite que os filtros sejam aplicados sem necessidade de popoups, como sugerido na tela de busca de autores. Bem como possibilita a ampliação ou redução da quantidade de filtros dependendo do contexto, em contraste com a proposta anterior que limita a 4 apenas, e se menos que 4 a tela fica estranha.

4.3.2. AC pediu que não tivesse a barra de search em cima. Sendo assim vamos sempre exibir o context menu ou algo do tipo (a pensarmos) quando a pessoa clicar no botão direito da navbar. AC gostou da idéia do context menu, só quer evitar mostrar a barra de busca nas telas! Para incluir a barra de texto no popover vamos colocar ela separada com um label. Um botão de apply no canto superior direito da navbar do popover.