micheldoumit / tripvise

0 stars 0 forks source link

Fluxo do Requester para "TripCode" #12

Closed micheldoumit closed 9 years ago

micheldoumit commented 9 years ago

@pamellar ,

Existe um novo requisito onde assim que o usuário criar a Trip um "TripCode" será gerado, e ele pode escolher como compartilhar esse "TripCode" e compartilhar a lista contato por sms/iMessage ou fb, para isso precisamos de 2 novas telas, e vou aproveitar e pedir outras coisas relativas ao projeto por aqui:

1) "Share your TripCode" para o Requester

stampd-it_3

Faltou um botão "Done" no final, pode adicionar tb please.

2) "Type the TripCode" para o Recommender

stampd-it_4

3) Layout Lista de Contato

Para essa busca de contato, precisamos de um layout no tema do app, estamos usando esse padrão "branco" por enquanto.

screenshot 2014-12-09 10 40 07

4) Botão de "x" para input:

screenshot 2014-12-09 10 40 28

Aonde esta o botão de edição precisamos de um "x" para cancelar o input colocado.

micheldoumit commented 9 years ago

Atualizei o issue com novos items.

pamellar commented 9 years ago

Oi @micheldoumit , coloquei as telas em anexo. O que acha? Se precisar dos psds, me fala que te mando por e-mail.

Coloquei dois layouts diferentes para o 'trip code'.

Fica faltando o Icone do app, para appstore, certo?

Aguardo feedback! ;) Vlw

contact-list

x-imput

type-tripcode2

type-tripcode

share-trip

basmoura commented 9 years ago

Ficou bem bacana, mas acho que os botões sendo retangulares ou não tão arredondados ficaria mais interessante.

O que acham?

pamellar commented 9 years ago

@basmoura Eu utilizei os psd que eu fiz desde o começo, e lá os botões estavam arredondados, mas reparei que no vídeo do app que o @micheldoumit me mandou, os botões não estão arredondados, é só manter o que estão usando! ;) Fica bacana também!

dglmartins commented 9 years ago

Não tinha notado no vídeo, mas Prefiro o arredondado como a Pamella fez em todas telas.

Danilo

On Dec 16, 2014, at 3:44 PM, Pamella Rolim notifications@github.com wrote:

@basmoura Eu utilizei os psd que eu fiz desde o começo, e lá os botões estavam arredondados, mas reparei que no vídeo do app que o @micheldoumit me mandou, os botões não estão arredondados, é só manter o que estão usando! ;) Fica bacana também!

— Reply to this email directly or view it on GitHub.

DanielyBotelho commented 9 years ago

Oi @pamellar. Você poderia enviar o ícone "X", por favor? Obrigada!!

Gostei dos botões arredondados também, diferencia um pouco dos boxes de texto.

pamellar commented 9 years ago

@DanielyBotelho Segue anexo! icon_excluir_6plus icon_excluir

DanielyBotelho commented 9 years ago

Obrigada!!

MarcusSky commented 9 years ago

@pamellar tem como você mandar as imagens @2X também ? segue o link de referencia: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html

Obrigado :)

MarcusSky commented 9 years ago

@pamellar mais uma coisa, tem como você fazer uma imagem de placeholder também, por favor ? algo como: http://www.cultivatedwit.com/wp-content/uploads/2013/08/placeholder1.jpg

pamellar commented 9 years ago

Oi @MarcusSky , quais imagens você precisa em png (@2x)?

Essa imagem placeholder vai aparecer quando?

tks

micheldoumit commented 9 years ago

@MarcusSky você ja respondeu a Pam ?

MarcusSky commented 9 years ago

Oi, @pamellar!

Já nem lembro mais :confused: acho que as imagens @2x não são mais necessárias (se eu me lembrar de algo, eu edito esse comment). A imagem de placeholder ficará na tela de My Trips.

Obrigado :grimacing:

pamellar commented 9 years ago

Oi @MarcusSky , veja se isso ajuda. vlw

placeholder 2x placeholder

MarcusSky commented 9 years ago

@pamellar perfeito! Obrigado :)

DanielyBotelho commented 9 years ago

Oi @pamellar. Vou precisar dos ícones do aplicativo em vários formatos. Segue link com os tamanhos necessários.

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html

Acho que seriam só esses mesmo:

180 x 180 120 x 120 1024 x 1024 80 x 80 87 x 87 58 x 58

Obrigada!

