search

reachplc / digitalhub

A central repository for showing customers the full, Trinity Mirror wide, offering of digital adverts, build guides and example adverts.
0 stars 1 forks source link

Thumbnails #59

Closed spencerrowbotham closed 10 years ago

spencerrowbotham commented 10 years ago

What is the purpose of these thumbnails? screen shot 2014-01-31 at 11 37 58

michaelbragg commented 10 years ago

Clicking on this will switch to the corresponding video in the player to the right.

Caveat: If there is only one, then it can't switch between any.

michaelbragg commented 10 years ago

Some ideas for highlighting the chosen thumbnail: Overlay: screen shot 2014-02-06 at 09 59 10 Glow: screen shot 2014-02-06 at 10 01 31

Do we need instructions to go with the thumbnail to explain what the user needs to do?

spencerrowbotham commented 10 years ago

Overlay looks more apparent, a line to say "click on the thumbnail to display" would probably suffice.

Still odd spacing in the blue 'back to adverts' box - are we going to equalise spacing and revert to chevron instead of arrow in a circle?

On 6 February 2014 10:05, Michael Bragg notifications@github.com wrote:

  • Cursor need to change to the white glove.

Some ideas for highlighting the chosen thumbnail: Overlay: [image: screen shot 2014-02-06 at 09 59 10]https://f.cloud.github.com/assets/1015212/2097321/f8f403f8-8f15-11e3-8458-db0f51223c7d.png Glow: [image: screen shot 2014-02-06 at 10 01 31]https://f.cloud.github.com/assets/1015212/2097324/05bd6fc0-8f16-11e3-8f7b-2ad0688a8b40.png

Do we need instructions to go with the thumbnail to explain what the user needs to do?

Reply to this email directly or view it on GitHubhttps://github.com/trinitymirror/digitalhub/issues/59#issuecomment-34308215 .

Spencer Rowbotham Head of Creative Trinity Mirror Regionals ....................................................... Tel: 0161 211 2578 Mob: 07795 426538 spencer.rowbotham@trinitymirror.com

IMPORTANT NOTICE This email (including any attachments) is meant only for the intended recipient. It may also contain confidential and privileged information. If you are not the intended recipient, any reliance on, use, disclosure, distribution or copying of this email or attachments is strictly prohibited. Please notify the sender immediately by email if you have received this message by mistake and delete the email and all attachments.

Any views or opinions in this email are solely those of the author and do not necessarily represent those of Trinity Mirror PLC or its associated group companies (hereinafter referred to as "TM Group"). TM Group accept no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. Although every reasonable effort is made to keep its network free from viruses, TM Group accept no liability for any virus transmitted by this email or any attachments and the recipient should use up-to-date virus checking software. Email to or from this address may be subject to interception or monitoring for operational reasons or for lawful business practices.

Trinity Mirror PLC is the parent company of the Trinity Mirror group of companies and is registered in England No 82548, with its address at One Canada Square, Canary Wharf, London E14 5AP.

michaelbragg commented 10 years ago

Will build the overlay and line of text into the site

I still have a nagging feeling that if we need to explain what to do with text we are failing. :smile:

The odd spacing should be resolved once issue #44 is resolved.

spencerrowbotham commented 10 years ago

Let's not do it then mate - you suggested the line!

On 6 February 2014 10:35, Michael Bragg notifications@github.com wrote:

Will build the overlay and line of text into the site

I still have a nagging feeling that if we need to explain what to do with text we are failing. [image: :smile:]

The odd spacing should be resolved once issue #44https://github.com/trinitymirror/digitalhub/issues/44is resolved.

Reply to this email directly or view it on GitHubhttps://github.com/trinitymirror/digitalhub/issues/59#issuecomment-34310567 .

Spencer Rowbotham Head of Creative Trinity Mirror Regionals ....................................................... Tel: 0161 211 2578 Mob: 07795 426538 spencer.rowbotham@trinitymirror.com

IMPORTANT NOTICE This email (including any attachments) is meant only for the intended recipient. It may also contain confidential and privileged information. If you are not the intended recipient, any reliance on, use, disclosure, distribution or copying of this email or attachments is strictly prohibited. Please notify the sender immediately by email if you have received this message by mistake and delete the email and all attachments.

Any views or opinions in this email are solely those of the author and do not necessarily represent those of Trinity Mirror PLC or its associated group companies (hereinafter referred to as "TM Group"). TM Group accept no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. Although every reasonable effort is made to keep its network free from viruses, TM Group accept no liability for any virus transmitted by this email or any attachments and the recipient should use up-to-date virus checking software. Email to or from this address may be subject to interception or monitoring for operational reasons or for lawful business practices.

