Re: [Tails-ux] Improve Tails Installer UX

Delete this message

Reply to this message
Autor: sajolida
Data:  
A: kurono, Tails user experience & user interface design
Assumptes vells: Re: [Tails-ux] Improve Tails Installer UX
Assumpte: Re: [Tails-ux] Improve Tails Installer UX
kurono:
> sajolida:
>> kurono:
>>> Hi Sajolida,
>>>
>>> Ok, I have applied all the suggested changes, and I think its time to a
>>> code review as well:
>>>
>>> https://git-tails.immerda.ch/kurono/liveusb-creator/log/?h=feature/9005-Improve-tails-installer
>>
>> So I finally found the time to review this. Sorry for the huge delay!
>> And thanks for the testing tips. I also realized that they have to be
>> run with sudo (at least from Tails), so what about adding these
>> instructions to the repo?
>
> Thanks!
> which repo?


I did that in #12344. If you don't mind reviewing it.

>> git clone https://git-tails.immerda.ch/liveusb-creator
>> sudo apt-get install python-distutils-extra python3-distutils-extra
>> sudo python setup.py install
>> sudo mkdir /usr/local/share/tails-installer
>> sudo cp -R data/* /usr/local/share/tails-installer/
>> sudo tails-installer
>
> this last one is not necessary, with ./tails-installer is enough.


Indeed. Before I tried with 'tails-installer' which fails.

>> I'm sending a few screenshots in attachment for reference.
>>
>> Regarding my tests and review:
>>
>> 1. I propose defaulting to "Clone" instead of "Use ISO" when running
>> from Tails because I expect it to be the most frequently used option
>> (and that's why it's on top).
>
> Done.


Ack.

>> 2. What about deactivating (graying out) the file selection unless "Use
>> ISO" is selected? See:
>>
>> https://mailman.boum.org/pipermail/tails-ux/attachments/20160629/62e60034/attachment-0003.png
>
> Done.


Ack.

>> 3. If "Use ISO" is selected but no ISO image is specified, I could still
>> click "Install" (but then I don't know what it's doing). I think we
>> should then display the dialog for selecting the ISO image before asking
>> for confirmation before install. This would be the "forgiving" option.
>> Another option would be to add a constrain and gray out the "Install"
>> button until an ISO image is selected. But I think I prefer the first
>> option.
>
> I have implemented another option:
> Showing an alert message when the install button or the reinstall link
> are pressed, without selecting the ISO image file, if that option is chosen.


I'm fine with that. I rewrote a bit the message with 11ebad8.

Also, since we're there, what about allowing the user to select the ISO
image from this dialog to be more forgiving?

It would allow her to solve the problem directly from the error message
and avoid her to have to go back to the main window and figure out what
this is referring to.

What about, instead of having only an "Ok" button, having:

    [Cancel] [Select ISO image...]


But that's optional and you can create a ticket to do that later on if
you prefer.

>> 4. Did you implement changing the "Install" button into "Upgrade" (and
>> "Reinstall")? Because I didn't see this when doing my tests...
>
> Yes sure, it works for me, it only is shown when the USB stick already
> has tails installed. Send me please a screenshot when this happens to you.


Some more remarks:

1. If I start Tails Installer without a target USB stick and then plug
it in, the interface gets widely resized. It not a serious problem but
looks unpolished. See before.png and after.png.

Also, the description of the USB stick in the main window and in the
confirmation dialog is different. See confirm.png. I prefer the one in
the confirmation dialog because it is shorter while still having all the
necessary info (vendor, size, and model) but without the long number
that is displayed in the main window. Maybe getting rid of the long
number in the main window would also help solving the resizing issue.
What do you think?

2. By default the file selector is too small to display the full name of
the ISO image and only displays "tails-...".

If I am playing with different versions (for example when upgrading) I
would like to have some feedback from the main window about the ISO
image that I selected.

Would it work to make the file selector wide enough to handle our usual
filename length: ~22 characters for "tails-archh-x.yy.z.iso"?

3. In the confirmation dialog before installation or upgrade, I would
love to have, instead of the [No] [Yes] buttons:

    [Cancel] [Install]


or

    [Cancel] [Upgrade]


I'm myself always a bit scared when upgrading a Tails USB stick and this
would be reassuring (even if we're already solving this problem is other
ways with the rest of your work).

4. Would it be easy to fix the minor alignment issues on the right,
especially with the links? See alignment.png. Otherwise forget it :)

5. Would it be possible to display "The persistent storage on this USB
stick will be preserved." only if there actually is a persistent
storage? But if that requires tweaking the backend we can create a
ticket to do that later on.

6. If I plug two USB sticks, one with Tails and one without, and switch
from Upgrade to Install and then back to Upgrade, then the Reinstall
link disappears.

7. I rephrase the confirmation dialog quite a bit with e1908d0. Tell me
what you thing. Especially since I'm tweaking Gtk a bit to display an
empty new line. I don't know if that's good or if it's the proper way to
do that.

But hey, we're almost there and I'm really excited to see this finally
tackled in Tails Installer which is pretty much the first piece of
software our users have to interact with. Good job!