visual refresh

[ghost]

I'm not sure whether or not #12 should be included in this issue.

[nilnilnil]

/cc @quanganhdo

[nilnilnil]

Undermenu

[nilnilnil]

PTR

[nilnilnil]

Saved

[nilnilnil]

Home

[nilnilnil]

Story view

[quanganhdo]

@nilnilnil I find the blurry undermenu to be a bit too much. I prefer something darker like this Vesper screenshot:

The rest looks great.

[ghost]

@nilnilnil

These look great!

I'm especially loving the new search/navigation bar. Sean mentioned you might want to use native UI for handling search results?

For the under menu, what's being blurred? Is it a static image?

[quanganhdo]

@micpringle it looks like the Home page is being blurred.

[nilnilnil]

Is more needed here to get started?

[sreilly]

Hi Caine, we're ready to go on it. Just to confirm, are Mic and I to work on this or were you talking to Anh?

[nilnilnil]

I'm up for whatever! I am hoping it evolves into an everyone project.

[quanganhdo]

I'd love to join as well.

[ghost]

I recommend then, for the immediate future at least, that we detail on here what each of us is working on, to coordinate our efforts.

@quanganhdo assuming you have no objections, I'll pick up the new under/over menu. It seems as good a place to begin as any. Also, I think it would be good if we could get some realtime communication going via Slack, Skype, Jabber, IM etc. Please let me know your preference and your timezone.

[quanganhdo]

Sounds good to me. Either Slack or Skype is fine. I'm in CDT for now.

On Monday, March 10, 2014, Mic Pringle notifications@github.com wrote:

I recommend then, for the immediate future at least, that we detail on here what each of us is working on, to coordinate efforts.

@quanganhdo https://github.com/quanganhdo assuming you have no objections, I'll pick up the new under/over menu. It seems as good a place to begin as any. Also, I think it would be good if we could get some realtime communication going via Slack, Skype, Jabber, IM etc. Please let me know your preference and your timezone.

— Reply to this email directly or view it on GitHubhttps://github.com/duckduckgo/ios/issues/8#issuecomment-37170695 .

[ghost]

@quanganhdo Cool. Ping Sean an email (sreilly@infinitekind.com) with your preferred email address for Slack and we'll get you setup.

[nilnilnil]

Can we do this out in the open on IRC or the DDG jabber server? The others are exclusive.

[sreilly]

out in the open is certainly preferred. I've rejoined the "ios" room on the jabber server. Mic will rejoin it too. @quanganhdo do you have a username on the DDG Jabber server?

[sreilly]

I'm also open to IRC.. is there a DDG IRC server we can all join? That might be preferred since it seems even more open than jabber.

[nilnilnil]

We have a freenode channel, but could make an iOS specific one.

[sreilly]

I think we're all agreed that IRC is preferred. I just joined the #duckduckgo channel. An iOS or even mobile app specific channel would be great.

[ghost]

@nilnilnil

We're making some good progress on the new OverMenu with live blur:

Here you can see it being dragged in, over the content:

And he's a side-by-side comparison of your original screenshot alongside it running live on the device: Pretty close :thumbsup:

Please note that up until now we've been working solely on the interaction and the blur, which is why the status bar is still visible etc.

[nilnilnil]

Cool. I am looking forward to testing it!

[ghost]

@nilnilnil

There's a new build available on TF that incorporates the new OverMenu into the current app.

This was built from our experimental visual-refresh branch, and as such the menu is currently empty, meaning only stories are available in this build.

Having said that, it should still give you a nice idea of how the new menu looks and feels.

[nilnilnil]

Cool! Looking forward to seeing some more stuff :).

[ghost]

@nilnilnil

Are you able to provide me with the exact font name and sizes you've used in the over menu screenshots above, along with the RGB values of the red, grey and black?

[nilnilnil]

@chrismorast can do that much better than I can. Is it worth sticking with system default on font and estimates on color to prevent you being blocked?

[ghost]