Trinity Mirror PLC is the parent company of the Trinity Mirror group of companies and is registered in England No 82548, with its address at One Canada Square, Canary Wharf, London E14 5AP.

michaelbragg commented 10 years ago

Just playing devils advocate.

How do you encourage the user to click without using text?

Jon-Masters commented 10 years ago

I would have to look into it but should be possible, but maybe if there is only 1 video not to show the thumbnail on the right. If there is more than 1 maybe place a play icon over the top of each advert thumbnail using html (don't have to redo graphics this way ) and then with javascript autoplay the video when the relevant thumbnail is clicked.

spencerrowbotham commented 10 years ago

You brought it up mate, I suggested a possible solution, you casted doubt whether we needed to do it at all, I said don't do it then, now you are leading back to the original point?

Confused, Manchester

On 6 February 2014 11:35, Michael Bragg notifications@github.com wrote:

Just playing devils advocate.

How do you encourage the user to click without using text?

  • text links use a stand out colour
  • buttons use a stand out colour and shape
  • 3d to to bring to the front layer

Reply to this email directly or view it on GitHubhttps://github.com/trinitymirror/digitalhub/issues/59#issuecomment-34314851 .

Spencer Rowbotham Head of Creative Trinity Mirror Regionals ....................................................... Tel: 0161 211 2578 Mob: 07795 426538 spencer.rowbotham@trinitymirror.com

IMPORTANT NOTICE This email (including any attachments) is meant only for the intended recipient. It may also contain confidential and privileged information. If you are not the intended recipient, any reliance on, use, disclosure, distribution or copying of this email or attachments is strictly prohibited. Please notify the sender immediately by email if you have received this message by mistake and delete the email and all attachments.

Any views or opinions in this email are solely those of the author and do not necessarily represent those of Trinity Mirror PLC or its associated group companies (hereinafter referred to as "TM Group"). TM Group accept no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. Although every reasonable effort is made to keep its network free from viruses, TM Group accept no liability for any virus transmitted by this email or any attachments and the recipient should use up-to-date virus checking software. Email to or from this address may be subject to interception or monitoring for operational reasons or for lawful business practices.

Trinity Mirror PLC is the parent company of the Trinity Mirror group of companies and is registered in England No 82548, with its address at One Canada Square, Canary Wharf, London E14 5AP.

drichardson01 commented 10 years ago

Jon wins... that sounds the best solution.

michaelbragg commented 10 years ago

@spencerrowbotham Welcome to the brain storming that goes on in my head.

Vimeo's take: screen shot 2014-02-06 at 11 37 08

The selected video display's the play button like Jon's suggestion. Hovering over the none playing video highlights it to show that it is clickable.

spencerrowbotham commented 10 years ago

Hooray. Good decision.

Relieved. Manchester.

On 6 February 2014 11:45, Michael Bragg notifications@github.com wrote:

@spencerrowbotham https://github.com/spencerrowbotham Welcome to the brain storming that goes on in my head.

Vimeo's take: [image: screen shot 2014-02-06 at 11 37 08]https://f.cloud.github.com/assets/1015212/2097987/756918f8-8f23-11e3-9ce2-c2c519c36567.png

The selected video display's the play button like Jon's suggestion. Hovering over the none playing video highlights it to show that it is clickable.

Reply to this email directly or view it on GitHubhttps://github.com/trinitymirror/digitalhub/issues/59#issuecomment-34315637 .

Spencer Rowbotham Head of Creative Trinity Mirror Regionals ....................................................... Tel: 0161 211 2578 Mob: 07795 426538 spencer.rowbotham@trinitymirror.com

IMPORTANT NOTICE This email (including any attachments) is meant only for the intended recipient. It may also contain confidential and privileged information. If you are not the intended recipient, any reliance on, use, disclosure, distribution or copying of this email or attachments is strictly prohibited. Please notify the sender immediately by email if you have received this message by mistake and delete the email and all attachments.

Any views or opinions in this email are solely those of the author and do not necessarily represent those of Trinity Mirror PLC or its associated group companies (hereinafter referred to as "TM Group"). TM Group accept no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. Although every reasonable effort is made to keep its network free from viruses, TM Group accept no liability for any virus transmitted by this email or any attachments and the recipient should use up-to-date virus checking software. Email to or from this address may be subject to interception or monitoring for operational reasons or for lawful business practices.

Trinity Mirror PLC is the parent company of the Trinity Mirror group of companies and is registered in England No 82548, with its address at One Canada Square, Canary Wharf, London E14 5AP.

michaelbragg commented 10 years ago

Current status (using wrong sprite until merged with play button):

screen shot 2014-02-06 at 19 45 50

michaelbragg commented 10 years ago

Thumbnail with new icon: screen shot 2014-02-06 at 19 54 59

The icon needs to be bigger. Possibly bolder. 48x48 is a good size as it's the recommend size for touch elements.

fateskimo commented 10 years ago

Apologies, when you said 48x48 I thought you were referring to the retina size. I'll try and sort the new sprite out tomorrow.

spencerrowbotham commented 10 years ago

Any chance it could be more prominent - can hardly see it?

On 6 February 2014 19:57, Michael Bragg notifications@github.com wrote:

Thumbnail with new icon: [image: screen shot 2014-02-06 at 19 54 59]https://f.cloud.github.com/assets/1015212/2103188/ba7e5a58-8f68-11e3-9d36-e9872902e4e8.png

The icon needs to be bigger. Possibly bolder. 48x48 is a good size as it's the recommend size for touch elements.

Reply to this email directly or view it on GitHubhttps://github.com/trinitymirror/digitalhub/issues/59#issuecomment-34363767 .

Spencer Rowbotham Head of Creative Trinity Mirror Regionals ....................................................... Tel: 0161 211 2578 Mob: 07795 426538 spencer.rowbotham@trinitymirror.com

IMPORTANT NOTICE This email (including any attachments) is meant only for the intended recipient. It may also contain confidential and privileged information. If you are not the intended recipient, any reliance on, use, disclosure, distribution or copying of this email or attachments is strictly prohibited. Please notify the sender immediately by email if you have received this message by mistake and delete the email and all attachments.

Any views or opinions in this email are solely those of the author and do not necessarily represent those of Trinity Mirror PLC or its associated group companies (hereinafter referred to as "TM Group"). TM Group accept no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. Although every reasonable effort is made to keep its network free from viruses, TM Group accept no liability for any virus transmitted by this email or any attachments and the recipient should use up-to-date virus checking software. Email to or from this address may be subject to interception or monitoring for operational reasons or for lawful business practices.

Trinity Mirror PLC is the parent company of the Trinity Mirror group of companies and is registered in England No 82548, with its address at One Canada Square, Canary Wharf, London E14 5AP.

michaelbragg commented 10 years ago

My fault @fateskimo, me and Dan discussed, updating the button to use a solid blue background and white triangle, but didn't post it on here for you to see.

screen shot 2014-02-11 at 08 49 23

As the thin outline is getting lost on complex preview images.

Sorry!

fateskimo commented 10 years ago

No probs @michaelbragg, Dan mentioned something yesterday but we got side tracked as I've added a filter to make the thumbnails Black and White until you hover over. I've just created a new branch and added a pull request for the play button with a solid blue background. Combined with the filter this should make it difficult to miss. Cheers

michaelbragg commented 10 years ago

That new button is looking great. Thanks.

michaelbragg commented 10 years ago

Pushed to DigitalDev.

Preview: screen shot 2014-02-11 at 11 58 54

@spencerrowbotham is the purpose of the thumbnails clearer now?

Will sort the back button icon out via issue #44.

spencerrowbotham commented 10 years ago

Lovely

On 11 February 2014 12:02, Michael Bragg notifications@github.com wrote:

Pushed to DigitalDev.

Preview: [image: screen shot 2014-02-11 at 11 58 54]https://f.cloud.github.com/assets/1015212/2136520/fe7439ea-9313-11e3-9e51-3096556d617b.png

@spencerrowbotham https://github.com/spencerrowbotham is the purpose of the thumbnails clearer now?

Will sort the back button icon out via issue #44https://github.com/trinitymirror/digitalhub/issues/44 .

Reply to this email directly or view it on GitHubhttps://github.com/trinitymirror/digitalhub/issues/59#issuecomment-34748040 .

Spencer Rowbotham Head of Creative Trinity Mirror Regionals ....................................................... Tel: 0161 211 2578 Mob: 07795 426538 spencer.rowbotham@trinitymirror.com

IMPORTANT NOTICE This email (including any attachments) is meant only for the intended recipient. It may also contain confidential and privileged information. If you are not the intended recipient, any reliance on, use, disclosure, distribution or copying of this email or attachments is strictly prohibited. Please notify the sender immediately by email if you have received this message by mistake and delete the email and all attachments.

Any views or opinions in this email are solely those of the author and do not necessarily represent those of Trinity Mirror PLC or its associated group companies (hereinafter referred to as "TM Group"). TM Group accept no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. Although every reasonable effort is made to keep its network free from viruses, TM Group accept no liability for any virus transmitted by this email or any attachments and the recipient should use up-to-date virus checking software. Email to or from this address may be subject to interception or monitoring for operational reasons or for lawful business practices.

Trinity Mirror PLC is the parent company of the Trinity Mirror group of companies and is registered in England No 82548, with its address at One Canada Square, Canary Wharf, London E14 5AP.