Bug #11527

Universal USB Installer Screenshot confused for actual App

Added by huertanix 2016-06-13 21:24:00 . Updated 2017-05-18 18:05:04 .

Status:
Resolved
Priority:
Normal
Assignee:
Category:
Installation
Target version:
Tails_3.0~rc1
Start date:
Due date:
% Done:

0%

Feature Branch:
web/12499-uui-1.9.7.7
Type of work:
End-user documentation
Blueprint:

Starter:
Affected tool:
Installation Assistant
Deliverable for:

Description

NOTE: This is one of a series of usability issues that arose from the TAILS OS training workshop on March 19th, 2016 in New York City.

When running through the tutorial for Windows users, the Universal USB Screenshot here:
https://tails.boum.org/install/win/usb/index.en.html was confused a few times for an actual app when it “expands” on mouse over. A few things that may prevent the confusion:

  • Remove expanding effect.
  • Make that particular screenshot 25% to 30% smaller so it’s more immediately noticeable that it’s not part of the OS and just a graphic.

Subtasks

Related issues

Related to Tails - Feature #12499: Update Windows installation instruction to UUI 1.9.7.7 Resolved 2017-05-02
Related to Tails - Feature #14678: Remove expanding (zooming) effect on screenshots in installation assistant Resolved 2017-09-17
Related to Tails - Feature #14759: Remove zooming effect on images in installation assistant Duplicate 2017-10-02
Blocks Tails - Feature #12432: Technical writing core work 2017Q2 Resolved 2017-04-07

History

#1 Updated by sajolida 2016-06-16 11:05:09

  • Subject changed from UX: Universal USB Installer Screenshot Confused for Actual App to Universal USB Installer Screenshot confused for actual App
  • Status changed from New to Confirmed
  • Assignee set to huertanix
  • Start date deleted (2016-06-13)
  • Estimated time deleted (1 h)
  • QA Check set to Info Needed
  • Starter deleted (Yes)

We get little feedback on Redmine from trainers like you’re doing but that’s highly appreciated!

You’re saying “App” like a smartphone app so I understand that this happened only to people who were viewing this page from their smartphone, is that so?

We didn’t experience this while doing UX testing on the same scenario before the release, but by that time these pages were not really responsive and we provided a spare laptop to testers, so the testing conditions on smartphone were not very good and I totally believe you.

I think that we added the expanding effect to help with screenshots that were too big to be displayed at full size. But if we can render the expanding effect unnecessary by scaling down the relevant screenshots I would be in favor of removing it everywhere.

Shall I try to do this?

Note that if you’re knowledgeable about CSS and Git, feel free to volunteer (and as for guidance if needed) :)

#2 Updated by intrigeri 2016-07-16 07:57:12

> You’re saying “App” like a smartphone app so I understand that this happened only to people who were viewing this page from their smartphone, is that so?

I suspect that huertanix meant App as a shortcut for “the Universal USB Installer application window”, and that this is not smartphone-specific: I opened that page on a laptop, and indeed it’s not super obvious to me how one is supposed to tell which is which, between the maxizimed screenshot and the actual application window, when both are open at the same time, which is precisely supposed to happen at one point during the installation process.

#3 Updated by huertanix 2016-08-10 23:21:33

What intrigeri said; I meant “app” as in desktop Windows application. The user was using Windows and the image of the window made them think it was the actual application. Scaling down the relevant screenshots would be great.

#4 Updated by intrigeri 2016-08-11 01:29:13

  • Assignee changed from huertanix to sajolida
  • QA Check deleted (Info Needed)

(Requested info was provided, reassigning to sajolida for further triaging.)

#5 Updated by sajolida 2016-08-11 08:28:57

  • Category set to Installation
  • Affected tool set to Installation Assistant

I’ll propose something.

#6 Updated by sajolida 2017-05-02 10:08:19

#7 Updated by sajolida 2017-05-02 10:51:50

  • Assignee changed from sajolida to spriver
  • Target version set to Tails_3.0~rc1
  • QA Check set to Ready for QA
  • Feature Branch set to web/12499-uui-1.9.7.7

I’m killing two drones with one stone here and tackling this in the same branch as Feature #12499.

So I’m assigning this to spriver for her review as well so she gets better the context.

#8 Updated by sajolida 2017-05-02 10:52:03

  • related to Feature #12499: Update Windows installation instruction to UUI 1.9.7.7 added

#9 Updated by sajolida 2017-05-02 10:52:36

  • Status changed from Confirmed to In Progress

Applied in changeset commit:a650f064c6c71ee34bd225331a52b2d6f35ff908.

#10 Updated by spriver 2017-05-13 17:54:37

  • Assignee changed from spriver to sajolida
  • QA Check changed from Ready for QA to Info Needed

I’m all fine with the change, I like it the new way, but shall we also implement this for other applications during the installation of Tails (e.g. the screenshot of Tails Installer)?

#11 Updated by intrigeri 2017-05-16 16:56:36

  • Type of work changed from Graphics to End-user documentation

#12 Updated by sajolida 2017-05-18 18:05:04

  • Status changed from In Progress to Resolved
  • Assignee deleted (sajolida)
  • QA Check deleted (Info Needed)

I thought about this as well and I also think it would be nice. And then I tried quickly and realized that it would be more work than I was ready to spend on this :)

I think the way forward is to remove the zooming effect on all img.screen (git grep 'class="screenshot' -- "*.*m*") in /install.

That would also imply preventing the translations to go fuzzy, etc.

If you want to keep this on our radar feel free to create a separate ticket for that.

#13 Updated by sajolida 2017-09-17 17:05:40

  • related to Feature #14678: Remove expanding (zooming) effect on screenshots in installation assistant added

#14 Updated by sajolida 2017-10-02 21:28:07

  • related to Feature #14759: Remove zooming effect on images in installation assistant added