fedoradesign / anaconda

Location for mockups / design ideas for anaconda
2 stars 1 forks source link

Need to figure out interaction for lang selection on first screen #1

Open mairin opened 9 years ago

mairin commented 9 years ago

(copying some notes out of / ‘Visual Redesign 2015/anaconda-redesign-2015-garrett.svg’ )

Choosing a language is important for two main reasons: Firstly, someone using the installer needs to fully understand what they are doing, so it should be in a familiar language. Secondly, some things, such as typing passwords (for wifi and setting an admin password), require proper keyboard input.

A filtered language list is shown based on location. Clicking on additional languages (shown translated to the default selection) would disclose more available languages. If location cannot be determined (such as in the case of not having network available), then a list with the top few most popular languages would be shown, with all the rest below, in the scrollable list.

Something like this:

text11548

mairin commented 9 years ago

My initial thought thinking about this would be to have the short list of geolocation-relevant / popular languages as a small scrollbox, with some kind of control that would provide you the full list in a light box on top. I don't know if that was what you were envisioning, Garrett?

garrett commented 9 years ago

I was thinking of having a list of the preselected most likely languages and an expander that would then show the full list (with the previous selection at the top of the list, with a divider between the preselected and full list).

garrett commented 9 years ago

For prior pattern and implementation that we could possibly reuse, I looked into GNOME's input settings for the keyboard layout:

Click on the plus (not relevant to Anaconda; included for context on where it's located in GNOME): screenshot from 2015-03-02 14 36 17

List of common selections: screenshot from 2015-03-02 14 37 11

I then clicked on "German" and the box slid over, like a mobile device, and provided a header as a back item at the top: screenshot from 2015-03-02 14 37 51 (I then selected Belgian, as it's on the list without scrolling)

After that, I clicked the back header, and I was greeted with the previous list. I then hovered over the vertical ellipsis (…): screenshot from 2015-03-02 14 38 51

…and then clicked it to see a complete list and a filter box, like so: screenshot from 2015-03-02 14 39 15

To demonstrate what a search is like, I started typing dvorak and had instant results as I typed. Here, you can see multiple regions noted by (unselectable) headings: screenshot from 2015-03-02 14 41 12

I then clicked on the first selection: screenshot from 2015-03-02 14 41 43

garrett commented 9 years ago

It should be noted that similar popups show up when clicking on both of the Language and Formats sections on in the Region & Language settings. This is actually quite similar to how I was thinking Anaconda's overview would work in the redesign.

As far as multiple input sources — it really shouldn't be in Anaconda. One default input source should be enough to install. You mentioned having a switcher in another issue — I'd suggest that there's a system default that's selected, and if something is switched to, then it can either be a temporary switch (simpler) or a secondary input source (if the two do not match when the install is complete). Anything more complex should really be handled after the system is already installed.