Alfresco Share - Flash Previewer

NEW Flash Preview UI

The Toolbar

FullscreenPage 1 of 5 ><Zoom: - + <75%

Document name.pdf

Input fileds.Fullscreen button

Page navigationZoom component: slider & buttons.

Drop-down menu for accessing pre-defined zoom levels.

Zoom controls

+-25% 400%

+-(1% increment)25% 400%

Users can zoom in and out of documents in three ways. The minimum and maximum zoom levels are 25% and 400% respectively.

1. Using the buttons, users can zoom in and by 25 increments. This gives a more controlled level of zoom.

2. Using the slider, users can fine-tune the zoom level.

3. The pop-up menu gives users access to common pre-defined zooms found in many document preview applications.

(25% increment)

Actual Size

Fit Page

Fit Width

Fit Height

<100%

User Experience


Alfresco Footer Legal Text

Comments

Post

Document name.pdf

Page 1

Log outHelpMy Dashboard Sites PeopleMy Profile

Metadata File Actions

Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex

Name: Document name.pdf

Content type: PDFEncoding: UTF-8 Title: Document name.pdf

Description: Description text here

Author: Louisa RivieraSize: 207 KB

Creator: Louisa RivieraCreated on: 3 December 2008 08:33Modifier: Louisa RivieraModified on: 3 December 2008 08:33

Move to...

Delete

The default zoom level when a user lands on the document details page is “Fit Page”.

FullscreenPage 1 of 5 ><Zoom: - + <75%Metadata File Actions

Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete


Comments

Post

Document name.pdf

75%

When the slider button is pressed, a percentage indicator or tooltip appears.


Page 1


Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete


Comments

Post

Document name.pdf

Page 1


25%

Page 2

Page 3

Page 4

At the lowest zoom level, pages in the document are displayed as thumbnails.

The thumbnail with the blue outline shows the page in focus.



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete


Comments

Post

Document name.pdf

Page 1

When a thumbnail is clicked, the page zooms to the level of ‘Fit Page’.


Page 2

Page 3

Page 4



Comments

Post

Document name.pdf

Page 3



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete



Comments

Post

Document name.pdf

Page 3



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete


Actual Size

Fit Page

Fit Width

Fit Height


Comments

Post

Document name.pdf

Page 3



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete



Comments

Post

Document name.pdf

Page 3



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete


82%


Comments

Post

Document name.pdf

Page 3



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete

Actual size: 100%


When the slider reaches a pre-defined zoom level, the name and percentage of the zoom is displayed.


Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete


Comments

Post

Document name.pdf

3

Clicking on the scrollbar or panning the page, displays a page indicator.


Page 3



Comments

Post

Document name.pdf



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete

4

Page 4

REQUIREMENT: Users need to be able to navigate between pages using using a keyboard and/or mouse scroll wheel. (JAWS-25)


100%(document height)

Flash Preview (visible area)

Pages in a document

When navigating between pages using the mouse or scrollbar, it’s common to see two pages of a document displayed at the same time. The page indicator / tooltip only changes when 51% of a page’s height becomes visible. This percentage can be increased if necessary.

At 50/50, the indicator will display the previous page (page 3 in the example below).

3

Page 3 of 5 ><

4

Page 4 of 5 ><

51%(document height)


Comments

Post

Document name.pdf



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete

4

Page 4



Comments

Post

Document name.pdf



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete

Page 4


Page can be panned when zoomed in enough.

4


Comments

Post

Document name.pdf



Assign workflow...

Copy to...

Edit Metadata

Download

Tags

alfresco

pdf

flash

previewer

flex






Move to...

Delete

Page 4


Document name.pdf

Page 4

The default zoom level in Fullscreen view is ‘Fit Page’.

ClosePage 4 of 5 ><Zoom: - + <84%

This is a really, really, really, really, really, long document...

Page 4


In the unlikely event that a document name gets truncated in fullscreen view, how can the user view the complete name?...

This is a really, really, really, really, really, long document...

Page 4


This is a really, really, really, really, really, long document name.pdf

name.pdf

One idea is to show the whole name (or just the truncated part) via tooltip display on mouse over.

Other ideas welcome.

Alfresco Share - Flash Previewer

Design

Transcript of Alfresco Share - Flash Previewer