Bug 7743

Summary: Improve the Toaster image shown in the Toaster landing page
Product: [Build System, Metadata & Runtime] Toaster Reporter: Belen Barros Pena <belen.barros.pena>
Component: toasterAssignee: Belen Barros Pena <belen.barros.pena>
Status: VERIFIED FIXED QA Contact: Alexandru Roman <alexandru.costinx.roman>
Severity: enhancement    
Priority: Medium CC: alexandru.damian, belen.barros.pena, bluelightning, bogdanx.a.voiculescu, cristiana.voicu, elliot.smith, jessica.zhang, randy.e.witt
Version: 1.8   
Target Milestone: 1.9 M3   
Hardware: x86   
OS: Multiple   
Whiteboard:
OS type for building Yocto: --- Type of Regression: ---
Verified: Documentation change: No (bug/feature does not impact docs)
Attachments:
Description Flags
landing.png
none
toaster_1.7.png
none
Proposal 1 - Lading Page
none
Proposal 2 - Lading Page
none
Proposal 1 - Lading Page
none
Screenshot final file
none
Toaster Screenshot
none
Toaster Screenshot
none
Toaster Screenshot - With no borders none

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