@nilnilnil Yep. That's what I'll do for now :thumbsup:

[ghost]

@nilnilnil

Are you also able to sort out getting hold of the new assets need for the new over menu?

Specifically, I need the following:

• Cross (X)
• Plus (+)
• Magnifying glass
• Each of the menu icons (home, saved etc.)

Ideally they should be flat, without bezels or shadows, and in a single colour, usually grey. We apply the actual colour at runtime.

Once the over menu is complete I'll also need the assets for the remaining changes. So it may be worth thinking about getting those done as well.

[chrismorast]

@micpringle I will start gathering the assets and info you need and get them over to you sometime today or tomorrow.

[ghost]

Superb! Thanks @chrismorast.

You may also want to have a rethink about the colour used in the section header titles, as they can get swallowed up by the blur depending on the content underneath ...

[chrismorast]

@micpringle, good call. I think we can go a bit darker with them. Somewhere in between what they are now and what the menu item color is.

Also, I'd like explore different options on where the menu comes in from. The initial thought was that it would slide up form the bottom but it's hard to gauge whether that will feel natural unless I'm able to test it. Would that be a possibility and an easy update if we decide to change it?

[ghost]

@chrismorast

We can definitely experiment with different options, but sliding the menu up from the bottom would interfere with Control Centre, especially if you want to keep the drag-to-open gesture. Sliding in from the left feels the most natural since that's where the hamburger button is located, and you swipe left-to-right to go back through the navigation stack; so it makes sense that when there's no more history the same gesture opens the menu.

Are you able to download the builds from TestFlight? If so, give the latest a whirl. It currently slides in from the left. Ignore the opaque history items, I've not got around to those just yet :wink:

[chrismorast]

I've just set up test flight and will be able to test the next build.

[sreilly]

Hi @chrismorast you're now in the provisioning profile and should be able to install the build from testflight now. Thanks!

[chrismorast]

Thanks @sreilly! @micpringle here's a link to the assets you requested. https://www.dropbox.com/sh/k8rlndrzgxite1c/l85ybzwqpG I imagine there will be more to send so let me know what I've missed.

[chrismorast]

Missed the PTR assets. Will post these as well as any additional elements to the same dropbox folder.

[ghost]

@chrismorast

Thanks for these :thumbsup:

The only remaining things I need for the over menu is the RGB colour values and the fonts (names, weights and sizes).

[ghost]

@nilnilnil @chrismorast

One thing we haven't discussed yet is how you'd like to handle deleting recent searches and stories. In the existing app it's done via a button which appears when swiping right-to-left, but a replacement isn't shown in any of the screenshots above.

[chrismorast]

@micpringle , I'll put together a comp for this. With regards to the color values and font specs, I'll get that over to you by EOD.

[chrismorast]

Here are two options I'm thinking of for the swipe options.

[chrismorast]

It would be nice to experiment with the orange background color from PTR in the stacked version as well.

[ghost]

@chrismorast

Apologies if there's been some confusion, but I was referring to swipe-to-delete, in the context of the over menu and deleting the history items.

[chrismorast]

Got it... here's what I have for that.

Realized that we can't use the orange for delete as that is the color for our official site badge. Using this instead for now

[ghost]

@chrismorast

Ok, great. Could you provide the asset for the button? I doesn't need to contain the text, as I can add that at runtime (and it'll be easier should you choose to localise the app at any point).

[ghost]

@chrismorast

Playing around with the latest build, I've been able to compile another list of new assets we'll need:

• Bang button
• Cancel button when searching
• Share icon when viewing a story
• Progress bar when searching/loading a web page
• Back arrow displayed in the navigation bar when searching

If I come across any more I'll add them.

[chrismorast]

Here's the delete button asset.

[chrismorast]

can you post the original assets here for the pending items you posted about so I can update with matched specs?

[ghost]

@chrismorast

As requested, an archive containing the existing assets can be found here. Note, all these assets can also be found in the repo.

And some screenshots showing where they're used in the app: