Copyright 2017-18. Student Publication meant for private circulation only. All rights reserved . P.G. Diploma , IT Integrated Communication Design, 2015-2018, Kerala State Institute of Design.,Kerala,India. No part of this document must be reproduced in any form in any means without permission from publisher, Arun and Kerala State Institute of Design. All illustrations and photographs are copyright 2017-18 by respective organization/ Individual. Edited and Designed by Name: Arun sankar R E-mail: arunsankar.rebirth@ gmail.com Processed at: Kerala State Institute of Design Kerala India www.ksid.ac.in
4 | Diploma Project
“The bad news is time flies.. The good news is you’re the pilot.” - Michael Altshuler
5 | Diploma Project
CONTENT Acknowledgment
09
Preface
11
About KSID
13
Introduction
15
LDI Graphics Pvt Ltd.
17
Time line
18
Initial Research
20
Targeted audience
20
Hierarchy levels and roles
20
Requirement study
22
Understanding the work flow
22
Behavior of the projects
24
Intense Research
6 | Content
26
Personal interviews
26
Understanding similar applications
28
Design process
36
Brainstorming
36
Flow chart
38
UX designing / Wire framing
43
Interface designing
70
Color, Typeface and Icons
74
Name and Logo
79
Conclusion
111
References
112
7 | Content
8 | Acknowledgment
ACKNOWLEDGMENT The project would not have been possible without the help and kind support of various individuals. Every person, I met or spoke helped me in moving a step further towards the betterment of this project. This project was supported by LDI graphics private Ltd. and Kerala state institute of design. I am thankful to my colleagues who provided expertise that greatly assisted the research. I am also grateful to Ms. Radhika Prasad, Assistant faculty, IT Integrated Communication Design, KSID who moderated this paper and in that line improved the manuscript significantly. I have to express my appreciation to Mr. Ashish, founder of Liquid designs, a creatively led visual communication studio based out of Gurgaon and Miss. Anupam, Project head of UI/UX team, for sharing their pearls of wisdom with me during the course of this research and design process.
9 | Acknowledgment
10 | Preface
PREFACE Kerala State Institute of Design (KSID) was established for the purpose of creating a vibrant design community in Kerala through synergistic partnership between the artisan community, professional designers and the general public. As part of the design education stream, the last semester of the 5 semester PG Diploma Programme, is a thesis/ graduation programme. This would mean that students are requested to work on a real life project with any industry/ design studio to get an actual ‘hands-on’ experience. Projects can be of any kind, however students must work on a sustainably large real life design project independently or in an institution to present as their “Graduation Project”. This would need to suffice the needs of academic purposes. This would include the entire design process as follows: • Research • Ideation and Conceptualisation • Prototyping and testing • The final Product range/deliverable • The Document
11 | Preface
12 | About KSID
ABOUT KSID Kerala State Institute of Design (KSID), a design institute under Department of labour and Skills, Government of Kerala, is located at Chandanathope, about 8 Kilo meters from Kollam city. It was established in 2008 with the support of NID Ahmedabad and is one of the first state-owned design institutes in India. The faculty development programme and curriculum development for the design programmes of KSID are provided by NID Ahmedabad. KSID currently conducts Post Graduate Diploma Programs in Design developed in association with National Institute of Design, Ahmedabad. The Kerala State Institute of Design (KSID) was established for the purpose of creating a vibrant design community in Kerala through synergistic partnership between artisan community, professional designers and general public. The institute was later merged with Kerala Academy for Skills Excellence (KASE) on 1 April 2014. KASE is the apex agency for all skill development activities in the state of Kerala. One of the most important objectives of KSID is to promote design education. To realise this objective, KSID is offering Post Graduate Diploma programs in Design which were developed in consideration of Design Programmes at National Institutes of Design (NID) and Indian Institutes of Technology (IIT).
13 | About KSID
14 | Introduction
INTRODUCTION The time is very important in every business. The maximum and proper utilization of time can determine the quality of the work done by the respective firm. Also the wages of the employees are decided by the amount of time they were working for the firm. The project brief was to design UI / UX of a studio management web application and its mobile version. The project client is Liquid designs India private limited (LDI Graphics Private Ltd.) Objectives of the Project are; 1. Design studios of any size (1-100 people team) should be able to manage jobs, schedule and assign tasks to internal and external team members. 2. A team member should be able to plan his own day/week and share it with others in the team. 3. The app should be able to create reports based on performance and other parameters. 4. The app should help in creating estimates, quotes and invoices. 5. The app should be able to track time of the people active on job. 6. People should be able to use the app from out of an office on their hand held devices. 7. The features, ease of use and design should surpass all the other similar apps in the market at this time. According to the brief, the UX should be super intuitive and easy to use by every level of team member. It should not be overwhelming and the user interface should be minimal and modern.
15 | Introduction
16 | LDI Graphics
LDI GRAPHICS INDIA PRIVATE LTD. Liquid Designs is a creatively led visual communication studio based out of Gurgaon. LDI graphics India private Ltd. work with brands with a vision. They’re experts at developing visual identity and providing digital design solutions, which are instrumental in creating brands that stand out and grow. Over eleven years, Liquid designs worked with more than forty brands across fifteen industries in five countries.
“We love challenges, and see every project as an opportunity to discover something new, push ourselves further and create a design solution that elevates your brand image.” The studio concentrated on the works such as; • • • • • • • •
Mobile User Interface Design Website Design Visual Identity Logo Design Marketing Collateral Design Environmental Graphics Magazine Design Illustrations
17 | LDI Graphics
TIMELINE The timeline of the project was 15 weeks. The entire project was split into 6 phases including research, wire framing, interface designing, prototyping and testing. The research and design process will cover in the 14 weeks and testing of the application is done in last week. The testing of the project will happen after every phases to ensure the efficiency of the application.
18 | Timeline
19 | Timeline
INITIAL RESEARCH
20 | Initial research
Targeted audience
Hierarchy levels and the roles
Every design is made for a group of audience. Understanding the mind of users will always improve the efficiency of design. In this context the users of the application are mainly the employees or designers in the design hub or studio. There are also other classes of audience which can be categorised as external users. The designers from the studio are internal users whereas the clients and freelance designers, those who are related to the respective projects comes under external users who can also log in to the application to add the works and suggestions to the big project. Thus, the major part of targeted audience is well in touch with the design field and are very used to the applications. There is no anonymity among them.
The levels of authority are present in every firm. Similarly, in a design studio also, there are several hierarchy levels. In the case of LDI graphics studio, the hierarchy flow can be divide into three levels namely, Admin – Project head – Designers. Among these levels the superiority flows from Admin to project head and from project head to designers. Since the hierarchy levels are defined, it’s not necessary that the communication flows only in these directions. There will be exclusion of project heads in some situations. And there should be proper communication between all levels of a design studio without any obstacle to achieve good results in works they do.
The studio of LDI graphics pvt. Ltd.
21 | Initial research
Requirement study As explained in the brief, the application should be focusing on better studio management. The application should also assist in creating estimates, quotes and invoices. Time logging should be another essential part of the project. The freelancers are quoting the payment according to the hours which they work on the project. So the application should be a stage for those to log the working time and update the progresses. If the works happening in a design studio need to be made excellent, then the communication between all the people in the studio need to be smooth. A design can be made relevant when it has more opinions including critics and positive suggestions. None of the best designs are made in isolation. Thus the application should also act as a proper channel of communication. The potential of a person will improve with inspirations. The application interacts with each and every employee on a daily basis. So it could also try
22 | Initial research
to inspire the employee in any manner. Along with that, the application can be stage for appreciations. Appreciations can help to make an emotional attachment among the employees to the company or studio which will indirectly pushes the potential of an employee. Understanding the work flow The workflow of a design studio is very different from the workflow of any other firms. A client project can be divided into many sections which are handled by different designers. Many of the projects are approached as team works. So within a studio space, the entire team of designers are split into different small teams working on different projects. The admin is either assign the project to a project head or he himself break the project to separate tasks and assign to different designers. In case of transferring the project to project head, the separations of tasks are done by the project head and he/she will update the progress of the proj-
23 | Initial research
ect to admin. The admin is mainly dealing with the clients. So when there are a lot of projects, the role of project head to assist the admin is very important. The frequent feedback from the project head or admin about the work is very essential before proceeding the work to next level. Behaviour of the projects When we talk about the behaviour of the projects, it is closely associated with the crucial time frames. This is a competitive world where time plays a very important role in every businesses and markets. The projects should be maximum efficient within minimum time
24 | Initial research
frames. The maximum duration of a project in LDI graphics is about 2 to 3 weeks. Sometimes the clients may have wanted further changes and project hang on. Along with the pressure of time duration, the changes suggested by the clients may not be as good as what the designers suggested, but still they have to work on the client’s suggestion. The normal working hours can be stretched in order to meet the satisfaction point. Thus the design studios may not have a proper working hours’ schedule. Sometimes the designers need to work till night or early in the morning for the submission of project on time to the clients.
25 | Initial research
INTENSE RESEARCH Personal interviews The second phase of research grows from background study and overall understanding of the project to in-depth learning of the requirements and existing scenario of managing the design studios. The thoughts of the designers in the design studios are put into this phase. According to the client, the core purpose of having a studio management app is to mark attendance and improve efficiency by logging the working hours and sharing the updates. They also wanted to minimise the usage of several platforms for several purposes to one platform for all the needs. For the admin, such an app will help to appreciate the performing employee and it will also help him to focus on the struggling areas. From the employee perspective, they believe the studio man-
26 | Intense research
agement app will improve the communication between the co-workers and the standard of work will improve in parallel. The suggestions from the part of employees is that to make the time logging easy and simple, so that it won’t feel like a burden or they won’t forget to log the time. Apart from the designers and interns from the studios, the suggestions and opinions from the employees of various firms have taken as the part of the project. They mostly talked about the way they plan their work to accomplish it on time. The usage of sticky notes to write down the tasks are followed by many employees. They find it very easy to plan the work. Once the task is accomplished, they can cut the task from that list. People also use notebooks and notepads to plan the work similarly on a daily basis. In other firms, they have this big sketch board, where the
Shaju MG Senior Project Engineer, Krishna Maruti Ltd. I work in the production plants. Being a head engineer, I need to supervise the works of the plant. I usually plan my works for a weekend. The Saturdays are for planning the next weeks works and analyzing the previous week’s achievements or drawbacks.
Allan Augustine Sales and service Engineer, Sherman International Pvt. Ltd. The office works are pretty frustrating. The tasks are usually noted down on a notepad in the meetings. The works are prioritized and planned daily. Overtime working is a usual story in our office. Improper time management could be a reason.
Jyothish Kumar Freelance Designer Time frames are very strict for me. I work very messy, so the plans wont really help in completing the works. The project delivering reminders are intentionally put to 2 days earlier than the actual dates. Mobile reminders helps to an extend in planning the work in last minutes.
27 | Intense research
task assigned to employees will be noted down. It is erased only when the task is finished. Along with the task board, there will be suggestion boards also present in several firms. The admin will get a clear picture of the finished task and accomplished task while seeing these boards. And there are other firms which use online time management apps to plan the work and time logs. Understanding the similar applications There are several work management apps available on Internet in these days. Most of them focus-
28 | Intense research
es on accounting firms with too many options on money management and time management. The case study of few studio management apps are done as a part of the project research such as; Hubplanner, Paymo, Streamtime, Asana, Freshbooks, Toggl etc The overload of informations, ambiguous graphs, non - intuitive experience designing are few of the drawbacks of the existing apps. Also the admin doesn’t have the control to prioritise the work of team members.
29 | Intense research
Asana is web-based software-asa-service designed to improve team collaboration. It focuses on allowing users to manage projects and tasks online without the use of email.
30 | Intense research
Freshbooks provides cloudbased accounting solutions for small business owners. It is designed for owners of the types of small client-service businesses that send invoices to clients and get paid for their time and expertise.
31 | Intense research
Streamtime is an automated project management software that manage projects, teams, and tasks. Project managers can assign people to each task and follow up on task status in real time.
32 | Intense research
Hub Planner gives you resource scheduling, time tracking, timesheets, project planning and reports all under the one service.
33 | Intense research
Paymo is a modern project management app, that allows small and medium project-based businesses to manage their projects from start to finish.
34 | Intense research
Toggl offers online time tracking and reporting services through their website along with mobile and desktop applications.
35 | Intense research
DESIGN PROCESS The next phase after the research is design process. The user experience and interface design is evolved through the design process.
Brainstorming The research phase ended with giving a proper background understanding about the need of the application and what are the objectives of the same. Now the design process starts like painting on an empty canvas. The brainstorming stage is to put down every aspects and approaches to the design process of the web application. Also the analysis of general information is done in this stage of design process. What makes a web design successful and how to start designing a web application are two important questions need to be answered before starting the process. Like the phrase ‘beauty is in the eye of the beholder’, effec-
36 | Design process
tive web design is judged by the users of the website and not the website owners. There are many factors that affect the usability of a website, and it is not just about form how good it looks, but also function how easy is it to use. The flow chart or the navigation chart should be prepared first. The discussions with admins, designers and interns of different firms/studios gave a clear picture of hierarchy prevailing in the studios. The goals of these people in different levels are different. The suggestion of creating separate interfaces for different levels is took forward since it reduces much ambiguity and efforts for the users. The route of design process is determined while brainstorming. The flowchart will provide better
idea about the functioning of the application to start designing the user experience. Later it will pave way to interface designing and prototyping. The testing of the application is very important in every stage of the designing.
Flowchart The flow chart defines how complex or simple is the application. The number of clicks, interactions or effort put to achieve a need, determines the complexity of the design. The user should achieve the intended need in very minimum interactions. In order to prepare the flow chart, the needs and wants of users should be kept in mind. According to this scenario, the class of users are divided into two, namely the superior class and ordinary class of users which is admin/project head and interns/designers respectively. Within these classes there is also another division for primary and secondary needs classification. The primary needs for an admin or project head could be assigning new tasks to designers, checking the progress of ongoing projects, viewing the time tracks and performance of each employee. These are the things that an admin would do each time he/
38 | Design process
she logging into the website. The secondary needs are also as important as the primary needs but these are not as frequent needs as the primary ones. Adding new people to the firm, viewing calendar milestones, checking the shared resources etc. could be categorised under secondary needs of admin. Similarly, viewing the tasks assigned and logging the working time should be primary focus of an intern or designer. The homepage should provide the details of tasks assigned, the progress of project, and the updates of designers on each projects. There should also be easy navigation to view the extras, like creating invoices, quotes and reports. The chat room, files sharing, calendar view, search bars, settings should also have viewed in the screen. The challenge of the UX and UI design is to include these navigation options and still need to make it feel simple and minimal.
Preparing the rough flow chart.
39 | Design process
40 | Design process
41 | Design process
42 | Design process
UX design / Wire framing Wireframes are important for multiple reasons. One of them would be that they, the wireframes, focus on functionality, behaviour, and priority of content. Once those things established, designing the product becomes a lot easier. Also, the wire framing helps to plan the layout and interaction of the interface without being distracted by colours, typeface choices or even copy. Keeping in mind, the human psychology and cognitive ergonomics while creating the wireframe or user experience design would improve the efficiency of the application.
Since the audience of the application are designers and people who are very advanced with the field of design, the usage of icons could be encouraged. Similarly, the project progress, task assigning etc. could be graphically represented to make the interfaces clean and minimal. The inspirational quotes or other things to improve the interactions also should be designed in the user experience design phase. There were several explorations and wireframe mock ups made before finalising the actual UX of the application which are as follows;
43 | Design process
Above twenty dashboard options were drawn with different approaches until one is finalised. The reviewing of each approach helped to make the next drawing better than before. The aim was to make the UX much simpler than any other similar application. The inspirations are taken from the other applications in the research process.
44 | Design process
The UX strictly focuses on the requirement of the design studio. Therefore the features are limited for any other firms to use this application. The application gives emphasis on planning the time and creating reports as per the brief of the client. From the perspective of an admin, it will normally pushes the productivity of the firm.
Initial drawings of wire frames.
45 | Design process
The first proposed wirefame of admin dashboard.
46 | Design process
Wireframe detailed with images and icon.
47 | Design process
The prioritization of tasks is one of the distinguishing feature of the application.
48 | Design process
The admin can assign task to the team member with specifying days and time.
49 | Design process
The first proposed wire frame of project navigation. The screen was rejected to make something more aesthetically pleasing.
50 | Design process
The approved wire frame of the project navigation.
51 | Design process
The project page also gives the information of team members who are working on that project and their efficiency in completing the task.
52 | Design process
The references for the projects are shared under each project tile.
53 | Design process
New projects are added from this screen itself. After entering the project and client name, the new project tile will appear in the same screen.
The new member to the team and removal of an existing team member is done from the dashboard screen.
55 | Design process
The calender icon provides the “jump to date� option. The admin can assign task to team members very advance.
56 | Design process
Once the task is completed by the team member, the admin gets notified in the dashboard. Also the button on the task bar will be moved to right side.
57 | Design process
The notes introduced to inspire the team members. This option allows people to share the inspirational articles or notes with the other team members.
58 | Design process
This is the “add new note� screen. Here either people can type notes or copy-paste the articles to share with the team members.
59 | Design process
This screen of report page gives the overall performance of the team in a day, week and a month.
60 | Design process
This screen of report page gives the people’s performance of the team in respective projects.
61 | Design process
This screen of report page gives the project performance of the team and efficiency of the team members in working the respective project.
62 | Design process
The statement of services and dues are added in invoice screen.
63 | Design process
The created invoices are saved to the archive page for further reference.
64 | Design process
The quotes created and send to the clients can also be done through the application.
65 | Design process
The dashboard screen of the team member provides the assigned tasks and time frames for the respective tasks.
66 | Design process
The hamburger icon provides the profile settings of the team member where he can edit and personalize the interface themes and images.
The team member can start the task, pause the task, and log the time, once he finished the task.
68 | Design process
The notification icon the top of the screen gives the updated tasks, notes, references etc.
69 | Design process
Interface designing User interface design is the most important phase of web designing. The background functioning and the navigations, placement of icons, graphs and charts etc. are designed in the user experience designing phase. Now, the interface design focus on the look and feel of the screens which interacts with the user. The choice of colours, typeface, appearance of graphs, charts, icon styles etc. is determined while designing the interfaces. Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. “Many user interfaces are designed with a focus on usability and efficiency. Users should be
70 | Design process
able to achieve their goals as efficiently as possible, without focusing too much on the user interface itself. In that sense, a well-designed user interface becomes effectively invisible to those using it. In other words, they interact directly with the ‘reality’ the design portrays without reckoning on the point that, for example, thumbing button icons through the glass screens of their handheld devices is responsible for producing changes in what they see. However, usability and efficiency might not be the only measure of a well-designed user interface; a user interface might be designed to create a fun and pleasurable experience for users instead.”
The first interface proposal from the reviewed and approved wire frame.
71 | Design process
The interesting observation while creating the interfaces was with the colors. The background of the designer’s softwares such as Adobe photoshop, Adobe illustrator etc. has the dark background colors. Since the application is used by the designers, the background color of the interface was modified into dark blue.
73 | Design process
Color, Typeface and Icons I selected the colors from the color scheme which inspired from the mood of a creative studio. The creative thoughts are associated with the vibrant colors. The primary color is set to dark blue which will appear as the background of the interface. Other vibrant colors will appear as the secondary and tertiary colors. Also, the team members are defined with a color code which will appear on the top navigation bar
74 | Design process
of every screens. The task assigning to the team member will be appearing in the respective color which the team member choose as his or her color code. Similarly, the dashboard of the team member will show the same colored task bars. In the interface of the team member, personal projects or tasks are differentiated with another color. The icons set created for the application also follows the common color scheme.
#cf0010
Primary color #2d3e50
Secondary color #1ab99b
Tertiary colors
#f4d03e
#23a7f1
#f59d1f
#67809f
#913d88
#2dcc70
The typeface used in the application is Segoe UI, which is a google font. The Segoe UI type fond is best known for its use in Microsoft. It is a web safe font and very popular fonts for people who work in ‘Microsoft Office’ soft wares. The Segoe UI gives a professional feel to the application. It is very elegant and legible fonts to be used in Web application. The font is sans serif. The font size for body contents are set to 16 pixels which a standard font size for the desktop. The bigger pixel sizes creates disturbance for the user to read the content.
Profile Heading Segoe UI Regular - 35 px
Body / content Segoe UI Regular - 16 px
Extras Segoe UI Regular - 15 / 14 px
76 | Design process
The Icon style used in the application is fill color style. The strokes are not used in creating icons. Few icons that should be highlighted are only created with strokes. The search icon, Add project icon, Time log icons are few of those important icons that needs to stand out. The Icons also follows the color scheme of the application. The icons are put to 35 * 35 pixels. The normal standard sizes for the icons are (16 * 16) for small icons, (24 * 24) for medium icons and (50 * 50) to (70 * 50) for small profile pictures. The icon sizes should be resized a bit more than the medium standard icon size in order to fit in the application’s interface. The Notification bell icon is dynamic. The icon will be large when there is any unread notification. Similarly, the bell icon set to normal size when the notification is seen by the user.
35 * 35 px
77 | Design process
78 | Design process
Name and Logo “TICKER” represents the time element of the studio management application. Unlike the other applications of the same genre, Ticker focuses more on the prioritization of tasks on the basis of time. The logo of the application is developed from the name of the same. It represents the clock needles and also a “tick” symbol is visible in the logo
79 | Design process
The first page of the application asks the person to sign up, log in or take a trial run. A new user to the application needs to sign up with his email and create a
80 | Design process
password to continue. An existing user can just log in with his password. The trail option serves a user to just try out the features of the application.
The dashboard is created after setting up the profile. It will differentiate the user as an admin, project head or team. Also the
color tag is decided while setting up the profile. The option for changing theme also included in profile settings. The user have
the personalize option to change the dark theme to white theme.
This is how the dashboard of the admin or project head looks like after creating the profile and adding the tasks. Currently, the ongoing tasks are shown in the
82 | Design process
dashboard. The more tasks assigned to the respective person will shown as the arrow moves along the dashboard, over the task bars.
The task window opens when the project head drags and create a task to a team member. It will be in the same color as the task bar. It provides the options to brief
the task and assign the time. Also the more members can be added through this window itself.
83 | Design process
The further editing of the profile can be achieved through profile settings option. The email notification can be turned on in this window. Any team updates or
task completion will be notified through mail when this settings is turned on. The client invitation to view the project progress is send through profile settings.
The project page shows a quick progress status of the projects. The files sharing and team status is also shown in the project page.
85 | Design process
Team status of projects.
86 | Design process
Files sharing option for projects. Here the user can filter the references according to date, name, image or text. The invited client is able to view the references and
he/she can add the references to the project tile.
87 | Design process
This is the inspirational page in the application. The added note can be shared to respective projects.
The “add note� page. Notes archive option will take user back to the previous page.
Over all report of the studio. The positive and negative statuses of the tasks and projects are differentiated through color codes. The attendance of the team is also represented here.
Expansion of absentees option.
91 | Design process
Detailed report of project progress and team performance.
92 | Design process
Detailed report of people’s performance. It helps to evaluate the efficiency of the employee.
93 | Design process
New invoices are created using this page.
Created invoices are stored in invoice archive option.
95 | Design process
New quotes are created using this page.
96 | Design process
Created quotes either send to client or saved are stored in quotes archive option.
The notification bell icon will be large when there is any unread updates. Once the notification is checked by the user, the icon gets smaller to the standard size.
The calendar expansion.
99 | Design process
Add project page.
100 | Design process
“Add or remove� team member page.
101 | Design process
Dashboard screen of team member. The team member can only drag and create personal tasks.
102 | Design process
The assigned task which will appear in the notification can be dragged and drop in the dashboard.
103 | Design process
Time logging option for tasks.
After starting time log, the clock icon will be created in the bottom bar, which helps the user to pause or log the time easily and effectively. Also, the desktop re-
minder will be there to remind the user to log the time.
105 | Design process
The mobile version of “Ticker” was an extended part of the project. The mobile interface is not that interactive for both Admin and team member. The Admin will be able to view the ongoing tasks and completed task on the dashboard of Ticker - mobile. The following features are included in the mobile version of application; • • •
•
Admin can change profile settings. View the tasks Add new team member or remove any existing team member. Share files to the team.
107 | Design process
The mobile version of application for team member also serves few option which are very important. • • • • •
108 | Design process
User can view the tasks assigned to him/her He/she can mark the task completion once it is done. The chat option is also enabled in the screen. The user can share files with the team mates. The user can start, pause or log time from the home screen.
The log time pop up.
109 | Design process
110 | Design process
CONCLUSION Time is a very crucial thing in this modern competitive world. And it will be the thing that we are little cared about. We will only realise the value of time after we lost it. Similarly procrastination is one of the biggest obstacle for people towards a successful career and life. The better utilization of time can improve productivity and uplift the firm which you work in. Firms will appreciate the efficiency of your work according to the time you have spend on the respective work. The role of “Ticker” app in the scenario of a design studio is to evaluate the efficiency of the work culture they follow.
“Habitual procrastinators will readily testify to all the lost opportunities, missed deadlines, failed relationships and even monetary losses incurred just because of one nasty habit of putting things off until it is often too late.” - Stephen Richards, The Secret of Getting Started: Strategies to Triumph over Procrastination
111 | Conclusion
REFERENCE • • • • • • • • • • •
112 | Reference
https://www.interaction-design.org/literature/topics/ui-design https://pidoco.com/en/help/ux/user-interface-design https://medium.com/inspiration-supply/wireframes-by-top-uxdesigners-d6922d34ddb8 http://www.leadership-central.com/time-management-articles. html#axzz568pq1BBl http://studyo.co/time-management-articles/ The Futur - Youtube channel https://in.pinterest.com/ https://www.flaticon.com/ https://www.goodreads.com/ https://www.pexels.com/ https://www.shutterstock.com/