icoworker user interface mock-ups

24
iCoworker UI Prototype D. Lamas, V. Tomberg

Post on 21-Oct-2014

742 views

Category:

Technology


4 download

DESCRIPTION

iCoworker User Interface mock-ups are designed for Immigrant Inclusion by e-Participation project http://c1-suncomet.com/~iieppy4g/lang/ee/page/2/ on the base of Timeliner concept.

TRANSCRIPT

Page 1: iCoworker User Interface mock-ups

iCoworker UI Prototype

D. Lamas, V. Tomberg

Page 2: iCoworker User Interface mock-ups

In the beginning we have only a Timeline and several boxes on the screen

Page 3: iCoworker User Interface mock-ups

By clicking to the ends of line the Start and End dates of project can be set up

Page 4: iCoworker User Interface mock-ups

After setting up dates a vertical line with pointer represents current day in the project

Page 5: iCoworker User Interface mock-ups

By clicking on the Timeline different milestones can be set

Page 6: iCoworker User Interface mock-ups

Milestone metadata can be viewed/modified by clicking on it

Page 7: iCoworker User Interface mock-ups

By clicking under the Timeline comments required for project can be added

Page 8: iCoworker User Interface mock-ups

The comments can be viewed/modified clicking on an icon

Page 9: iCoworker User Interface mock-ups

Project tasks are prepared in Tasks box

Page 10: iCoworker User Interface mock-ups

Then they can be dropped under the Timeline into a required place and stretched if necessary

Page 11: iCoworker User Interface mock-ups

Participants can be accessed in the Participants box

Page 12: iCoworker User Interface mock-ups

The tasks can be assigned to a participant by dropping a specific person onto them

Page 13: iCoworker User Interface mock-ups

Task can be unfolded for additional modifications

Page 14: iCoworker User Interface mock-ups

Required for the project resources can be added/accessed in Resources box

Page 15: iCoworker User Interface mock-ups

Resource can be associated by dragging and dropping it on a task

Page 16: iCoworker User Interface mock-ups

The unassociated resources can be dropped under tasks. They automatically are arranged by date of

inclusion into the project

Page 17: iCoworker User Interface mock-ups

A target Document can be created above the Timeline

Page 18: iCoworker User Interface mock-ups

Each time the Document is saved, a new version of it appears on timeline

Page 19: iCoworker User Interface mock-ups

Moving mouse over the Document calls a balloon with version info

Page 20: iCoworker User Interface mock-ups

There can be several separate Documents created

Page 21: iCoworker User Interface mock-ups

The Diary and Messages box represent all users’ activities

Page 22: iCoworker User Interface mock-ups

The stream can be filtered to see the activities only…

Page 23: iCoworker User Interface mock-ups

… or to see only messages

Page 24: iCoworker User Interface mock-ups

Everything in project is tagged and annotated in own properties windows

(not illustrated in this prototype)