Project

General

Profile

Bug #11527

Universal USB Installer Screenshot confused for actual App

Added by huertanix over 1 year ago. Updated 6 months ago.

Status:
Resolved
Priority:
Normal
Assignee:
-
Category:
Installation
Target version:
Start date:
Due date:
% Done:

0%

QA Check:
Feature Branch:
web/12499-uui-1.9.7.7
Type of work:
End-user documentation
Blueprint:
Easy:
Affected tool:
Installation Assistant

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.

Related issues

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

Associated revisions

Revision a650f064 (diff)
Added by sajolida 7 months ago

Remove screenshot class (Will-fix: #11527)

I'm not convinced the growing effect is any way beneficial and huertanix
has reported it as possibly problematic.

History

#1 Updated by sajolida over 1 year ago

  • 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 (06/13/2016)
  • Estimated time deleted (1.00 h)
  • QA Check set to Info Needed
  • Easy 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 over 1 year ago

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 over 1 year ago

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 over 1 year ago

  • 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 over 1 year ago

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

I'll propose something.

#6 Updated by sajolida 7 months ago

#7 Updated by sajolida 7 months ago

  • 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 #12499.

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

#8 Updated by sajolida 7 months ago

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

#9 Updated by sajolida 7 months ago

  • Status changed from Confirmed to In Progress

#10 Updated by spriver 6 months ago

  • 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 6 months ago

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

#12 Updated by sajolida 6 months ago

  • 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 2 months ago

  • Related to Feature #14678: Remove expanding effect on screenshots added

#14 Updated by sajolida about 2 months ago

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

Also available in: Atom PDF