DanielyBotelho commented 9 years ago

Oi @pamellar. Vamos precisar de algumas alterações:

1) Na tela de recomendações, precisamos colocar um campo informando qual o tipo de recomendação que a pessoa solicitou (hotel, restaurante ou atração).

2) Na tela de MyTrips, precisamos colocar um campo informando o tripcode em cada trip listada. Uma sugestão, seria colocar o código embaixo da data.

mytrip recommendations

Qualquer dúvida, só falar. Obrigada!

DanielyBotelho commented 9 years ago

Oi @pamellar. Vou precisar também do botão "Wishlist" selecionado. Obrigada!

pamellar commented 9 years ago

Oi @DanielyBotelho, desculpe a demora pra responder, essa semana esta super corrida. Seguem as telas com as alterações que pediu.

Sobre os ícones, havia mandado um zip com os pngs, segue no link novamente, me avise se precisar de algo mais. https://copy.com/hpGcAIyNHcYdWKgW

recommendations2 mytrip2

micheldoumit commented 9 years ago

@pamellar, estamos nos finalmente do app para publicação, não se você se perdeu nas mensagens, precisamos ainda:

Icone https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html

180 x 180 120 x 120 1024 x 1024 80 x 80 87 x 87 58 x 58

Splash

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html#//apple_ref/doc/uid/TP40006556-CH22-SW1

DanielyBotelho commented 9 years ago

Oi @pamellar , vamos precisar fazer algumas alterações no aplicativo. Segue lista abaixo:

1) Na tela de recommendations, haverá do botão para adicionar uma nova recomendação através do código. Pode ser um lupa, ou qualquer outro ícone que achar legal.

screen shot 2015-02-02 at 2 45 13 pm screen shot 2015-02-02 at 2 45 21 pm

2) Na tela "MyTrips", não vai ter mais o código, e sim um botão "Ask more friends" que envia para tela "SharedTrip".

screen shot 2015-02-02 at 2 47 58 pm screen shot 2015-02-02 at 2 48 21 pm

3) Novo botão "Detalhes do Google Places" na tela de Recommendations. Igual do tripAdvisor/Expedia/Wishlist.

screen shot 2015-02-02 at 4 35 20 pm

4) Logo com novo nome "Tripvise.me"

5) Uma imagem explicativa de fundo de "New Trip", caso o usuário não tem trip ainda. Na imagem tem uma trip, mas se houver, deixar esse fundo azul com alguma imagem, explicando que ele ainda não possui trips cadastradas.

screen shot 2015-02-02 at 4 37 52 pm

Por enquanto é isso. Qualquer dúvida, só perguntar. Obrigada!

pamellar commented 9 years ago

Oi @DanielyBotelho segue abaixo as telas com as alterações que me pediu. Me avise se estiver faltando algo. Te mando também o link com as novas imagens pngs:

Link dos PNGS https://copy.com/yqmACsMnYvE8kmax

1 - Ícone para add tripcode recommendations

2 - Ask more friend mytrip2

3 - BT google places recommendations-2

4 - Logo esta na pasta PNG, fiz parecido com o Avalie.me, não sei se a idéia era essa.

5 - Sem trips mytrip-semtrip

DanielyBotelho commented 9 years ago

Ficou ótimo, @pamellar !! Só temos um problemas, apersar de ter gostado muito do jeito que ficou a tela de "MyTrips", as vezes o nome da cidade é muito grande, precisando de 2 linhas para mostrar o nome todo. Acho que do jeito que está, não vai caber na tela =/. Ou fica o nome da cidade com os "...", ou aumentamos o fundo preto para ter mais espaço abaixo, o que acha? Se tiver outra sugestão, compartilha =)

pamellar commented 9 years ago

Oi, acho que poderia deixar como esta no layout e limitar o numero de caracteres para nome da cidade e colocar os '...' no final. Caso contrario, essa quebra de linhas pode deixar o layout estranho. Bjs Pâm

Enviado do meu iPhone

Em 03/02/2015, às 22:03, Dany notifications@github.com escreveu:

Ficou ótimo, @pamellar !! Só temos um problemas, apersar de ter gostado muito do jeito que ficou a tela de "MyTrips", as vezes o nome da cidade é muito grande, precisando de 2 linhas para mostrar o nome todo. Acho que do jeito que está, não vai caber na tela =/. Ou fica o nome da cidade com os "...", ou aumentamos o fundo preto para ter mais espaço abaixo, o que acha? Se tiver outra sugestão, compartilha =)

— Reply to this email directly or view it on GitHub.

DanielyBotelho commented 9 years ago

Oi @pamellar. Ficou faltando o ícone de wishlist selecionado/em vermelho (apenas o coração com o avião). Por enquando, só isso mesmo. Obrigada!

DanielyBotelho commented 9 years ago

Verdade, @pamellar. Vou fazer isso.

DanielyBotelho commented 9 years ago

Oi @pamellar. Você pode me passar, por favor, a fonte que utilizou para o "tutorial" e as setinhas? Além disso, aquela imagem de placeholder ainda continuou esticada, poderia fazer maior? Obrigada!

pamellar commented 9 years ago

@DanielyBotelho Te mandei a fonte e as setas por email. Sabe me dizer qual o tamanho exato que você precisa para o placeholder?

DanielyBotelho commented 9 years ago

Oi Pam, era pra ser aquele tamanho que te passei mesmo, mas pelo jeito não funcionou =/. Tente dobrar a altura mesmo.

pamellar commented 9 years ago

@DanielyBotelho veja se funciona

placeholder

DanielyBotelho commented 9 years ago

Não deu certo, Pam. Mas acho que consegui o tamanho certo: 750 x 282. Poderia fazer um com esse tamanho, por favor? Obrigada!

DanielyBotelho commented 9 years ago

@pamellar , estou tentando colocar a imagem no itunes, mas deu um erro. Segue imagem abaixo.

screen shot 2015-02-27 at 11 37 58 am

DanielyBotelho commented 9 years ago

Oi @pamellar , estamos precisando tbm das screenshots para colocar na loja.

Segue abaixo as screenshots tiradas pelo simulador e um guia com os tamanhos que as mesmas devem ficar.

3.5-inch

screen shot 2015-03-03 at 2 37 43 pm screen shot 2015-03-03 at 2 42 27 pm screen shot 2015-03-03 at 2 42 43 pm screen shot 2015-03-03 at 2 42 59 pm screen shot 2015-03-03 at 2 43 31 pm

4-inch

screen shot 2015-03-03 at 2 59 12 pm screen shot 2015-03-03 at 3 00 35 pm screen shot 2015-03-03 at 3 01 16 pm screen shot 2015-03-03 at 3 01 40 pm screen shot 2015-03-03 at 3 02 02 pm

4.7-inch

screen shot 2015-02-27 at 3 05 38 pm screen shot 2015-02-27 at 3 23 59 pm screen shot 2015-02-27 at 3 37 55 pm screen shot 2015-03-02 at 8 56 28 pm screen shot 2015-03-03 at 2 30 27 pm

5.5-inch

screen shot 2015-03-03 at 3 08 23 pm screen shot 2015-03-03 at 3 08 37 pm screen shot 2015-03-03 at 3 08 53 pm screen shot 2015-03-03 at 3 09 54 pm screen shot 2015-03-03 at 3 10 08 pm screen shot 2015-03-03 at 3 10 27 pm

GUIA: https://developer.apple.com/library/ios/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Appendices/Properties.html

Obrigada! Qualquer dúvida, entre em contato.

pamellar commented 9 years ago

@DanielyBotelho Seguem as imagens para appstore, ficou faltando alguns prints de 4.7 inch e todos de 5.5. Os prints que me mandou não constam nesses tamanhos.

3.5 inch

3 5-tripvise 3 5-tripvise2 3 5-tripvise3 3 5-tripvise4 3 5-tripvise5

4 inch

4-tripvise 4-tripvise2 4-tripvise3 4-tripvise4 4-tripvise5

4.7 inch

4 7-tripvise 4 7-tripvise2

pamellar commented 9 years ago

@DanielyBotelho Poderia tentar esse icon, e veja se funciona pf.

tripvise-icon

DanielyBotelho commented 9 years ago

@pamellar , testei agora mas continua dando erro dizendo que não pode usar transparência. Acho que sei o que pode ser. Tenta tirar essas bordas arredondadas e deixar o ícone quadrado mesmo, por favor.

DanielyBotelho commented 9 years ago

@pamellar, as SS funcionaram! Obrigada! Não vou precisar mais das outras =)

DanielyBotelho commented 9 years ago

@pamellar , não precisa mais do ícone, nós conseguimos já! Obrigada.

MarcusSky commented 9 years ago

doneeeee :+1: