![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/95daba06-a555-4b7c-b4f7-7616927a10e3_rw_1200.png?h=7058fada86c7be65a425900bbf6e3c70)
What is 'Access'?
Access is a User Interface prototype for the Mac OS X that uses a ‘Magazine’ as the visual metaphor, instead of the traditional desktop interface that was created in the 1980’s modelling an office environment. The ‘Desktop’ metaphor isn’t appropriate for most of the current users who don’t necessarily use their Mac’s for traditional office work and can’t relate to concepts such as files and folders which underlie the ‘Desktop’ metaphor.
Who is it for?
The target audience for the Access are Magazine Publishers and the version we developed was tailored for students as well.
Why is it needed?
Access provides a more organised and systematic way of maintaining a user’s life on a system and it is based on “semantically meaningful activities” of the users. This easy to use custom made UI for Magazine Publishers empowers them to utilze the power of the desktop with better access to their tools, news and other activities and at the same time, allows non-tech savvy users to engage more the with desktop.
Project Members:
Wanxiao Tian – Information Architect
Nadia Ahdout - Usability Analyst
Mina Liu – Interaction Designer
Krishnan Vijayaraghavan – Prototype Developer & UX Analyst
Time Period:
30 days (October 2012 to November 2012).
Tools Used:
Wireframing: Omnigraffle
Prototype: HTML5, jQuery
Usability Testing:
We conducted usability testing on four of the course students and one Tutor. The test started with an introduction to the user, telling them what the test was meant for. They were also informed that the whole session was going to be recorded. They were then shown the landing page and asked a few questions about it. After that they were asked to perform the tasks by giving them a handout with all questions, and briefly explaining the tasks. As they were performing the tasks, we observed how they were using the system to accomplish each task. The analysis report of this test can be downloaded from the following link: www.krishnan.co.uk/demos/docs/access.docx
Prototype Demo:
Desktop Version: www.krishnan.co.uk/demos/access/
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/4dbd7737-ed50-4122-b1a6-165331bbca1a_rw_1920.png?h=e2cf35d24c3f2f5c74b9bddd902e710b)
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/e8872a47-7954-4cf1-8f5b-70400c4096f2_rw_1920.png?h=e740816ce3d34445ab8685eacd5f036a)
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/b4f75ec8-12b8-4c3e-976e-b5399221fedc_rw_1920.png?h=bbf45188773e5603a9f3a907c4918d25)
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/f99e5cf1-2515-430e-abe8-177b485bf383_rw_1920.png?h=293323cabce7465c1e49efc0321d2aeb)
SITE MAP
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/0f9ea88f-f73f-4ae3-81ab-2f4005364991_rw_1920.png?h=59392bde845969beab3acd40839814f4)
WIREFRAME OF HOME SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/e0d1823e-41d4-48e0-83cb-3912f61de990_rw_1920.png?h=651a07dedbe0b4d3fa281f473be4406e)
WIREFRAME OF NEWS SECTIONS
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/ce3fc4b0-d173-4a9d-96e0-d4c16d82b4cd_rw_1920.png?h=3a99d9ea0904028aa42e8059e875a19a)
WIREFRAME OF BROWSER SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/949c613e-d3b1-4ce8-a708-780a8c8c6d11_rw_1920.png?h=a9b045785cce208bdb4a146ff33becfc)
WIREFRAME OF TOOL AND APPS SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/2b0cb3ba-3813-40fa-a18b-01e31c0903a5_rw_1920.png?h=495f505ad4ebcd6ccdc40ceecbe8f65f)
WIREFRAME OF FINDER SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/019a9b95-6255-4d9b-823a-c1fc97c3d9fb_rw_1920.png?h=2792ba891b707027dc355bdef9d8dd6f)
WIREFRAME OF LEARNING CENTER SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/2d2c4734-6536-4f89-b87f-77a1489ae971_rw_1920.png?h=c4c303da0b8c93fc7cc74e8e4d2a3992)
ACCESS START SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/0d7cc3b8-2d22-4fab-b9fe-ba8353f2cecf_rw_1920.png?h=4b1703226201d1f51307098da57890f5)
HOME SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/34f02def-5e63-421d-a21f-62e3d24628ed_rw_1920.png?h=e1593668070245fcfeb87437a7809e24)
REMINDERS
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/a93411d7-5388-4b1c-8a80-118fde6c4ac1_rw_1920.png?h=903fe2fcacae878a035390539f3eb6ad)
REDESIGNED FILE MANAGER
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/27fd8977-7941-4ec9-a8f7-91f78e66e4dd_rw_1920.png?h=e37f36021824759f8ca7b164cd2d373e)
FILE MANAGEMENT SCREEN
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/6f09bc6b-66bc-48c9-8c17-ea1766ef1ee4_rw_1920.png?h=044d086c967e803e58b57f76b22cefbd)
WEB BROWSER WITH SOCIAL INTERGRATION
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/b5a959ae-70be-42c3-aabb-354f1a73d0b0_rw_1920.png?h=967eca56b4c2d9306e846ba77b9e0502)
WEB BROWSER
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/f7b39bf0-5d25-4dbf-9467-6156b5905e36_rw_1920.png?h=46b802dcafefbaafb264c780683a7681)
LEARNING CENTER FOR STUDENTS
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/5e22c515-6962-4fde-9695-366f0700722e_rw_1920.png?h=2fdcf532d26e98bdb68f26d1041c9488)
CALENDAR
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/c54194a0-9acd-4e7a-831d-cc4b89e4efc5_rw_1920.png?h=35e1ecb7d1f0732f2f09a2cfeefa42b3)
APP MANAGEMENT
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/0e614fb9-efcd-4c60-bf30-7eeeb76494b3_rw_1920.png?h=ed5a2d4d0d87f46165cfaf0644f1a384)
REDESIGNED SYSTEM PREFERENCES
![](https://cdn.myportfolio.com/e2b3badb-d40c-4696-a4c0-f11ba2141dcf/21f88e89-0e00-443a-aa8f-fbb4b9fb4e83_rw_1200.png?h=08907a3d0f30750d079e835abdf26cac)