rethink layout on create Share❣ dialog

[vvorski]

Current screens:

• "photo" button next to "submit" button is confusing
• "public" and "post on facebook" selectors do not fit UI
• share direction - indicate clearly, allow to easily change

Some rough ideas:

[konewa]

Strzałka - zrezygnować układ przycisków share + cancel/return
Zdjęcie - wyżej w innym meijscu
identyfikacja kto wykonuje share do kogo

[rimbambala]

In the attachment you can find updated version of the design we discussed this morning.

[vvorski]

@rimbambala attachment missing - in github you have to wait until photo finishes uploading before closing the page. (I got caught by this a few times too).

[rimbambala]

Sorry about that. I didn't notice. Heres the image:

[vvorski]

Positioning of info is good.

I think for the top thing re-make it so it clearly shows that it is the two things being exchanged
will make it easier for the user to understand I think.

For the facebook selection -
This field just becomes a sentence either "Tell friends" or "Keep it secret". Each having a drawing as to match the action..

[vvorski]

This will also match the landing page images.

[vvorski]

• always picture order to-from
• also want to swipe to be able to change

[vvorski]

• design agreed.

[rimbambala]

Design updated. The slider element for facebook publishing made lighter and not so heavy and candylike.

[vvorski]

I still think the post-on facebook button is too prominent. The most important thing on this page is "add photo" and "Share!" button but instead what appears biggest is "post on facebook" slider... I think a check box was better.

[vvorski]

can you put PSD into google docs or here so I can experiment with this myself?

[rimbambala]

Update:

PSD file:
https://drive.google.com/a/hiddendata.co/file/d/0B1nXDt76rlegYlVCelRNNTR2Z00/edit?usp=sharing

[vvorski]

Getting better but I think we can do clearer yet...

The photoshop file is full of layers named things like "layer 30 copy" that makes it very hard to work with so could only do very rough sketches... (how the heck do you select groups of things in this document?!) . but here are two rough sketches of possible ideas for what could be done:

option #1 change direction icon between names

option #2 go to a traditional e-mail (or google maps directions) layout. Perhaps in the end this will be the most sensible in the end?

[vvorski]

[vvorski]

also how about a simpler checkbox (here and everywhere)

[rimbambala]

As far as checkboxes are concerned I can do that.

I can also work on the other issues here to make them look as nice as possible, but in my opinion we are going in a bad direction in case of the design and UX. Every page starts to look completely different and we are loosing coherence. The second part here is that if we change the length of image container there will have to be downloaded another texture to cover the place. Third thing: what if we upload the image and then we want to change the share direction? Depending on the photo we may have the arrows become illegible. Putting a semitransparent filed underneath would somehow do the job but it would look just awful.

[vvorski]

@rimbambala I agree, so how do we make this screen be easy to use?

Maybe we should put the from&to above the photo on this screen?

Btw. this is the google maps from-to & switching arrows:

[vvorski]

@rimbambala "I wouldn't use the logo there, it will be misleading."

Let's try and see how it looks.

" Call to action shouldn't be confused with logo."

Actually in this case I do want them to become one and the same.

"In case of the exclamation heart mark - I frankly find it very ugly :):"

Until we have the money and the time to do proper branding it's our branding. I think it's quite cute actually - but that could be too many years spent in Japan.

[rimbambala]

[vvorski]

works for me. let's implement and get user feedback...

[rimbambala]

We are missing first step on create share here. This is the one:

[vvorski]

Yes, the first step we are not making any changes on I think.

[vvorski]

Ok, we re-thought this with Zak, if we set the direction of share on #30 then we don't need to complicate this screen, let's go with the simple:

[vvorski]

@ZakGhouze implemented, still missing the notice on no-data-input but that's a separate ticket, please test, file bugs for whatever you find...