17:24:47 <antonela> #startmeeting s58 tba ux sync
17:24:47 <MeetBot> Meeting started Wed Jul  8 17:24:47 2020 UTC.  The chair is antonela. Information about MeetBot at http://wiki.debian.org/MeetBot.
17:24:47 <MeetBot> Useful Commands: #action #agreed #help #info #idea #link #topic.
17:24:49 <antonela> so
17:24:53 <sysrqb> so.
17:24:59 <antonela> i've been working with the UI
17:25:03 <sysrqb> mockups are beautiful
17:25:17 <antonela> is not a prototype yet but you can lurk here
17:25:18 <antonela> https://marvelapp.com/prototype/783fhfb/
17:25:20 <antonela> :)
17:25:27 <antonela> well, im following fenix in almost everything
17:25:39 <antonela> before updating tickets, i want to discuss some stuff
17:26:00 <sysrqb> k
17:26:04 <antonela> (u can use your arrows to navigate, will add clickeable hotspots later)
17:26:13 * gaba is around
17:26:14 <sysrqb> yup
17:26:15 <sysrqb> o/
17:26:35 <antonela> first, we will not have themes, just the private tab look and feel which will be the main tab for us
17:26:46 <antonela> am right? or did you try a different approach?
17:27:14 <sysrqb> i did not look at themes
17:27:26 <sysrqb> so we'll likely start without themes
17:27:30 <antonela> super
17:27:35 <sysrqb> (just private tab)
17:27:50 <antonela> if the private tab is going to be the default, we can remove the "private tab" icon fenix have at the right top
17:27:54 <antonela> the mask one
17:28:05 <antonela> and go with the purple which is also on brand
17:28:37 <sysrqb> yes
17:28:42 <antonela> great
17:28:55 <antonela> the url nav at the top of the bottom is part of settings and i think we should keep it
17:29:05 <antonela> first because im a fan of the url bar at the bottom
17:29:06 <antonela> :)
17:29:11 <antonela> second because is given, is it?
17:29:16 <sysrqb> yes
17:29:25 <antonela> super
17:29:30 <sysrqb> :)
17:29:38 <antonela> i know we dont have a circuit display
17:29:39 <antonela> in tba
17:29:40 <antonela> BUT
17:29:45 <antonela> i did the mock, just in case
17:29:56 <sysrqb> how does a user open it?
17:30:11 <antonela> the good part of pop-ups is that they are not pop-ups anymore, is an entire screen sheet
17:30:23 <antonela> tapping the lock/onion
17:30:29 <antonela> (in fenix, as default)
17:30:31 <sysrqb> okay
17:30:43 <antonela> https://marvelapp.com/prototype/783fhfb/screen/70922715
17:30:53 <antonela> this scroll is not the right one
17:30:55 <sysrqb> so adding more information on that display
17:30:58 <antonela> this work static
17:31:00 <antonela> right
17:31:02 <sysrqb> okay
17:31:09 <antonela> the current fenix is until "secure connection"
17:31:19 <sysrqb> right. okay
17:31:21 <antonela> i added Tor Circuit before it
17:31:24 <antonela> ay after
17:31:49 <sysrqb> we might not complete that implementation before releasing 10.0
17:31:56 <sysrqb> but i like it
17:32:02 <sysrqb> and hopefully it won't be difficult
17:32:03 <antonela> is fine, but we can have the mocks for the future
17:32:06 <sysrqb> yep
17:32:10 <antonela> right, is data we may have somewhere
17:32:22 <antonela> then, security settings
17:32:28 <antonela> we have it in tba, with some layout
17:32:51 <antonela> im replicating the behaviour their shield have, but i moved the shield _outside_ the url input
17:32:56 <antonela> because our shield is global
17:32:58 <antonela> https://marvelapp.com/prototype/783fhfb/screen/70917794
17:33:11 <antonela> that afraid me
17:33:39 <antonela> because users will downgrade their global security to make the site they currently want to visit works
17:34:00 <antonela> but given we dont have per-site settings at the moment, i dont see any other take away
17:34:22 <antonela> (we may adjust the settings in that tab and reset to the global setting the next new tab, for instance)
17:34:31 <sysrqb> no, we don't have a good solution
17:34:38 <antonela> but is out of scope, i mean is not how it is implemented now
17:34:43 <sysrqb> yeah
17:35:09 <antonela> anyways, we can expose it if we want, using that shield and the shield opens the sheet with the current level
17:35:14 <antonela> (like desktop)
17:35:30 <sysrqb> i think we should be consistent on desktop and android
17:35:34 <antonela> https://marvelapp.com/prototype/783fhfb/screen/70917795
17:35:35 <antonela> right
17:35:36 <sysrqb> (as much as we can be)
17:35:44 <antonela> and then if users want to change, then go to Security Settings
17:35:56 <antonela> https://marvelapp.com/prototype/783fhfb/screen/70922578
17:36:32 <antonela> then, the onion icon is there https://marvelapp.com/prototype/783fhfb/screen/70917793
17:37:03 <antonela> im not sure how much fenix is rendering unsecure sites, will try it next week and map our onion icons on those escenarios as well
17:38:42 <sysrqb> they should be the same (or very close) in fenix and desktop with esr78
17:38:46 <sysrqb> (i hope)
17:38:56 <antonela> ha
17:38:58 <antonela> not sure
17:39:00 <sysrqb> :)
17:39:08 <sysrqb> for https://marvelapp.com/prototype/783fhfb/screen/70917796
17:39:20 <sysrqb> is the + button expected?
17:39:30 <sysrqb> should that be a shield or new tab?
17:39:46 <sysrqb> on my phone I see [0] (zero tabs open)
17:39:56 <antonela> that button is a [0] or a [1]
17:40:01 <antonela> yes
17:40:05 <sysrqb> ah, okay
17:40:15 <antonela> i have it here https://marvelapp.com/prototype/783fhfb/screen/70917793
17:40:23 <antonela> not sure why i have some +
17:40:29 <sysrqb> ye
17:40:30 <sysrqb> okay
17:40:40 <sysrqb> just confirming
17:40:55 <antonela> so, the insecure icon is without colors, just white and with the stroke line
17:41:02 <antonela> i tried expired.badssl.com
17:41:33 <antonela> and they have a custom page, which is _similar_ to the desktop one, but have a [try again]
17:41:45 <sysrqb> i tried http://example.com, and i saw the same icon
17:41:49 <antonela> oh will onion error pages be migrated?
17:42:15 <antonela> (i'll make the mockups, just in case)
17:42:16 <sysrqb> yes, but maybe not before the first release
17:42:21 <antonela> will add it to the onion icons ticket
17:42:37 <sysrqb> at a minimum, everything in TBA now
17:42:41 <antonela> oki
17:42:49 <antonela> okey and the last thing i have for today
17:42:53 <sysrqb> and if we have extra time (ha), then we'll add missing features
17:43:03 <antonela> is first screen / connecting / onboarding
17:43:13 <antonela> so
17:43:14 <antonela> https://marvelapp.com/prototype/783fhfb/screen/70989413
17:43:28 <antonela> the first time user see this kind of cards in the first page with customization options
17:43:30 <antonela> we dont have those
17:43:38 <antonela> one is theme (dark vs light)
17:43:40 <antonela> the other is login
17:44:19 <antonela> and the other is see what is new
17:44:20 <antonela> https://www.dropbox.com/s/295mbblma3txrq5/Screenshot_20200609-235719.png?dl=0
17:44:40 <antonela> https://www.dropbox.com/s/1pptmq1orbtchfz/Screenshot_20200609-235746.png?dl=0
17:44:47 <antonela> https://www.dropbox.com/s/7xtgf1wsgg88wt4/Screenshot_20200609-235727.png?dl=0
17:45:13 <antonela> what i did instead, is using the cards/boxes to config our own settings
17:45:39 <sysrqb> hmmm
17:45:55 <antonela> so, this is a first approach for after-s30
17:45:58 <antonela> but
17:46:01 <antonela> we may need a middle step
17:46:39 <antonela> something i think was bad in our last iteration, was adding options behind the switch
17:46:46 <antonela> because the interface jumps
17:47:01 <antonela> instead of smoothly show up
17:48:05 <antonela> so what im thinking for this new network settings
17:48:24 <antonela> is showing all the options by default, but reduce the opacity if using bridges is not ON
17:48:40 <antonela> im still working on the settings screens, but i wanted to talk it with you
17:50:19 <sysrqb> i think we can experiment with this
17:50:27 <antonela> yes
17:50:31 <sysrqb> i don't know which is best
17:50:38 <sysrqb> but your idea sounds good to me
17:50:46 <antonela> oki
17:51:02 <sysrqb> should the url bar be "disabled" until tor is bootstrapped?
17:51:30 <antonela> for the version i made, i thought of having it boostrapping in the back, having the url bar disabled and warning up a circuit for the first ping
17:51:31 <antonela> right
17:51:47 <antonela> i'll made both flows, so we can plan how to go from one to the other :)
17:51:58 <sysrqb> okay, that sounds good!
17:52:20 <antonela> so, when the user reads and make configs for first time, we connect, and then if we succeed, it works
17:52:34 <antonela> then setting sec levels is good for the first screen
17:52:38 <antonela> and then i added a donate box
17:52:44 <antonela> is quite horrible now, but will improve :)
17:52:48 <sysrqb> heheh
17:53:05 <sysrqb> should we say "Tor Browser" instead of "Tor Browser for Android"?
17:53:10 <sysrqb> https://marvelapp.com/prototype/783fhfb/screen/70989414
17:53:10 <antonela> yes
17:53:12 <sysrqb> okay
17:53:33 <antonela> so, what is remaining for me is all what we talked + menu + settings
17:54:06 <sysrqb> and i need to start looking at the implementations :)
17:54:19 <sysrqb> so i can advise what is easy and what is difficult :)
17:54:36 <antonela> right
17:54:51 <antonela> probably the first thing is make the private tab as default
17:54:57 <antonela> then we can see the other stuff
17:55:21 <sysrqb> yep
17:55:29 <antonela> oki, we are groot :)
17:55:35 <antonela> im using material design for all this
17:55:37 <sysrqb> wearegroot
17:55:44 <antonela> because i dont have fenix editable files
17:55:56 <sysrqb> hrm. should i try getting those for you?
17:56:07 <antonela> that would be great
17:56:09 <sysrqb> i can ping a mozilla person
17:56:15 <sysrqb> okay, i'll do that, too
17:56:22 <antonela> super
17:56:33 <sysrqb> thanks antonela
17:56:43 <antonela> thank youu
17:56:49 <antonela> lets meet in two weeks?
17:56:53 <antonela> back on tuesdays?
17:57:07 <sysrqb> yes
17:57:12 <antonela> groot
17:57:13 <sysrqb> works for me
17:57:20 <antonela> i'll update those tickets this week
17:57:22 <antonela> thank youuu
17:57:34 <antonela> ohhh
17:57:40 <sysrqb> seeing new UI is very exciting
17:57:47 <antonela> there is a ticket for the testing alphas flow in gplay?
17:57:54 <sysrqb> yes
17:57:57 <sysrqb> oh
17:57:58 <antonela> i just want to make sure is _somewhere_
17:57:58 <sysrqb> hrm.
17:58:09 <sysrqb> maybe no
17:58:12 <sysrqb> i will create it
17:58:14 <antonela> oh yes, fenix is so close to chrome, and is very nice
17:58:14 <sysrqb> now.
17:58:17 <antonela> perfect
17:58:22 <antonela> lets put cohosh in the loop
17:58:37 <antonela> as she wants to test snowflake bridges there
17:58:40 <antonela> there = tba
17:58:47 <sysrqb> ahhh okay
17:58:52 <antonela> super
17:58:55 <antonela> we done
17:58:55 <sysrqb> yes
17:58:57 <antonela> thank you mattt!
17:59:00 <antonela> #endmeeting