Bug 7743 - Improve the Toaster image shown in the Toaster landing page
Summary: Improve the Toaster image shown in the Toaster landing page
Status: VERIFIED FIXED
Alias: None
Product: Toaster
Classification: Build System, Metadata & Runtime
Component: toaster (show other bugs)
Version: 1.8
Hardware: x86 Multiple
: Medium enhancement
Target Milestone: 1.9 M3
Assignee: Belen Barros Pena
QA Contact: Alexandru Roman
URL:
Whiteboard:
Depends on:
Blocks:
 
Reported: 2015-05-12 14:37 UTC by Belen Barros Pena
Modified: 2015-09-03 11:46 UTC (History)
8 users (show)

See Also:
OS type for building Yocto: ---
Type of Regression: ---
Verified:
Documentation change: No (bug/feature does not impact docs)


Attachments
landing.png (116.55 KB, image/png)
2015-05-12 14:37 UTC, Belen Barros Pena
no flags Details
toaster_1.7.png (122.22 KB, image/png)
2015-05-12 14:38 UTC, Belen Barros Pena
no flags Details
Proposal 1 - Lading Page (135.02 KB, image/jpeg)
2015-05-12 18:33 UTC, Vitor Levi
no flags Details
Proposal 2 - Lading Page (152.99 KB, image/jpeg)
2015-05-12 18:39 UTC, Vitor Levi
no flags Details
Proposal 1 - Lading Page (226.41 KB, image/jpeg)
2015-05-12 18:47 UTC, Vitor Levi
no flags Details
Screenshot final file (72.66 KB, text/plain)
2015-05-13 14:58 UTC, Vitor Levi
no flags Details
Toaster Screenshot (72.66 KB, image/jpeg)
2015-05-15 12:21 UTC, Vitor Levi
no flags Details
Toaster Screenshot (55.07 KB, image/jpeg)
2015-05-15 12:49 UTC, Vitor Levi
no flags Details
Toaster Screenshot - With no borders (95.58 KB, image/jpeg)
2015-05-15 14:01 UTC, Vitor Levi
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Belen Barros Pena 2015-05-12 14:37:02 UTC
Created attachment 2495 [details]
landing.png

First time you start Toaster, you get a screen like the one attached to this bug (landing.png). That screen shows an image of Toaster, which it's also attached (toaster_1.7.png). 

It has been reported to me that the screenshot looks so much like the real interface, that users try to click the buttons in the screenshot instead of the real buttons. 

We should work on that screenshot so that it looks more like a screenshot, and nobody would ever confuse its buttons with the real thing.
Comment 1 Belen Barros Pena 2015-05-12 14:38:04 UTC
Created attachment 2496 [details]
toaster_1.7.png
Comment 2 Vitor Levi 2015-05-12 18:33:48 UTC
Created attachment 2499 [details]
Proposal 1 - Lading Page

This version I changed the UI example screen to a grayed screen in a way to get a disabled perception.
Comment 3 Vitor Levi 2015-05-12 18:39:49 UTC
Created attachment 2500 [details]
Proposal 2 - Lading Page

This version I drew an outlined UI to be clear that is a static image.
Comment 4 Vitor Levi 2015-05-12 18:47:26 UTC
Created attachment 2501 [details]
Proposal 1 - Lading Page

This version I changed the content order and the line colours to blue in a way to have a bit more friendly and clear page.


*All the versions was proposed to change button label to a two words call to action and place the text outside of the button.
Comment 5 Vitor Levi 2015-05-13 14:58:21 UTC
Created attachment 2505 [details]
Screenshot final file

This is the final image treatment for the screenshot on Toaster landing page.
Comment 6 Vitor Levi 2015-05-15 12:21:44 UTC
Created attachment 2511 [details]
Toaster Screenshot

This is the right files. I was updated as "plain text" on here.
Comment 7 Vitor Levi 2015-05-15 12:23:45 UTC
Comment on attachment 2505 [details]
Screenshot final file

This image file was attached as plain text object.
Comment 8 Vitor Levi 2015-05-15 12:49:47 UTC
Created attachment 2512 [details]
Toaster Screenshot

This is the greyed Toaster ui screenshot.
Comment 9 Vitor Levi 2015-05-15 14:01:52 UTC
Created attachment 2513 [details]
Toaster Screenshot - With no borders

This is the screenshot with no borders. Actually bootstrap automatically creates this border around the image.
Comment 10 Belen Barros Pena 2015-08-25 13:55:09 UTC
patches submitted for review 

https://lists.yoctoproject.org/pipermail/toaster/2015-August/002614.html
Comment 11 Elliot Smith 2015-08-26 08:49:16 UTC
Patches submitted to bitbake-devel
Comment 13 Alexandru Roman 2015-09-03 11:46:23 UTC
Verified on master: 71b0568fa43285f0946fae93fb43cea5f3bbecec