icoworker user interface mock-ups
Post on 21-Oct-2014
743 views
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](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/1.jpg)
iCoworker UI Prototype
D. Lamas, V. Tomberg
![Page 2: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/2.jpg)
In the beginning we have only a Timeline and several boxes on the screen
![Page 3: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/4.jpg)
After setting up dates a vertical line with pointer represents current day in the project
![Page 5: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/5.jpg)
By clicking on the Timeline different milestones can be set
![Page 6: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/6.jpg)
Milestone metadata can be viewed/modified by clicking on it
![Page 7: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/7.jpg)
By clicking under the Timeline comments required for project can be added
![Page 8: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/8.jpg)
The comments can be viewed/modified clicking on an icon
![Page 9: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/9.jpg)
Project tasks are prepared in Tasks box
![Page 10: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/10.jpg)
Then they can be dropped under the Timeline into a required place and stretched if necessary
![Page 11: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/11.jpg)
Participants can be accessed in the Participants box
![Page 12: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/12.jpg)
The tasks can be assigned to a participant by dropping a specific person onto them
![Page 13: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/13.jpg)
Task can be unfolded for additional modifications
![Page 14: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/14.jpg)
Required for the project resources can be added/accessed in Resources box
![Page 15: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/15.jpg)
Resource can be associated by dragging and dropping it on a task
![Page 16: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/17.jpg)
A target Document can be created above the Timeline
![Page 18: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/18.jpg)
Each time the Document is saved, a new version of it appears on timeline
![Page 19: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/19.jpg)
Moving mouse over the Document calls a balloon with version info
![Page 20: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/20.jpg)
There can be several separate Documents created
![Page 21: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/21.jpg)
The Diary and Messages box represent all users’ activities
![Page 22: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/22.jpg)
The stream can be filtered to see the activities only…
![Page 23: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/23.jpg)
… or to see only messages
![Page 24: iCoworker User Interface mock-ups](https://reader033.vdocuments.site/reader033/viewer/2022061106/5446e07bafaf9f5d178b47a7/html5/thumbnails/24.jpg)
Everything in project is tagged and annotated in own properties windows
(not illustrated in this prototype)