First run wizard

[mackuba]

[hivewallet]

Need to update these screens with current icon, add a breadcrumb.

Presumably this is going to be a pop-up WebKit window?

[gary-rowe]

Typo on slide 3 (able)

[mackuba]

Presumably this is going to be a pop-up WebKit window?

I think these will have to be coded in Cocoa... It's easier to lay out things in HTML, but in the end I think it would be much more work to implement all the more complex elements there in HTML/JS and then try to integrate that with the rest of Hive. And this will still be much easier to build in the Interface Builder than the contact views IMHO.

[hivewallet]

CC: @mariusz would you be so kind as to dump the Sketch sources on us?

[hivewallet]

You're probably right, although the map view is almost certainly going to have to be a WebKit window.

[mariusz]

I messaged Kuba already that wi-fi at the hotel is scarce so I'll upload
the stuff after I'm back on Sunday / Monday. Sorry about that.

On Fri, Oct 11, 2013 at 3:57 PM, Hive [email protected] wrote:

You're probably right, although the map view is almost certainly going to
have to be a WebKit window.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/47#issuecomment-26138816
.

Mariusz Cieśla - Interactive Designer - [email protected]
http://mariusz.cc - http://twitter.com/dotmariusz
http://behance.net/mariuszciesla - http://dribbble.com/mariusz

Love design? Subscribe to Design Weekly at http://tinyletter.com/mariusz

[knowitnothing]

I don't like the idea of promoting 1Password like that, it gives no options to the user. You should either point out some other competitor(s), like LastPass, KeePassX, and possibly point them to some search engine about the term. Or remove that promotion entirely.

[ghost]

I agree, there should be several options. Although I think they should all be vetted by the Hive team for ease-of-use, since that's the game being played.

[nicolazza]

This is my first test. If you like it I'll go ahead, if you don't like it I'll delete everything and start again :-)
@hivewallet @jsuder @tgerring

[tgerring]

I like the designs Nicolo :)

Personally, I'd change a couple visual flourishes such as adding ellipses/next arrows to communicate additional steps and maybe changing the checkmark color to green for "completed", but maybe others disagree.

[nicolazza]

[mariusz]

Nice! We used to use Helvetica for everything though, since it's on every Mac anyway, so you might want to update the typography in your mockups.

Here are the long overdue Sketch sources in case you want to play around: http://ge.tt/3Ea75vC1/v/0?c

[nicolazza]

[nicolazza]

breadcrumb

[ghost]

A lot of steps still to do, but looking good.

About "Set password", see #172
Password confirmation will also need to happen.

@tgerring Maybe he should mock up a screen about a seed phrase too, what do you think?

Also I just want to say:
https://37signals.com/svn/archives/001083.php

[nicolazza]

I need some tips for the missing steps.
Send me some instructions / mockups, tomorrow (and even now if you are available) I'll be free to work on this wizard

[tgerring]

The seed screen will need to display the seed phrase to the user (may be as long as 12 words) and ask for them to write it down and put it in a secure place. A "more info" link will probably be needed.

After the user has done this, we should hide the phrase and ask the user to verify it. If they type it correctly, inform them to store it in a secure location and allow them to proceed. If they not, let them see the phrase again.

[ghost]

On the "Need Bitcoins" screen (which should be "Need Bitcoin", actually), I think it should be:

"I'm finished" / "I need some Bitcoin"

Alternatively that part could be moved elsewhere in the flow, if you think it appropriate.

[nicolazza]

Previews about the seed are available in the Sync folder

[mackuba]

Ok, some feedback from me:

• as discussed on Skype last week, we should keep it simple for now: start screen, enter password, configure backup, and some kind of finish screen (so e.g. no "import" screen)
• I like Nicolo's new design in general, looks kind of lighter and more optimistic
• so are we going to use the checkmarks or the breadcrumbs? if checkmarks, I'd make the checkmark a bit more visible, like a bit thicker line or more shadow or something. if breadcrumbs, then we should show in the breadcrumbs on which step you are, e.g. by bolding the current step title?
• seed - shouldn't we maybe leave this for later when we switch to a BIP32 wallet?
• "I need Bitcoin" - should we also leave this for later? we don't have time to implement anything more complex there now, so what would that button do?
• password - I think the fields should be longer and arranged vertically, we don't want to make an impression that the password should be short :) also, I'd add that line about 1Password (though we can list 1-2 alternatives there too)
• backup: we also don't have time to implement more types now, so I'd just embed the Backup Center view here, and above it I'd add a headline like this: "If you have Time Machine set up, Hive will be backed up automatically (we'll be checking if the backups are being done). We also recommend that you enable the Dropbox backup if you have Dropbox installed."

[ghost]

"seed - shouldn't we maybe leave this for later when we switch to a BIP32 wallet?"

Sure but we don't know for how long we will have Nicolò's time.

"I need Bitcoin" - should we also leave this for later? we don't have time to implement anything more complex there now, so what would that button do?"

External browser link to http://howtobuybitcoins.info/ for now?

[nicolazza]

Breadcrumbs

[nicolazza]

Password fields

[mackuba]

Breadcrumbs: definitely +1 for bold.
Passwords: I think this needs some kind of label, either outside or as a placeholder...

[nicolazza]

Passwords: forgot to add :-)

[nicolazza]

Backup step:

[mackuba]

Hmm, bad idea, that looks horrible...

Ok, how about something like this: something like the backup screen from the first version of the wizard (at the top of this page - 4th screenshot), but instead of listing email and paper wallet etc., it mentions Time Machine first and then Dropbox. In the description blocks below the headlines it would say:

TM: "It looks like Time Machine backup is enabled on this computer, so your Hive wallet will be backed up automatically." or "It looks like Time Machine backup is not enabled on this computer - we recommend that you set it up to keep your wallet safe."
[and something like: √ Enabled or X disabled on the right]

DB: "Your wallet can also be backed up to your Dropbox folder every time you start Hive - click "Enable" to configure the Dropbox backup." or "Your wallet can also be backed up to your Dropbox folder every time you start Hive - get Dropbox from www.dropbox.com."
[and a button that says "Enable" or "Download" on the right]

What do you guys think?

[nschum]

OK, the heavy lifting is done. Now to the fine-tuning... :) Any feedback?

[mackuba]

[ghost]

#203

[ghost]

#204

[nschum]

Closing this then. Everything else can be opened as issues.