Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Edited UI Mockup <Preview page>

Story

I can preview a page at any time, whether

...

I'm

...

currently

...

editing

...

it

...

or

...

visit

...

it

...

in

...

AdminCentral.

...

The

...

preview

...

shows

...

the

...

page

...

precisely

...

as

...

being

...

eventually

...

rendered

...

after

...

publication

...

and

...

fully

...

functional.

...

It

...

provides

...

me

...

with

...

a

...

good

...

overview

...

of

...

the

...

current

...

page

...

status

...

and

...

allows

...

me

...

to

...

also

...

view

...

different

...

versions

...

and

...

variants

...

of

...

the

...

same

...

page.

...

It

...

even

...

provides

...

me

...

with

...

actions:

...

I

...

can

...

activate

...

or

...

deactivate

...

the

...

page

...

as

...

editor,

...

I

...

may

...

be

...

able

...

to

...

directly

...

accept

...

and

...

reject

...

a

...

change

...

as

...

reviewer.

...

If

...

I'm

...

an

...

editor,

...

I

...

can

...

choose

...

to

...

edit

...

a

...

page

...

directly

...

from

...

the

...

preview.

...

Best

...

of

...

all,

...

the

...

page

...

preview

...

offers

...

me

...

to

...

shrink

...

the

...

interface

...

elements

...

to

...

a

...

tiny

...

cube

...

offering

...

me

...

only

...

minimal

...

controls

...

-

...

great

...

for

...

presentations

...

and

...

final

...

reviews.

...

Description

...

of

...

desired

...

behavior

...

Differences

...

in

...

interface

...

The

...

page

...

preview

...

uses

...

the

...

same

...

interface

...

elements

...

and

...

layout

...

used

...

by

...

Visual

...

Page

...

Editing.

...

The

...

Toolbox

...

is

...

used

...

to

...

show

...

both

...

actions

...

and

...

the

...

page

...

status.

...

The

...

main

...

differences

...

are:

...

  • The

...

  • Options

...

  • rack

...

  • has

...

  • been

...

  • replaced

...

  • by

...

  • the

...

  • Status

...

  • rack

...

  • to

...

  • emphasize

...

  • that

...

  • this

...

  • layer

...

  • mainly

...

  • answers

...

  • informational

...

  • needs.

...

  • The

...

  • button

...

  • to

...

  • change

...

  • to

...

  • the

...

  • page

...

  • preview

...

  • has

...

  • been

...

  • replaced

...

  • by

...

  • one

...

  • changing

...

  • to

...

  • page

...

  • editing.

...

  • There's

...

  • no

...

  • target

...

  • selector.

...

The

...

visual

...

appearance

...

of

...

the

...

Toolbox

...

shall

...

be

...

less

...

visually

...

dominant

...

for

...

most

...

cases,

...

but

...

still

...

recognizable.

...

The

...

main

...

colors

...

used

...

should

...

not

...

be

...

those

...

used

...

in

...

page

...

editing

...

to

...

clearly

...

distinguish

...

it

...

the

...

two.

...

Important

...

note

...

regarding

...

units

...

Minimized

...

Toolbox

Mockups

Mockup
Preview page
Preview page
11