Ghoom project

Graduation Project 2016

GHOOM

UI / UX for travel application

Sponsor

Persistent Systems Limited Student

Ms.Manali Chitalia

Communication Design (Graphics Design)

Industry Guide

Mr. Rajesh Gode

Faculty Guide

Prof.Utkarsha Malkar

GRADUATION PROJECT 2016 POST GRADUATION DIPLOMA The Graduation Project Evaluation Jury recommends

MS. MANALI CHITALIA to be awarded the Graduation Degree of the MIT Institute of Design, Pune IN COMMUNICATION DESIGN (GRAPHICS DESIGN) herewith, for the project titled "GHOOM - UI/UX FOR TRAVEL APPLICATION�

Members : NAME

ORGANISATION

on fulfilling the further requirements by * (*Subsequent remarks regarding fulfilling the requirements :)

Chairperson of the Jury

SIGNATURE

Customized itinerary app

ACKNOWLEDGMENT I would like to take this opportunity to thank all the people that have supported and guided me all the way.

Firstly I would like to thank my Industry mentor Mr. Rajesh Gode, for giving me such wonderful opportunity to work with him in this extensive project. He has really encouraged me to push my limits and deliver my best. Constant feedback and patience towards my work has helped me grow as a designer in these 6 months.

Mr. Bippin Daftardar is the reason I chose to pursue my internship in the UX/UI field. He is the reason why I am more comfortable with this field as compared to the others. This project would not have been possible without him.

The Delivery Partner for Persistent Interactive, Mr. Pramod Riswadkar, has guided me throughout this period.

My faculty mentor, Prof. Utkarsha Malkar has supported and encouraged me from the very beginning. She has been a mentor, a guide and a friend.

I also like to thank the team at Persistent who have helped and guided me at various steps and made sure I have my share of fun.

MIT Institute of Design has helped me to achieve a lot of wonderful things related to design and its culture and given me a memorable 2 years.

Last but not the least, I will also thank my parents, family and friends for supporting me throughout this whole journey.

A special thanks to my mother. I love you mom.

THANK YOU!

CONTENTS

8

About Persistent Systems Limited Nature of Business Infrastructure Organization Structure

14 16 18 19

The Initial Brief Objectives To Be Achieved Process Followed Timeline

22 23 24 26

About Smart City Smart City Objectives Pune SWOT Areas of Challenge

31 36 40 42

Tourism in Pune Target Audience Concept brainstorming Competitor Analysis Unique Selling Point (USP) User Studies Business Model

53 60 70 79 97 101 114

Scenarios, Storyboarding and Task Analysis Card Sorting Information Architecture Navigation Patterns Application Wire frames

120 130 134 140 144

Nomenclature Mood Board Colour Palette Identity Design

166 168 176 180

Application Icons UI Strategy Interface Design Tablet and iOS Adaptation Promotional Website Heuristic Evaluation

194 200 211 265 274 278

Conclusion Retrospection References

292 293 294

9

LIST OF FIGURES 01. About Persistent Figure 1.1: About Persistent Systems Limited Figure 1.2: Clients and work performed at PSL

Page No. 14 17

02. Process followed Figure 2.1: Design Thinking process followed Figure 2.2: Timeline of the project

24 26

03. Smart City India Figure 3.1: Top 10 smart cities across the globe Figure 3.2: Smart City India logo Figure 3.3: Top 20 smart cities in India Figure 3.4: Urban Mobility in Pune Figure 3.5: Water Management in Pune Figure 3.6: Tourism in Pune Figure 3.7: Health and Medicine in Pune Figure 3.8: Waste Management in Pune Figure 3.9: Focus Area for project

33 34 38 43 44 45 46 47 48

04. Tourism in Pune Figure 4.1: Pune city map Figure 4.2: Statistics on Pune tourists

52 54-58

04. Persona studies Figure 4.3: Different types of target users Figure 4.4: Target audience persona

61-63 66-68

04. Concept brainstorming Figure 4.5: Different corridors in India Figure 4.6: Case studies Figure 4.7: Zomato logo Figure 4.8: AirBnB logo

72 74 76 77

04. Competitor analysis Figure 4.9: People checking mobile phones Figure 4.10: Travel application competitors Figure 4.11: Application screens of Tripadvisor Figure 4.12: Application screens of Tripigator Figure 4.13: Application screens of India Travel Guide Figure 4.14: Application screens of Tripit

78 79 80 82 84 86

04. Unique selling point Figure 4.15: Magnifying glass with a unique fingerprint

96

04. User studies Figure 4.16: People of different age groups and ethnics Figure 4.17: Different types of user persona Figure 4.18: User interviews Figure 4.19: User personas

100 102-103 104 106-112

04. Business Strategy Figure 4.20: Business Model Canvas

05. Task Flow Figure 5.1: Task flow

Page No. 115

Page No. 121-127

05. Card Sorting Figure 5.2: Card sorting carried out at PSL

132-133

05. Information Architecture Figure 5.3: Information architecture Figure 5.4: Application screen flows Figure 5.5: Navigation patterns

135 136-137 138

05. Application Wireframes Figure 5.6: Low fidelity wireframes Figure 5.7: Indigo Studio Figure 5.8: High fidelity application wireframes explorations Figure 5.9: Final wireframes

143 145 146-151 152-161

06. Moodboard Figure 6.1: Moodboard for visual language

168-173

06. Color Palette Figure 6.2: Color palette explorations

174-175

06. Logo Design Figure 6.3: Logo exploration sketches

179

07. Application Icons Figure 7.1: Icon construction in Adobe Illustrator Figure 7.2: Final set of icons

193-195 196-197

07. GUI Strategy Figure 7.3: GUI strategy

200-208

07. Interface Design Figure 7.4: Visual design explorations Figure 7.5: Final set of screens Figure 7.6: Tablet adaptation Figure 7.7: iOS adaptation Figure 7.8: Promotional website Figure 7.9: Heuristic evaluation Figure 7.10: Mock ups

200-225 227-261 266-267 268-269 274-275 277-285 286-287

12

About Persistent Systems Limited Nature of Business Infrastructure Organization Structure

13

1.1

1.3

1.2

1.4

1.5

1.6

1.7

1.8

Figure 1.1: About Persistent Systems Limited

ABOUT PERSISTENT SYSTEMS LIMITED

CHAPTER 01

1.9 Figure 1.1: Persistent logo

ABOUT PERSISTENT Persistent is a global company specializing in software product and technology innovation. For more than two decades, Persistent has partnered closely with pioneering start-ups, innovative enterprises and the world’s largest technology brands. They have utilized their fine-tuned product engineering processes to develop best-in-class solutions for customers in technology, telecommunication, life science, healthcare, banking, and consumer product sectors across North America, Europe, and Asia.

Persistent’s global team is made up of the industry’s best and brightest software engineers and technology consultants whose expertise spans from niche technologies, to the latest technologies and built-to-scale enterprise applications.

All team members share a passion for pushing the limits of the technology frontier and an unwavering commitment to quality, efficiency and innovation.

15

NATURE OF BUSINESS

NATURE OF BUSINESS Persistent works with Cloud Computing, BI & Analytic, Collaboration and Mobility, which are the building blocks for technology products and enterprise applications of the future. Their mobility practice has a dedicated team focused on integrating Skype technology into today’s latest devices including Smart-phones, Tablets and Connected TVs. Their passion and commitment to investing in new technologies is why innovative enterprises turn to them to help them develop their technology strategy.

Persistent is different from most outsourcing firms by focusing exclusively on software product development. This singular focus has allowed the company to innovate on three fronts: Services aligned with the entire product life-cycle Reusable assets and frameworks to accelerate development Value-focused business model

16

CHAPTER 01

1.10

1.11

1.12

1.13

1.14

1.15

1.16

1.17

1.18

Figure 1.2: Clients and work performed at PSL

INFRASTRUCTURE

INFRASTRUCTURE Established in 1990, Persistent Systems is a global company specialized in software product and technology services. For more than two decades, Persistent has been an innovation partner for world’s largest technology brands, leading enterprises and pioneering start-ups.

With a global team of more than 7000 employees, Persistent has 300 customers spread across North America, Europe and Asia. Today, Persistent focuses on developing best-in-class solutions in four key next-generations technology areas: Cloud computing, Mobility, Analytic and Collaboration for telecommunications, life sciences, consumer packaged goods, banking & financial services and health care verticals.

18

CHAPTER 01

ORGANIZATION STRUCTURE

CHAPTER 01

ORGANIZATION STRUCTURE

ANAND DESHPANDE Founder and Chairman and MD

Jitendra Gokhale

President, IBM Unit Operations

Sudhir Kulkarni

Mritunjay Singh

President, Digital

President, Services

Atul Khadilkar

President, Corporate Operations

Pramod Riswadkar

Senior Principal - UX Design

Bippin Daftardar

Rajesh Gode

Principal - Visual Design

Senior Project Manager - UX Design

Manali Chitalia Intern

19

The Initial Brief Objectives To Be Achieved Process Followed Timeline

THE INITIAL BRIEF

THE INITIAL BRIEF Persistent Systems Limited (PSL) is focusing on government sector, starting with Smart City initiatives as a proactive approach rather than a one-off effort. The brief provided was "Enhancing the effectiveness of citizen portals through visceral design” as a broad subject under the ‘Smart City’ umbrella. The primary points of focus were as follows: The primary focus would be on Skeleton and Surface level design, which is often missing.

It was expected to identify and take up the deeper design issues of such portals.

Other aspect was also to consider some of the techniques like responsive web design, or even native apps.

The success criteria could be how enhancing the visceral design can impact the behavioral change among all the parties (users) involved.

22

CHAPTER 02

OBJECTIVES TO BE ACHIEVED

CHAPTER 02

OBJECTIVES The objectives to be achieved during this project were as follows: To develop an end-to-end project for PSL to be able to pitch the idea to Pune Municipal Corporation under the Smart City initiative.

To present a comprehensive study of the subject.

To submit appropriate deliverable applicable to this project.

23

PROCESS FOLLOWED

CHAPTER 02

User studies

Scenario Analysis

Business Vision

Wire frames

Task Analysis

Explore

Sketches User Testing

Research

Empathize

Ideate Final Design

Define

Prototype

Target Audience

Test Concept Building Unique Selling Point

Brainstorming

Information Architecture

Coding Mock-up

Card Sorting

Redefine Ideas

Figure 2.1: Design Thinking process followed 24

Marketing

PROCESS FOLLOWED

CHAPTER 02

PROCESS FOLLOWED The Design Thinking process was followed for the purpose of this project.

Under this process, the problem was first defined followed by implementing the solutions, keeping in mind the needs of the user demographic at the core of concept development. This process focused on need finding, understanding, creating, thinking, and doing.

The design thinking process consisted of these 5 steps: EMPATHIZE: Work was performed to fully understand the experience of the user for whom we were designing. This was done through observation, interaction, and immersing yourself in their experiences.

DEFINE: Findings from the empathy work were processed and synthesized in order to form a user point of view that would be addressed with the design.

IDEATE: A wide variety of possible concepts were explored thereby generating a large quantity of diverse possible solutions, allowing us to step beyond the obvious and explore a range of ideas.

PROTOTYPE: Ideas were then transformed into a physical form so that we could experience and interact with them and, in the process, learn and develop more empathy.

TEST: Since the project was still in the development phase, user testing was performed at a primary level. However, a heuristic evaluation was performed to test the design.

(A2.1)

25

TIMELINE

CHAPTER 02

JAN Empathize

FEB

Define

MAR

APR Ideate

MAY Prototype

JUN Test

JUL

Figure 2.2: Timeline of the project 26

TIMELINE

CHAPTER 02

TIMELINE An initial timeline was plotted before beginning the project. This timeline helped us to keep a track of the pending activities to be performed in the remaining amount of time.

January 2016

During this month, an attempt was made to understand the company structure and the initial brief provided by my mentor. By the end of this month, the empathy phase begun and I started researching on the subject of Smart City.

February 2016

Research under the empathy phase continued in this month. Understanding the concept of Smart City at a global and a national level along with the problems faced by the city of Pune was a major aspect covered under the empathy phase.

March 2016

Based on the research carried out, major problem areas were identified. These problem areas, although currently faced by city of Pune, were applicable at the national level as well. A single problem area was then shortlisted based on which further research was carried out.

April 2016

Various concepts were proposed as a solution for the problem, shortlisted in the earlier step. A group brainstorming session was carried out with the extended design team of PSL to gain their insights as well. A single concept was shortlisted post which its features were defined.

May 2016

After the ideate phase, began the prototyping phase. In this month, various exercises including task analysis, card sorting and information architecture were performed to arrive at the base skeleton of the application. A visual language was then set and the skinning was done.

June 2016

Once the screens were finalized, a promotional website was created. A few screens were adapted for Android tablet and iOS as well. At the end, a heuristic evaluation was carried out to ensure the design meets the guidelines.

27

About Smart City Smart City Objectives Pune SWOT Areas of Challenge

STATISTICS SUGGEST THAT BY 2050, AROUND 70% OF THE POPULATION, GLOBALLY, WILL BE LIVING IN CITIES.

(A3.1)

30

ABOUT SMART CITY

CHAPTER 03

SMART CITY: THE CONCEPT A 'Smart City' is an urban region that is highly advanced in terms of overall infrastructure, sustainable real estate, communications and market viability.

It is a city where information technology is the principal infrastructure and the basis for providing essential services to residents. There are many technological platforms involved, including but not limited to automated sensor networks and data centers.

A ‘Smart City’ is an urban development vision to integrate multiple Information and Communication Technology (ICT) and Internet of Things (IoT) solutions in a secure fashion to manage a city’s assets – the city’s assets include, but are not limited to, local departments information systems, schools, libraries, transportation systems, hospitals, power plants, water supply networks, waste management, law enforcement, and other community services. The goal of building a smart city is to improve quality of life by using technology to improve the efficiency of services and meet residents’ needs. (A3.1)

31

ABOUT SMART CITY

THE BEGINNING Back in 2005, through his philanthropic organization, the Clinton Foundation, the former US president challenged network equipment maker Cisco to use its technical knowhow to make cities more sustainable.

As a result, Cisco dedicated $25 million over five years to research the topic, spawning what it called the Connected Urban Development program. This involved working with the cities of San Francisco, Amsterdam and Seoul on pilot projects to prove the technology’s potential. In 2010, when Cisco’s pledge to the Clinton Foundation expired, it launched its Smart and Connected Communities division in order to commercialize the products and services that it had developed during the program. (A3.2)

32

CHAPTER 03

ABOUT SMART CITY

CHAPTER 03

TOP 10 SMART CITIES Chicago Boston San Francisco

Rio de Janeiro Barcelona London

Stockholm Hong Kong

Figure 3.1: Top 10 smart cities across the globe

Seoul Singapore

ABOUT SMART CITY

CHAPTER 03

3.1 Figure 3.2: Smart City India logo

SMART CITY INDIA The Smart Cities Mission is an innovative and new initiative by the Government of India to drive economic growth and improve the quality of life of people by enabling local development and harnessing technology as a means to create smart outcomes for citizens.

Indian cities accommodate nearly 31% of India's current population and contribute 63% of GDP (Census 2011). Urban areas are expected to house 40% of India's population and contribute 75% of India's GDP by 2030. This requires comprehensive development of physical, institutional, social and economic infrastructure. All are important in improving the quality of life and attracting people and investment, setting in motion a virtuous cycle of growth and development. Development of Smart Cities is a step in that direction.

34

ABOUT SMART CITY

CHAPTER 03

SMART CITY: THE CHALLENGE Given the challenges involved in developing 100 smart cities, only the capable cities would be chosen under the Smart Cities Mission through a two-stage competition.

This was indicated in the Operation Guidelines for Smart Cities Mission released

by Prime Minister, Narendra Modi.

Stage 1 Selection The list of nomination marked the first stage in the selection process of smart cities, in which the state governments nominated potential cities and the Centre shortlisted 100.

The evaluation criteria for Stage 1 of competition within the State/UT were as below: Existing Service Levels Institutional Systems and Capacities Self-financing Past track record

Stage 2 Selection The Government on 27 August 2015 released the list of nominees for the ambitious smart city project. The list comprises 98 cities, including many state capitals.

Proposal Level Evaluation: Impact of proposal Cost effectiveness of Smart City Plan Innovation and Scalability Processes followed (A3.4)

35

SMART CITY OBJECTIVES

CHAPTER 03

SMART CITY OBJECTIVES Adequate water supply Assured electricity supply

Physical Infrastructure

Sanitation and solid waste management Efficient urban mobility and public transport Affordable housing Safety and security of citizens

Social Infrastructure

Health and education Robust IT connectivity and digitalization Good governance, e-governance and citizen participation

Environment

Sustainable environment

(A3.4)

36

SMART CITY OBJECTIVES

CHAPTER 03

SOLUTIONS PROPOSED Water Management

Urban Mobility

Smart meters and management Leakage identification, preventive Water quality monitoring

Smart parking Intelligent traffic management Integrated multi-modal transport

Energy Management

Others

Smart meters and management Renewable sources of energy Energy efficient and green buildings

Tele-medicine and tele-education Incubation/ trade facilitation centers Skill development centers

Waste Management

Governance

Waste to energy and fuel Waste to compost Waste water to be treated Recycling and reduction of C&D waste

Public information, grievance redressal Electronic service delivery Citizen engagement Citizens- City’s eyes and ears Video crime monitoring

(A3.4)

37

SMART CITY OBJECTIVES

CHAPTER 03

Figure 3.3: Top 20 smart cities in India

38

SMART CITY OBJECTIVES

CHAPTER 03

THE TOP 20 CITIES The Ministry of Urban Development received proposals from the 97 cities to be beneficiaries of the first year financing from 2016 onwards. Minister of Urban Development, Venkiah Naidu announced the selected top 20 from amongst them on 28 January 2016. Bhubaneswar topped the list of top 20, followed by Pune and Jaipur. They were shortlisted by three different panels of experts based on the feasibility of the proposal, cost-effectiveness, result orientation, citizen participation, strategic plan, vision and goals, among other things. (A3.5) 1 Bhubaneswar, Odisha

11 Indore, Madhya Pradesh

2 Pune, Maharashtra

12 New Delhi Municipal Corporation

3 Jaipur, Rajasthan

13 Coimbatore, Tamil Nadu

4 Surat, Gujarat

14 Kakinada, Andhra Pradesh

5 Kochi, Kerala

15 Belagavi, Karnataka

6 Ahmedabad, Gujarat

16 Udaipur, Rajasthan

7 Jabalpur, Madhya Pradesh

17 Guwahati, Assam

8 Visakhapatnam, Andhra Pradesh

18 Chennai, Tamil Nadu

9 Sholapur, Maharashtra

19 Ludhiana, Punjab

10 Davangere, Karnataka

20 Bhopal, Madhya Pradesh

39

PUNE SWOT ANALYSIS

CHAPTER 03

PUNE SWOT ANALYSIS A SWOT analysis was performed for the city of Pune. This helped in understanding the various factors of the city, which eventually led to defining the broad problem areas.

The strongest human capital and economic growth engines among Indian cities The “Oxford of the East�

Strong manufacturing base across auto and engineering The cultural capital of Maharashtra, with a thriving arts and culture center At the forefront to deliver core urban services PMC has an AA rating from Fitch

Time to capitalize on its human capital and economic prowess to leapfrog and be one of the top investment destinations in Asia Improve its good governance to becomes one of the top 10 cities on the parameter of ease of doing business Potential to develop its riverside tourism in the manner of other global cities like Seoul, London and Amsterdam

PUNE SWOT ANALYSIS

CHAPTER 03

Significant rise in the number of private vehicles and the lack of public transportation Inequality of water distribution among citizens is a challenge Housing challenge - 28% of the city’s households live in slums Urbanization is taking a toll on the livability and sustainability parameters

Pune grows into an economical and cultural powerhouse, urbanization rates will intensify significantly, putting severs pressure on the already stretched infrastructure High investments required to meet the needs of the increasing population

AREAS OF CHALLENGE

AREAS OF CHALLENGE Based on the objectives of the Government of India (GOI) and an analysis of the Pune SWOT, a few areas of concern were identified. These areas pose a challenge to the city of Pune and a scope of improvement was identified for these areas.

A brief was prepared to broadly understand the problems and identify opportunities for solutions.

42

CHAPTER 03

3.2 3.5

3.3

3.4

URBAN MOBILITY 3.6

3.7

3.9

3.8

3.10

3.11

Figure 3.4: Urban Mobility in Pune

Problem Statement Excess vehicles on the roads resulting into heavy traffic Low parking space, thereby resulting into more traffic

Opportunity Revamping Pune as the “City of Cycles�

Improving the overall transport system of the city and making the roads less crowded

Solution Systematic planning of public transport to increase usage Proper allocation and planning of parking space around the city

Impact Reduction in: Traffic Pollution Health related issues Parking space issue 43

3.13

3.12

3.14

3.16

WATER MANAGEMENT

3.17

3.15

3.18 Figure 3.5: Water Management in Pune

Problem Statement In-equal distribution of water around the city

Opportunity Improving the water distribution facility

Solution Analysing the problem areas for unequal distribution and managing wastage

Impact Daily water related issues will be resolved

44

3.19

3.21

3.20

3.22

TOURISM 3.23

3.24

3.26

3.25

3.27

3.28

Figure 3.6: Tourism in Pune

Problem Statement Difficulty in navigation around the city for tourists and citizens alike

Opportunity Promoting tourism of Pune and making it more accessible and tourist friendly

Solution Making various landmarks available to the tourists in a common language

Impact Pune will become a tourist friendly place and thereby spreading its art and culture on a larger scale

45

3.29

3.30

MEDICINE 3.32

3.33

3.31

3.34 Figure 3.7: Health and Medicine in Pune

Problem Statement Excess reports and documents that need to be carried at various medical places for medication Expensive fees and medicines

Opportunity Paperless documentation and reports Making proper medical advice available to all the citizens irrespective of economical status

Solution Online portal for storing all the documents Tele-medical advise medicine donations

Impact Online storage of documents will prevent misplacing and become easily accessible Overall health statistics and quality of life will improve

46

3.35

3.36

3.37

WASTE MANAGEMENT 3.38

3.40

3.39

3.41

3.42

Figure 3.8: Waste Management in Pune

Problem Statement Low waste management in the city resulting into dumps of garbage around

Opportunity Making Pune a clean city and managing the waste efficiently

Solution Involving citizens to segregate waste and thereby assist in recycling it

Impact Cleaner city resulting into lower health issues

47

AREAS OF CHALLENGE

CHAPTER 03

3.43

Figure 3.9: Focus Area for project

48

AREAS OF CHALLENGE

CHAPTER 03

FOCUS AREA PUNE TOURISM After discussing the various concerns for the city of Pune, we decided to select an area that would involve more citizen participation. Since often, government involvement is not easily available, we wanted to choose a subject that would be more citizen friendly and overall improve the situation in the city of Pune with minimal bureaucratic involvement.

Based on discussion with Industry mentor, Mr. Rajesh Gode and Delivery Partner of Persistent Interactive, , Mr. Pramod Riswadkar, Tourism was selected as a Focus Area for the purpose of this project.

49

Tourism in Pune Target Audience Concept brainstorming Competitor Analysis Unique Selling Point (USP) User Studies Business Model

Figure 4.1: Pune city map

52

TOURISM IN PUNE

CHAPTER 04

TOURISM IN PUNE There was a time when Pune was known as a Pensioner’s Paradise – home to those who had retired and wanted a peaceful life in a salubrious environment.

Now of course Pune has grown into a vibrant metro, a hub of education industry, information technology, entertainment, and so on. But what makes Pune still more significant is that it is a place from where you can plan several exciting trips to hill stations, forts, and places of pilgrimage, not to forget an adventurous package too.

Known for its cultural heritage and historical background, this city has many prominent landmarks and places of interest. However, to still further understand the market potential of the tourism in Pune, a research was carried out to ensure the utilization of this application by the citizens and tourists alike.

53

TOURISM IN PUNE

CHAPTER 04

TOTAL VISITORS IN MAHARASHTRA

19%

Mumbai Aurangabad Ahmednagar

31%

14%

Pune Others

10% 10%

Figure 4.2: Statistics on Pune tourists

Pune ranks third in Maharashtra with respect to total number of people visiting this state. (A4.1)

54

TOURISM IN PUNE

CHAPTER 04

CATEGORIES OF VISITORS 1%

Domestic Foreign 99%

Figure 4.2: Statistics on Pune tourists

Almost 99% of the visitors constitutes domestic tourists, from within or outside the state of Maharashtra. (A4.1)

55

TOURISM IN PUNE

CHAPTER 04

PURPOSE OF VISIT

Percentage of tourists

Leisure v/s Non-leisure Visits 100 90 80 70 60 50 40 30 20 10 0

61%

65%

39%

35%

Foreign

Domestic

Category of tourists Leisure

Non-Leisure

Figure 4.2: Statistics on Pune tourists

Purpose of Visit

40

37%

Percentage of tourists

35 30 25 20

21% 22%

20%

18% 18%

15

21% 15%

10

15% 5%

5

4%

3%

2% 2%

0 Business

Holidays, Leisure and Recreation

Social Activity

Pilgrimage / Religious Activity

Education / Training

Health and Medical

Shopping

Category of tourists Domestic

Foreign

Figure 4.2: Statistics on Pune tourists

Only 35%-40% of the tourists visit Pune for the purpose of leisure. Majority of the visitors are here for non-leisure purposes.

Amongst non-leisure activities, business and education/ training hold the highest purpose of visits. (A4.1)

56

TOURISM IN PUNE

CHAPTER 04

DEMOGRAPHIC DATA Sex Ratio 90

82%

Percentage of tourists

80

78%

70 60 50 40 30

23%

18%

20 10 0 Domestic

Foreign

Category of tourists Male

Female

Figure 4.2: Statistics on Pune tourists

Age Groups 50

45%

Percentage of tourists

45

43%

40 35 30 25 20 15

26% 21%

19%

14%

13%

16%

10 5

2%

3%

0 15-24

25-34

35-44

45-60

>60

Age groups of tourists Domestic

Foreign

Figure 4.2: Statistics on Pune tourists

With majority tourists being males, the age group of 25-34 years comprises the largest lot. (A4.1)

57

TOURISM IN PUNE

CHAPTER 04

DEMOGRAPHIC DATA Level of Education Percentage of tourists

70

55% 58%

60 50 40 30

22% 24%

20 10 0

1% 1%

3% 2%

No formal education

Primary

11% 14%

7%

3%

Secondary

Higher secondary

Graduate and above

Education level of tourists Domestic

Technical professional of all level

Foreign

Figure 4.2: Statistics on Pune tourists

Occupation Pattern Percentage of tourists

30

24%

25

23%

24% 23% 19% 16%

20 15 10 5 0

6%

11% 10%

9% 4%

8% 8%

7%

6%

1%

Industrialist Self Government Private Student/ Business Agriculture Housewife / Trader Employed Service Service Researcher

2% 3% Other

Occupation of tourists Domestic

Foreign

Figure 4.2: Statistics on Pune tourists

More than 50% of the tourists visiting Pune possess a minimum education level of graduation.

Also, half of the tourists belong to the private sector as a professional or are students / researchers.

(A4.1)

58

TOURISM IN PUNE

CHAPTER 04

EXISTING MARKET Based on the statistics the following categories of tourists already exist in the city of Pune: Nationality: Indians Purpose of visit: Education and business Age Group: 25-34 years

POTENTIAL MARKET Although certain categories of tourists already exist, there was a potential to tap more market and get more people interested towards the culture and heritage of this city. These categories mainly consisted of the following: Nationality: Foreigners Purpose of visit: Leisure Age Group: All age groups

59

TARGET AUDIENCE

CHAPTER 04

TARGET AUDIENCE Before moving on to target audience, it was important to understand who a tourist is.

‘A tourist is a person who travels away from home for leisure, business or other purposes for longer than a day e.g. 24 hours but less than a year. An excursionist is a person who arrives at the destination and departs on the same day.’

Thus the target audience for this application was not just “all tourists”. There were different segments inside the tourist population. Paying attention to who exactly the customers are, helped us understand the users in different segments to analyse them correctly. This target audience was then divided into 12 broad categories. (A4.2)

60

Business tourists

Leisure tourists

Education tourists

Religious tourists

Health or Medical tourists

Shopping tourists

Adventure tourists

Sport and recreation tourists

Culture tourists

Visiting friends and relatives tourists

Eco-tourists

Backpacking tourists

TARGET AUDIENCE

CHAPTER 04

4.1

4.2

Business tourist: travel is related to business

and the world of work. These are all part of the business world. All major cities have business parks, conference centres that cater for the needs of business tourists.

Education tourists: travel to attend a place of learning in another town, city, or country, in order to study for or improve a qualification.

They may also be people that attend workshops to learn new skills or improve existing ones.

4.3

4.4

Health or medical tourist: travel because they want to visit a holiday spa, needs medical special treatment that is only available away from home, undergo procedures that are cheaper in another country, or are recovering from an illness in a healthier climate.

Adventure tourist: want an unusual and

exciting experience. They want to participate in activities that may be dangerous, such as rock climbing, river rafting, skydiving, shark cave diving and bungee jumping.

(A4.2) Figure 4.3: Different types of target users

61

TARGET AUDIENCE

CHAPTER 04

4.5

Cultural tourist: want to experience different

cultures, such as Rann of Kutch festival, Jaisalmer Desert Festival or the Durga Puja.

They would also want to experience the local rituals and ancient heritage in the country.

4.6

Eco-tourists: travel to experience nature such

as traveling to Shalimar Gardens in Kashmir or Nishat Bagh in Shrinagar.

4.7

Leisure tourist: want to rest and relax and have a break from the usual routine Examples of this type of tourism are a cruise on a cruise liner, attending a special music special music performance or relaxing on the beach.

4.8

Religious tourist: want to see and experience places of religious importance. There are many religious destinations in the world such as the Hajj in Mecca, Jerusalem in Israel, Varanasi in India, and the Vatican in Rome

(A4.2) Figure 4.3: Different types of target users

62

TARGET AUDIENCE

CHAPTER 04

4.9

4.10

Shopping tourist: travel to shopping malls,

Sport and recreation tourist: participate in or

shopping centres, factory shops, crafts market, festivals, and touring shopping routes. Their main purpose is to buy items.

watch sporting events. Popular events include the Soccer World Cup, Wimbledon Tennis Championship, Comrades Marathon, and Fisher River Canoe Marathon. Surfing, mountain climbing, cricket, swimming, golf and tennis are popular sports.

4.11

4.12

Tourist visiting friends and relatives (VFR) want to stay in contact with friends and relatives and travel away from home to visit them. These tourist may travel to attend a wedding, funeral, or birthday celebration of friends or relatives.

Backpacking or youth tourist: generally have little luggage, are on a budget, want to experience adventure and excitement, tend to travel independently, enjoy meeting other traveller, and have flexible travel schedules.

(A4.2) Figure 4.3: Different types of target users

63

TARGET AUDIENCE

TARGET AUDIENCE PERSONAS Tourism is a broad subject and various tourists have different problems. It was important to understand the thinking and mindset of these tourists to drill down to a specific problem.

At this stage, although travel and tourism was short-listed as the focus area, there was still no specific problem that we had narrowed down to. Comprehending the daily hurdles people face in the city of Pune, was important for this exercise.

Based on the statistics and categories of target audience, a few personas were made to understand the mindset of the tourists better. These personas belonged to diverse categories and had different characteristics and needs.

Four broad personas were made. Two were further detailed out to include their lifestyle, habits and needs.

64

CHAPTER 04

TARGET AUDIENCE

CHAPTER 04

4.13

Profession: Purpose of visit:

Entrepreneur Business

4.14

Profession: Purpose of visit:

Employed Leisure

I had added an extra day post my business schedule to explore the city. However, I faced these major problems:

I had planned a four day stop in Pune city to explore its cultural heritage. Major areas of concern included:

Absence of Reputed/ trusted source of tourist spots

Difficulty in navigation due to lack of signs

Commuting through the city in a vehicle Absence of clean public toilets

Language barrier Lack of information about history of forts / museums

4.15

Profession: Purpose of visit:

Govt. employee Social activity

4.16

Profession: Purpose of visit:

Student Education

I had visited Pune for a day to attend a wedding. I came across the following issues:

I have been living in this city since a year.

I face the following major problems:

Overcrowded buses with irregular schedules

Poor public transport for everyday commute

Rude behaviour by auto drivers / disagreeing to go to certain locations Demand for extra tariff compared to meter Poor sanitation and hygiene facilities

Difficulty in locating places due to language barrier Lack of affordable housing facilities Safety concerns

65

4.17

4.18

4.19

4.20 4.23

4.21 4.22

Figure 4.4: Target audience persona

TARGET AUDIENCE

CHAPTER 04

DANIEL NEUMANN Profession: Purpose of Visit: Gender: Age: Education: Economic Status:

Entrepreneur Business Male 35 years Professional Upper Middle Class

Daniel, a German, resides in Frankfurt with his wife and son. Independent in nature, he has recently started a technology business venture of his own.

He works long hours during the day but manages to spend time with his family. He prefers travelling and enjoys hiking and cycling with his mates. He loves spending time with his daughter and cooks for his family on Sundays.

Daniel visits the city of Pune once in 6-8 months. His primary purpose of visit is business negotiations and dealings with major IT companies in this city. Being a traveller, he sometimes plans his trips to accommodate a day for exploring and navigating around the city.

However, during his last visit he faced the following problems: Daniel used to travel to office, while in Pune, in a rented vehicle. Over time, he realized that a substantial amount of time went in travelling due to heavy traffic.

Towards the end of his visit, he decided to approach the locals, including his Pune peers, to identify locations with cultural history. However, he realized that not many could provide detailed information and were also unaware of their city’s history.

Daniel had noticed cycling tracks on various roads and had decided to tour the city on a bicycle. But he decided against it, owing to the heavy traffic and pollution on the roads.

On reaching the locations, he was unable to find any guide/material that explained the history and culture of the place in his native language.

67

4.24

4.25

4.29

4.26

4.27

4.28

Figure 4.4: Target audience persona 68

TARGET AUDIENCE

CHAPTER 04

NEHA CHETTY Profession: Purpose of Visit: Gender: Age: Education: Economic Status:

Student Education Female 22 years Graduate Middle Class

Neha is a student who has come to Pune to pursue her post-graduation. The only child of her parents, she was born and brought up in Bangalore.

Neha shifted to Pune in the summer last year. Her college is situated in the heart of the city.

Her days are spent in college, however she gets her evenings and weekends free. She has a few friends here, but also enjoys spending time alone and exploring the city. She plays badminton and loves reading.

Neha currently lives in a PG arrangement which is located approximately 10 kms away from her college. During this tenure of 8 months she has come across the following hurdles: Neha was unable to find any good hostel facilities online. She could not find a common platform for all hostels / PG / rented apartments in Pune.

Being a South Indian, she finds it difficult to communicate with the locals. This prevents her from locating basic roads and places effortlessly.

Neha uses the public bus transport regularly to commute to her college. She is very uncomfortable with the overcrowding of these buses and its irregular schedules.

She travels alone in the city sometimes and prefers walking to close by places to know the neighbourhood better. However, sometimes she is unsure if a few particular roads are secure to be travelled alone by a female

69

CONCEPT BRAINSTORMING

BRAINSTORMING Based on the persona study, few ideas were listed down which could be the possible solution to the problems faced by the tourists in Pune. These ideas were discussed internally with the mentor and a few were shortlisted.

However, it felt important to gather more ideas from the extended design team at PSL. Hence a brainstorming exercise was conducted. A brainstorming is primarily a group activity during which efforts are made to find a solution to a specific problem. This is doe by gathering a list of ideas contributed by the members. (A4.3) For this exercise, a group of 20 people were invited for a short discussion. The background was explained to them and then they were sorted into four groups of five members each.

In order to conduct this exercise in a controlled environment, a time limit of 40 minutes was provided to the groups. Within this time they were asked to jot down the possible problems and their probable solutions.

Each team then presented their ideas. These ideas were then compiled and a vote was taken for the most applicable and functional idea.

70

CHAPTER 04

CONCEPT BRAINSTORMING

CHAPTER 04

LIST OF IDEAS NEARBY SPOTS (QR CODE) SMART BILLBOARDS BICYCLE TOURS CITY WALK – AUDIO NARRATION ONLINE HOUSING PORTAL ( RENT / PG / HOSTEL) INTER-MODAL PUBLIC TRANSPORT METER TRACKING TREASURE HUNT SAFE / UNSAFE ROADS ITINERARY PLANNING NEAREST PUBLIC WASHROOMS RATE STREETS (QUALITY, SAFETY, NOISE, ETC.) SMART CARD FOR PUBLIC TRANSPORT TOURISM CORRIDOR VIRTUAL MASCOT / WINDOW HIRE A VEHICLE FROM LOCALS RECIPES OF FAMOUS LOCAL DISHES FROM FAMOUS PLACES REPORTING IF RICK DRIVER REFUSES SERVICE REPORT LIVE TRAFFIC STATUS EARN “BUS MILES” TO PROMOTE PUBLIC TRANSPORT LANGUAGE TRANSLATION SHOPPING LIST (INCLUDING DEALS/DISCOUNTS) EVENTS HAPPENING AROUND THE CITY SPORTS EVENTS HAPPENING IN THE CITY FIND A RICK/CAB INTERACTIVE KIOSKS 71

4.30

4.31

4.32

4.33

4.34

4.35 4.36 Figure 4.5: Different corridors in India

CONCEPT BRAINSTORMING

CHAPTER 04

TOURISM CORRIDOR Based on discussion with College mentor, Industry mentor and Director of Persistent Interactive, “Tourism Corridor” was selected as the final concept to be explored further and worked upon.

It was noted that amongst the various ideas listed down, a few solutions could be combined to make the final application more comprehensive.

Tourism Corridor The brief idea behind this solution was to cater to specific needs of the user and yet expose them to everything. Every user has a particular need which could vary from food to education, nature to medicine and so on. This application would provide all the relevant details about each ‘corridor’ to the user. As a result, not only the tourists but this application could be useful to the citizens as well.

73

4.37 Figure 4.6: Case studies

CONCEPT BRAINSTORMING

CHAPTER 04

CASE STUDIES Considering Tourism Corridor was still a broad subject, there were many ideas flowing. Although providing necessary information on places of interest under various categories was finalized, this would result into a clutter and may not really be helpful. Hence, at this stage it was important to understand the strategy followed by other successful applications, whether or not they fell in the category of travel and tourism.

The purpose of this exercise was to understand the core features and the USP of these apps, how they maintain information hierarchy to meet their business goals and how they expand their business while still maintaining their vision.

A couple of successful applications were studied to gain a broader perspective under this exercise.

75

CONCEPT BRAINSTORMING

CHAPTER 04

4.38

Figure 4.7: Zomato logo

Zomato initially named as Foodiebay was started in 2008 by Mr. Deepinder Goyal.

To differentiate themselves from their competitors, Zomato concentrated on adding approximately 18,000 new places to eat from. Along with that, they also added many special features, such as pointed to particular dishes or opening times.

Differentiating features of Online Restaurant Delivery System:

User Generated Content

Easy Search

User Engagement

Advertising option for Business

Beneficial for Business

Some prominent features: Online Ordering Support

Nearby Listings

Cashless Payment

Available in 10 Languages

Check-ins ad Tagging

In-app Chat Feature (A4.4)

76

CONCEPT BRAINSTORMING

CHAPTER 04

4.39

Figure 4.8: AirBnB logo

This company started in San Francisco, by allowing people to turn their spare bedrooms and homes into vacation rentals. Today, Airbnb has over 1,000,000 listings in 34,000 cities and 190 countries. It’s on pace to list more rooms than the entire Marriott empire.

But Airbnb didn’t just focus on expanding to offer lodging in more cities around the world; the company also expanded to offer more than just lodging. As Chesky explained to Fast Company in early 2014, "Our business isn't the house—our business is the entire trip.” This has been achieved primarily through a focus on delivering a local experience, but the company has dipped its toe in other areas as well, including maid service and “experiences.”

Expansion: “The Entire Trip”

Hospitality Brand

Local

Cleaning Services

Additional features / updates: AirBnB Neighbourhoods

Smart Pricing

Local Lounges

Business Ready Listings

Discover Feed

Connect with Fellow Hosts

Guest Onboarding

(A4.5)

77

4.40 Figure 4.9: People checking mobile phones

COMPETITOR ANALYSIS

CHAPTER 04

COMPETITOR ANALYSIS After undertaking case studies for successful applications, it was time to analyse the strengths and the weaknesses of the competitors. This analysis provides both an offensive and defensive strategic context to identify opportunities and threats. (A4.6) This analysis was carried out for the features of the applications. Various applications and design blogs were analysed to understand their strategy and information hierarchy. It was important to understand the categorization of data, its presentation and other secondary and tertiary features that supported the data. UX elements including flow of the application were observed. The visual language indicated some specific attributes which were noted down as well.

A few travel applications were selected which are prevalent in India to understand their features and their UX.

TripAdvisor

Tripigator

India Travel Guide

Tripit

4.41

4.42

4.43

4.44

Figure 4.10: Travel application competitors

79

COMPETITOR ANALYSIS

CHAPTER 04

TripAdvisor TripAdvisor, Inc. is an American travel website company providing reviews of travel-related content. It also includes interactive travel forums.

TripAdvisor, head-quartered in Needham, Massachusetts claims to be the largest travel site in the world, with more than 60 million members and over 170 million reviews and opinions of hotels, restaurants, attractions and other travel-related businesses. (A4.7)

Landing Page

Landing Page1

Map Filters

Things to do list

Categories

Location Description

Figure 4.11: Application screens of Tripadvisor 80

COMPETITOR ANALYSIS

CHAPTER 04

User reviews “I used to love this app. I used it to plan my trip away, had great advise. Recently it's not as good.. doesn't give me the option of making a list of places for a trip now based on ones for the future and my previously visited places.”

“Very informative. I genuinely find that TripAdvisor posts honest, well-informed reviews without the self-centeredness and unfair complaints of a Yelper; definitely recommend.”

“No updates to the UI. Plus the most irritating thing is that one you selected to look into something to read the reviews and go back you have to scroll down from the beginning.”

(A4.7)

User experience analysis Defined steps to reach the final point of interest.

The option to download entire cities along with their points of interest is unique.

Non-appealing landing page. Being a travel application, there is absence of promotion of tourist locations and places.

Secondary features (eg. Forum, write a review. etc.) are located on the landing page whereas primary information about places is a placed in the form of icons.

Perceived Value

CRISP SIMPLE FUNCTIONAL Colour Palette

81

COMPETITOR ANALYSIS

CHAPTER 04

Tripigator Tripigator.com instantly generates personalized travel itineraries on fewer inputs and significantly reduces users’ effort by replacing ten tabs with one tab. The website has been chosen as the official travel planner by the Ministry of Tourism.

Tripigator will help both domestic and international travellers in planning their trips seamlessly by asking basic inputs such as timeline, budget, areas of interest and destinations of choice. The technology creates a range of travel itineraries in no time and ranks them as per users experience. (A4.7)

Landing Page

Hamburger Menu

Plan a Trip

Plans created

Trip Summary

Location Description

Figure 4.12: Application screens of Tripigator 82

COMPETITOR ANALYSIS

CHAPTER 04

User reviews “The app is extremely user friendly and provides detailed info about destinations. It takes into account factors like interests, whether the trip is with family or friends, budget and other preferences to work out itineraries. And it's beautiful so navigation is a pleasure.

Awesome experience using it!”

“Whatever the trip pans are shown, you can't customize them. For example I wanted to travel from Vadodara to Mumbai and then to Goa. It was showing me 1 plan which includes 1 day at Mumbai. I wanted to make it 2. But cant do that in this app. Moreover for any transport mode you can't change the class you will travel and it will show prices for the class app it has chosen.”

(A4.7)

User experience analysis Although Login is prompted at the onboarding, users can view the app through the ‘Get Inspired’ option.

Interesting UI with generous use of images as a backdrop Although the application provides multiple trip plans, there is no option to compare them internally.

There is no option for the user to use his own vehicle in the trip.

Perceived Value

MODERN UNIQUE INFORMATIVE Colour Palette

83

COMPETITOR ANALYSIS

CHAPTER 04

India Travel Guide India Travel Guide makes sure you don’t need to carry a heavy guide book with you while traveling to the major cities of India for vacation or may be shifting permanently to a new place. This free mobile minimizes the hassle of getting lost in its vast horizon. Where to dine, where to shop or where to relax you in spas, these basic queries will be provided by this customized mobile application. The best part of this app is its offline functioning. From maps to weather report, time and GPS everything will be provided by this app even if your data is not on.(A4.7)

Splash Screen

Landing Page

Map View

Plan a Trip

Sightseeing spots

Location description

Figure 4.13: Application screens of India Travel Guide 84

COMPETITOR ANALYSIS

CHAPTER 04

User reviews “You can get maximum of available information from this app, which has covered all regions of the country.” “ The App is fine but the data needs a ground study about things, either they are wrong or they don’t even exist!”

“Nice app I have ever seen.. Awesome app but in India it needs to add more information about some places like of Orcha and Jhansi and images also.”

“It is offline so you don’t have to worry about network connections. Offline maps of major destinations if included in d app will add to its beauty n help millions.”

(A4.7)

User experience analysis The application has a very systematic user interface with easy to use navigation.

Some unique features include temperature scale, measurement unit , currency and language translators.

Mini guides can be downloaded only on upgrading to a Pro account.

Pre-planned tours are readily available with various options. However, it lacks the option to create your own customized trips.

Perceived Value

NEAT FORMAL USER FRIENDLY Colour Palette

85

COMPETITOR ANALYSIS

CHAPTER 04

Tripit A bit like a pocket travel agent, Tripit pulls together travel information from your confirmation emails for flights, hotels, rental cars, events bookings and converts it into a single itinerary. Just forward your emails to the app and it will do the rest.

If you’re traveling with others you can easily share the plans, making this a useful app for coordinating a group trip. (A4.7)

Splash Screen

Onboarding

Plan a Trip

Add Plan

Hamburger menu

User trips

Figure 4.14: Application screens of Tripit 86

COMPETITOR ANALYSIS

CHAPTER 04

User reviews “ I enjoy using trip it to put all the pieces of my trip together in one easy to read package.

The only criticism I have is that several vendors have sent messages that trip it could not automatically include in the itinerary” “ All my business trip details including flights, hotel, car rentals, meetings, meals, all in one place. And emailing my flight confirmation to TripIt makes it easy to set things in motion.”

“Travelling Europe. It has been so handy to have all my travel details while moving around - flights, buses, trains and accommodation. Haven't had an issues with it either.”

(A4.7)

User experience analysis The application is very specific to trip planning and does not allow general browsing for places of interest.

All the options are related to trips, and this application does not even include a global search option.

Each step of planing a trip (eg. transport, activity, etc.) requires the user to fill in detailed information, which may result into a dropout.

Perceived Value

INFORMAL FRESH MINIMAL Colour Palette

87

COMPETITOR ANALYSIS

CHAPTER 04

COMPARATIVE ANALYSIS After individually analyzing each competitor, a brief comparison between all the competitors was made. This helped in looking at the various characteristics of the applications at a glance.

LOGO

COLOR PALETTE

PERCEIVED VALUE

USER EXPERIENCE

88

Crisp Simple Functional

Defined steps Option to download cities Non-appealing landing page with importance given to secondary features

Modern Unique Informative

No compulsion on Login Generous use of imagery backdrop Absence of comparison option between proposed trips

COMPETITOR ANALYSIS

CHAPTER 04

Neat Formal User friendly

Informal Fresh Minimal

Systematic user interface Includes unique features for currency, language,etc.

No option to create a customized itinerary

Trip oriented and lack of general browsing Absence of global search option Requires user to fill in detailed information for planning trips

89

CONCEPTUALIZATION

CHAPTER 04

CONCEPTUALIZATION Conceptualization is the process of development and clarification of concepts.(A4.8) Based on the initial brief idea of tourism corridor and an analysis of competitors and other successful apps, a few concepts were worked upon:

CONCEPT IDEA #1 The first concept we thought of was to provide information about all the various corridors that can be identified with respect to the city of Pune. Thus the idea was to provide all the details about the city to the users in a single application. An initial mind map was prepared for the city and various corridors were listed down into categories and sub-categories.

However on analysing it further, we realized the following downfalls: the application was turning out to be just an information provider low recall value since a lot of this information is already available. We are not providing anything new no participation by the users thus making the application static and non-interactive.

Hence, this idea was not taken further.

90

CONCEPTUALIZATION

CHAPTER 04

CONCEPT IDEA #2 After talking to a few travellers about the first concept idea, the general feedback was that they do not need information which could be readily available on the internet. Most travellers revealed that they always are inspired by the rawness of the place and look out for places which depict the heart and culture of the city.

Hence, the second concept was to showcase those places which the city is

popular for; places which are renowned more by word of mouth rather than travel website ratings. This would primarily include local and cultural

food, street shopping, festivals of the city and so on.

However, although the information that would be provided by this application would be unique and would promote the heritage of the city, the idea was still static and non-interactive.

Thus, the process of conceptualization continued.

91

CONCEPTUALIZATION

CHAPTER 04

CONCEPT IDEA #3 Since it was important for the app to be more interactive with the user, the thought process was directed towards this goal. We came up with the idea of providing calculated details based on the user input for each different corridor. For eg. if a student input his exam results under the education corridor, the application would throw back results of those colleges where he could apply for his education. This would ensure that he did not waste time after those institutes where the cut off percentage would be higher than those achieved by him.

Although this sounded very interactive and interesting, this may concept was not applicable to all the corridors.

Also, the recall value for some concepts would be low. In the above example, the student wouldn’t use this feature once he secures admission in a particular college.

Data on institute deadlines would not be relevant throughout the year, once the admission process is completed.

Hence , this idea was also kept on the side burner.

92

CONCEPTUALIZATION

CHAPTER 04

THE FINAL CONCEPT After the last idea, the concept of user interaction seemed more appealing. So we thought of merging the information provider with user interaction. For this idea we thought of using the user’s device to its fullest. As we know, a lot can be known about a person from his mobile. Similarly once an application is downloaded, it has access to the user’s contacts, emails, photo gallery, music, social media and so on. So the idea was to use this intelligence in creating an application which would use the knowledge about the user and provide relevant data to him.

This thought process gave birth to the idea of customized itineraries.

The application would understand the user’s preferences and propose a personal plan.

Access to emails and calenders would notify users about upcoming events, flight details, reminder alerts and so on.

Social media could be utilised to notify users if his contacts are in the same city as him.

Sharing your experiences on social media directly through the app would definitely be simpler.

Finally being blessed with a GPS facility would mean you know exactly where you are and what is around you.

This idea seemed interesting and unique. We went ahead with this concept and started working on features of this product.

+

+

=

93

CONCEPTUALIZATION

CHAPTER 04

REDEFINING THE PROBLEM After finalizing the concept, the problem statement was redefined.

The solution and the impact was now clear. This now formed the basis for planning the next steps in the process.

94

CONCEPTUALIZATION

CHAPTER 04

PROBLEM Absence of a unique, personalized travel experience, for tourists and citizens, in and around the city of Pune

SOLUTION An application that will serve as a personal journey companion to the Traveller This app will enable smart exploration of the city Real time tracking and crowd-sourced information alerts based on user location

IMPACT Tourists enjoy a personalized and custom travel experience within the city Easy access of relative information to citizens Increase in promotion of tourism industry of Pune

95

UNIQUE SELLING POINT

CHAPTER 04

4.45

Figure 4.15: Magnifying glass with a unique fingerprint 96

UNIQUE SELLING POINT

CHAPTER 04

UNIQUE SELLING POINT A unique selling point is the factor or consideration presented by the application which makes it different from and better than its competitors. (A4.9) Travel applications often promote the concept of “top attractions of the city” as one of their unique selling points. Providing information divided into various sections for better navigation is a basic feature common amongst all travel related applications.

Although majority of the apps focus on accommodation and travel bookings, there are very applications which provide the option to create itineraries.

Based on this analysis and observation of existing travel applications we came up with some features of this product. This product would primarily be a companion to the user which would help him explore the city in a ‘smarter’ way.

This features were further divided into ‘core’ and ‘good-to-have’ features by following the 80-20 rule.

97

UNIQUE SELLING POINT

CHAPTER 04

CORE FEATURES

Ability to create itinerary in line with user interests based on availability of time

Location based contextual information / recommendations across various corridors

GOOD-TO-HAVE FEATURES Browse /Search

Audio Narration

Helpline Number

City Alerts

UNIQUE SELLING POINT

Ability to understand significance of landmarks through QR code scan

CHAPTER 04

In-built camera and journal feature with an option to share your story on social media

City contacts

Contextual reminders

Language preference

Weather alerts

USER STUDY

CHAPTER 04

4.46

Figure 4.16: People of different age groups and ethnics 100

USER STUDY

CHAPTER 04

USER STUDY Travel and tourism is a vast subject consisting of different kinds of audience. No two travellers or tourists have same opinion about a particular journey. It actually varies from every users but somehow there is a common path between them.

Occasions and situations change how people travel. Each personality stands apart from the other.

User research focuses on understanding user behaviors, needs, and motivations through observation techniques, task analysis, and other feedback methodologies. (A4.10) During the research and interview phase, it was learnt that there could be 12 varieties of tourists based on which we could form personas to help us in the process ahead. (A4.11)

101

USER STUDY

CHAPTER 04

4.47

4.48

The Backpacker

The Planner

Everything they need is in one bag.

Minimalist and not afraid of sleeping in less than desirable conditions.

Everything must be scheduled and no one can deviate from “the plan”.

4.49

4.50

The Nomad

The Luxurious Traveler

Lands in a country without a clue what to do and the go to accommodation being a friend-of-friend’s-cousin’s couch.

Everywhere has to have air-conditioning. opts for the extra leg room and orders room service.

4.51

4.52

The Ultimate Tourist

The Explorer

Large camera, overly snap happy and has a map in hand.

6am early rises, daily expeditions, goes off the beaten track and isn’t afraid to get lost.

(A4.11) Figure 4.17: Different types of user persona 102

USER STUDY

CHAPTER 04

4.53

4.54

The Unhappy One

The Big Spender

Nothing is good enough - “there’s not enough towels”, “the shower is too weak”, “the beach is too sandy”.

“YOLO”. Period.

4.55

4.56

The Budgeter

The Facebook Bombarder

With no cent to spare, free walking tours are their jam with the exceptional willpower to turn down dessert.

If it's not on Facebook, it didn’t happen – this is the motto that the Facebook Bombarder lives by.

4.57

4.58

The Soul Searcher

The Extremely Easy-Going One

You will usually find them traveling alone, most often to secluded spots where they will spend time gazing over cliffs or taking long, lonely walks in the woods.

“Chill.....”, “I’ll be fine.....”, “let’s just go with the flow.....”

(A4.11) Figure 4.17: Different types of user persona 103

Figure 4.18: User interviews 104

USER STUDY

CHAPTER 04

USER PERSONAS At this stage, various different types of tourists were interviewed. Since travel is a very subjective topic, a one on one interview was held with travellers rather than an online survey. Such conversations led to understanding the mindsets and the lifestyles of these people. There were no framed questions since it was important to have an open ended discussion.

The purpose of personas was to create reliable and realistic representations of key audience segments for reference. Personas help to focus decisions surrounding site components by adding a layer of real-world consideration to the conversation. They also offer a quick and inexpensive way to test and prioritize those features throughout the development process. (4.12) Through this exercise, we learned the different personalities of the tourists along with the hurdles they face with respect to travel and tourism in the city of Pune.

With the previous exercise of understanding different kinds of travellers combined with the discussions held with people, a few personas were created.

These personas would represent the final users of this application.

Images used of different people represent activities and the lifestyle of the persona.

105

4.60

4.59

4.61

4.62

4.63

4.64

4.65

Figure 4.19: User personas

USER STUDY

CHAPTER 04

4.53

4.54

PRIYA SHARMA Profession: Gender: Age: Education: Economical Status:

IT Professional Female 32 years Professional Degree Middle Class

Priya is employed in one of the IT companies in the city of Pune. Born and brought up in Lucknow, she moved to Pune to seek a good career opportunity. She has been in this city for the past one and a half years.

4.55 During weekends she likes to meet up with his friends.

Priya spends her weekdays at work.

She enjoys photography and tends to go on photography excursions often. She also has her own blog where she writes about his photography and travel. She is a systematic person by nature and likes things in a particular order.

4.56

Priya is unmarried and lived with her parents in Lucknow. Being the only child, her parents tend to visit her often. During such visits, Priya faces the following problems: Her parents prefer visiting the temples when she is away at work. However, many a times they would land up at the temple when it would be closed. This would result in an unnecessary trip at their end.

Neither Priya nor her parents are aware of the arti timings happening at these sacred places.

Knowledge on this front would help them save a good amount of time and energy.

During weekends, she normally takes them to parks and gardens where they can enjoy some peaceful time. However, many a times she is busy on weekends and is not able to accompany her parents. During such cases, she would prefer planning a trip and booking a cab to take them to places.

4.57

4.58

Figure 4.17: Different types of user persona 107

4.66

4.67

4.68

4.69

4.70 4.71

Figure 4.18:4.19: UserUser interviews Figure personas 108

4.72

USER STUDY

CHAPTER 04

ROBERT BROWN Profession: Gender: Age: Education: Economical Status:

Entrepreneur Male 45 years Professional Degree Upper Class

Robert is a US citizen who has started his own IT company in New York. His branch is located in Pune and hence he tends to visit this city at least twice in a year.

Robert is married with a son. He enjoys playing golf during his free time. His social life mainly comprises of charity events, wine tastings and attending other parties organized by other business socialites.

While in the city, Robert is generally busy with meetings and conferences throughout the day.

At times, his meetings get overshot beyond business hours and at times they are even extended to weekends. He like travelling around the city. However, due to his erratic working hours, he is never able to plan in advance. During such times, he faces the following hurdles: During his free time, he moves around the city in the car provided by his hotel. His employees at work do not have sufficient knowledge of the landmarks of Pune. Often, they tend to suggest him with the same places over and over again. He then has to rely on the knowledge of the driver to take him around.

Since it is not possible for him to plan a trip to specified places in advance, he would prefer knowing the important spots around him at any point in time. This would give him the freedom, to roam around as per his preference and liking.

During such trips, he is often stuck due to road blocks. He is often surprised with off season rains. Not an avid listener of city news, he would prefer being updated on such disturbances.

109

4.73

4.74

4.75

4.76

4.78

4.77

4.79

Figure 4.19: User personas 110

USER STUDY

CHAPTER 04

JOEL FERNANDES Profession: Gender: Age: Education: Economical Status:

Student Male 22 years Graduate Middle Class

Joel is a Spanish citizen who has come to Pune on an exchange program with one of the top universities in the city. He is living in Pune since two months and will be here for another four months to complete his programme.

Joel is from an art background and enjoys painting. He is here to pursue his masters in design. Although he spends most of his time attending classes, he would also like to utilise this period to explore the new city.

Joel is fascinated with travelling and enjoys walking to various places rather than taking a cab. During this period of two months, he encountered the following problems while exploring the city: Joel likes travelling by himself. He would love to have a guide for his trips to explain him about the history of various locations.

He often tends to miss his way while walking through small lanes. Since he is not comfortable with the local language, he is unable to ask people for specific directions.

Being a design student, he would love to be aware of any art and design related events and exhibitions happening around him.

111

4.81

4.80

4.82

4.83

4.84

4.85

4.86

Figure 4.19: User personas

USER STUDY

CHAPTER 04

NAYAN BHATIA Profession: Gender: Age: Education: Economical Status:

Employed Male 38 years Graduate Lower Middle Class

Nayan has recently moved to the city of Pune. He was initially based out of Delhi. But due to his transfer, he and his family have been relocated to Pune.

Nayan is married and has a toddler. Nayan works with a bank and leads a very routine life.

His wife is a home-maker and takes care of their child. Not being financially well off, the couple have learnt to enjoy the little pleasure of life.

Having been born and brought up in Delhi, it was a difficult decision for Nayan and his wife to shift base to another city. However, since they did not have much of an option, they moved to Pune a couple of months ago. After coming to Pune they have faced the following major hurdles: Their son needs to be admitted to a pre-school soon. Having a consolidated list of education centres around them would be really helpful.

Nayan's wife would like to know about the various places in the city known for street shopping. Along with street shopping, she likes to indulge in delicious food. Being aware of local food spots is always helpful.

113

BUSINESS MODEL

CHAPTER 04

4.60

BUSINESS STRATEGY Since the idea and the project was to finally pitched to the Pune Municipal Corporation, it was decided to have a preliminary business model.

This model is developed by Alexander Osterwalder. It is used by leading business organizations around the world. The Business Model Canvas, is a strategic management and entrepreneurial tool. It allows you to describe, design, challenge, invent, and pivot the business model. (A4.13)

114

4.61

Key Partners Pune Municipal Corporation Restaurants Educational Institutes Medical Institutes Trust boards of temples Car Rental Services

Key Activities Search engine Planning itineraries Information Discount for using specific services from app

Value Propositions Plan customized itineraries based on user preferences Location based contextual alerts Understanding significance of landmarks through QR code

Key Resources

Customer Relationship Personal Assistance Social Media Email In-app helpline feature

Channels

User-friendly application Extensive information database Extensive user base Good algorithm to provide sound customized recommendations

Customer Segments Travelers Tourists Visitors to the city with different purposes Citizens Smart-phone users Restaurants/ shops: offering target publicity to customers

Social media Website Places of interest App Stores Partners’ media Blogs

Cost Structure

Revenue Streams

Programming web and mobile apps Location data mining Developing / buying key algorithms User interface designers Maintenance and upgrading the application Marketing, sales and publicity

Advertisements Booking of cabs through application Freemium (beyond specific number of tours)

Figure 4.20: Business Model Canvas

115

116

4.53

4.54

4.55

4.56

117

Scenarios, Storyboarding and Task Analysis Card Sorting Information Architecture Application Wire frames

TASK ANALYSIS

CHAPTER 05

STORYBOARDING, SCENARIOS & TASK ANALYSIS Once the features were in place, the functionality of this application was more clear. Based on the discussion with my mentor, we decided that this app will be broadly divided into three categories:

Browse: In this mode, user can browse through places of interest based on location and corridor

Search: This mode is helpful when the user knows what he is looking for Journey assistant: This mode will enable the user to experience a

customized journey

This exercise helped us in dividing the tasks which would be carried out by the users while using this application. A task analysis exercise was performed.

Task analysis is the process of learning about ordinary users by observing them in action to understand in detail how they perform their tasks and achieve their intended goals. There are several types of task analysis but among the most common techniques used are:

Cognitive Task Analysis is focused on understanding tasks that require decision-making, problem-solving, memory, attention and judgement.

Hierarchical Task Analysis is focused on decomposing a high-level task

subtasks.

For the purposes of this project, a hierarchical task analysis was performed.

This was a step-by-step analysis of the user’s task, from their perspective. This was a very crucial step in the entire process, a step which is often skipped in the industry due to lack of time. One of the key challenges was to let go of what we already think we knew and allow the user’s needs to guide the process instead.

Along with the task analysis a story board was created for the three scenarios.

This exercise gave a bird’s eye view on the functions of the app. (A5.1)

120

4.75

Start

Starts application

Want to start a new journey?

No

Yes

Want to browse by corridor or location?

No

Inputs data in search bar

Yes

Taps on ‘New journey’ option

Taps on Browse mode

Sets corridor preference

Sets corridor preference

Sets duration constraint

Sets location preference

Search results

Yes

Appropriate results?

No Confirms parameters

Confirms parameters

Taps on Filter option

Proposed itinerary

Browse results

Changes filter parameters

Confirms itinerary

Selects choice of POI

Itinerary saved

POI details

Appropriate POIs in itinerary?

No

Yes

Rejects unwanted POI Starts journey

Legend: User actions Application display Decision

Replacement by next best option Figure 5.1: Task flow

121

TASK ANALYSIS

CHAPTER 05

Creating custom itinerary Adding user preference and constraints Customizing proposed itinerary Generating final itinerary

Experiencing the journey Scanning the QR code Taking pictures and sharing them on social media Writing a journal and sharing it on social media Calling helpline number / utilizing the in-app chat feature

Searching / browsing for POI Searching for POI Browsing through the app Viewing details of a particular POI

CREATING CUSTOM ITINERARY

Storyboards/ Scenarios

Smart Explore

rt ma

S

Top

10

ti

New Journey

es

lac

it p

vis

gs

in p th

To

0 p5

To

for

Shaniwarwada Reject

Marz-o-rin

Education

Reject

Accept

Explores / navigates through the app

Downloads application from store

Navigates through the application

Displays top attractions of the city based on crowdsourcing

German bakery Reject

Accept

Shaniwarwada Reject

Accept

Marz-o-rin Reject

Accept

Aga Khan Palace

s

John navigates through the app. He wants to make a specific plan for this evening in the city.

Accept

Reject

He selectd the new journey option to make his plan for evening.

Taps on “new journey” option

Taps on “new jouney” option

Displays various corridors and option to input duration of time

Retrieves information on top attractions of the city based on user rating

John selects his preferences and enters the duration for his plan.

Sets the corridor preferences and time constraint

Selects relevant parameters

Accept

The app proposes an itinerary. However, he has already vsited a couple of places and hence he rejects them.

Filters out POI based on user information

10:00

Itinerary saved! itine

rary

Leav for she from aniw hotel arwa 11:00 da am Reac and h shan iw expl ore arwada the 12:00 plac pm e Take mar a cab to z-orin fo r lunc 01:00 pm h am

Start tow palac ard at ge e aft s ag rman er ma a khan bake king a ry for sto dessp ert

Finally, he is happy with all the places he can cover in the given amount of time. He confirms the list and the itinerary is generated.

Rejects already visited locations from proposed list of POI

Content with all POIs, confirms itinerary

Views list and rejects unwanted POI

Confirms itinerary

Displays list of POI based on user preference Selected parameters are saved

You r

Top 10 attractions

Accept

Aga Khan Palace

Downloads application

Service Interface

Accept

Historical places

Reject

Activity

Backstage

Reject

Religious places

tion

rac

att

Kayani bakery

Food

free

Customer

John is on a business visit to Pune. He has his evenings free and wants to explore the city in this time. He hears about this app from his colleagues and downloads it.

What do you prefer?

ons

rac

att

st Mu

Top 10 attractions

lore

Exp

Replaces rejected POI by next best option

Retrieves relevant POI based on crowdsourcing

Displays confirmed itinerary with time and POI

Itinerary gets saved for future retirieval

Figure 5.1: Task flow

123

124

EXPERIENCING THE JOURNEY You r

Storyboards/ Scenarios

Itinerary saved! itine

ra

ry Leav for she from aniw hotel arwa 11:00 da am Reac and h shan iwar expl wada ore the 12:00 plac pm e Take mar a cab to z-orin fo r lunc 01:00 pm h 10:00

am

Customer Service Interface Backstage

lert

A ee coff us r. mo e a fa furth s re is The p 5 mile o h s

re

xplo

artE

#Sm

Start tow palac ard at ge e aft s ag rman er ma a khan bake king a ry for sto dessp ert

John has planned an itinerary and is all set to start his journey.

Activity

Want to know the importance and history of this place?

I could buy a coffee on the way

He selects a mode of transport of his choice, and is on his way to destination 1.

Starts journey

Commutes to location 1

Starts journey and selects / de-selects audio narration

Views alerts on the app

He arrives at destination 1 and is all excited to explore this place.

Explores the location

Arrives at location and reads description on location

He learns more about the place by scanning the QR code associated with this app.

Scans QR code and reads more about the location

Scans QR code and reads / listens to the information

Alert for preferred POIs on the route from home to location

Displays brief information about the location

Alert to access QR code and read more

Clicks images and shares with friends

Checks alert and proceeds to location 2

Opens camera and clicks images and shares on social media

Checks alert and proceeds to location 2

Displays option to share on social media

Location based alert as a reminder of any previous notes

Pop up asking for permission to allow app to access social media

Alert showing different modes of transport to reach the location

Retrieves real time information

He buys a souvenir for his parents and proceeds to destination 2.

Camera commences and images clicked are stored

Alert to start journey at scheduled time Alert to opt for audio narration throughout the journey

He clicks pictures and shares them with his friends and family.

Reminder Alert: You have to buy a souvenir!

Retrieves real time information

Retrieves information on location

Searchs for availability and location of QR code at location

Connects to social media by accessing relevant data

Recognizes contextual reminders and alerts user

Figure 5.1: Task flow

125

126

BROWSING FOR PLACES OF INTEREST

Storyboards/ Scenarios

Backstage

Service Interface

Customer

Activity

l Ab

Dom

inoz

Cafe

Bistro

He selects his location and opts for food.

Opens browse mode

Sets parameters

Opens browse mode

Sets location and corridor preference

Prompts user to set location and corridor parameters

in Ko Join thru ts d

Hote

Food

John wants to order a meal at his hotel this evening. He browses the app for details.

Done

Foo d

Location: Kothrud Corridor:

hish

ek

Pizz

a

East

wood

Cuisine: Italian Expensive: $$ Home Delivery

1969

He views the list of options displayed on the application.

Views list

However, he wants a specific cuisine and wants to ensure the restaurant provides delivery. He filters the list based on this criteria.

Sets necessary filters

From the filtered list he selects his choice of restaurant.

He views details about this restaurant and places the order.

Selects preferred choice of restaurant

Views details about restaurant

Read information on POI

Views list of options

Opens filter tab and sets necessary filters

Selects preferred option from filtered list

Displays list of options based on user preferences

Displays various filter options

Displays list of filtered options

Displays brief information about POI

Retrieves list based on filters set by user

Retrieves information on POI selected by user

Retrieves information based on user preference

Figure 5.1: Task flow

127

128

129

CARD SORTING

CARD SORTING After the task analysis, card sorting exercise was performed. Card sorting is a method used to help design or evaluate the information architecture.

There are two techniques of card sorting: Open Card Sort: Participants are asked to organize topics from content within the website into groups that make sense to them and then name each group they created in a way that they feel accurately describes the content.

Closed Card Sort: Participants are asked to sort topics from content within your website into pre-defined categories.

For the purposes of this project, an open card sorting was performed. Task analysis resulted in a list of topics (cards) for the application. These topics were then written on different cards.

For this exercise, a group of 8 people were invited to participate. They were divided into groups of two each. A brief was given to the groups about the functionality and the features of the application. Each group was presented with a complete set of these cards.

Under this exercise, the users divided these topics into different buckets or categories that would make sense to them. Spare cards were provided for them to add any further topics, if required.

This exercise was performed simultaneously by all the groups. This was done to avoid bias towards other group’s outcome. (A5.2)

130

CHAPTER 05

CARD SORTING

CHAPTER 04

Home

Audio narration

New journey

Location Description

Browse

Share on social media

Search

Filters

Corridor selection

Sign up / Login

Duration of journey

Religious places

General top attractions

Historical places

My Account

Nature

Itinerary

Food

Map itinerary

Shopping

List itinerary

Education

City alerts

Medicine

Weather alerts

Outdoor

Notifications

Corridors

My journeys

Sub-corridors

Settings

QR code scan

City contacts

Weather recommendations

Camera

Itinerary alerts

Notes

131

Figure 5.2: Card sorting carried out at PSL

Figure 5.2: Card sorting carried out at PSL

INFORMATION ARCHITECTURE

INFORMATION ARCHITECTURE

The card sorting exercise helped us understand user’s expectations and understanding of the topics. Knowing how the users group the information, helped us in the following areas: Building the base structure for the application Deciding what goes on the homepage Labelling categories and navigation This exercise led to the building of the Information Architecture.

GETTING IT RIGHT

One of the great things about modern web design is the way it considers users’ needs from the start. Successful projects are successful often because the owners commit to understanding users, their backgrounds and their goals as early as possible. Like anything else in this game, though, a successful project takes work and planning.

Good IA helps to make a project successful. It makes content easy to find on a complex website. If users can’t find what they want in seconds, by either browsing or searching, they’re unlikely to stick around.

Hence, it was important to get the IA right. A few explorations were tried before finalizing on one. One of the major mistakes made by me, which resulted into rejection of many IAs, was that the thought process was from a business perspective rather than a user’s. As a result, it led to many complex versions of IA.; the homepage would be overloaded with features; few features would be placed too earlier in the navigation and so on. (A5.3)

134

CHAPTER 05

Splash Screen Push Notifications

Onboarding Login

Explore

Near Me

My Journeys

Saved Journeys

Corridors

POIs

Completed

Glimpse Gallery

New Journey

Search/ Sort by

Input Data

Proposed Itinerary

Scheduled

Planned Itinerary

List

Map

Final Itinerary

Menu

New Journey

Wishlist

City

QR code Scanner

Weather

Helpline Number

Location

City Contacts

Itinerary

Settings

Notes

Figure 5.3: Information architecture

135

136

137

SCREEN FLOWS A preliminary screen flow was made for the application. This helped in understanding the number of screens and the flow between them while a user would be navigating.

Figure 5.4: Application screen flows 138

Figure 5.4: Application screen flows 139

NAVIGATION PATTERN

CHAPTER 05

NAVIGATION PATTERN Once the IA was in place and the screen flow was worked upon, the next step was to decide the navigation pattern. This would help in deciding how the screens would actually flow from one to another.

Various navigation patterns were researched and understood for this exercise.

Finally, it was concluded that a combination of Tabbed View and Nested Doll would be most suitable for this application. (A5.4)

Tabbed View

Nested Doll

Hierarchy

Hub and Spock

Figure 5.5: Navigation patterns 140

NAVIGATION PATTERN

CHAPTER 01

TABBED VIEW This is a pattern that regular app users will be familiar with. It’s a collection of sections tied together by a toolbar menu. This allows the user to quickly scan and understand the complete functionality of the app when it’s first opened.

Good for

Tools based apps with a similar theme. Multi-tasking. (A5.4) This pattern could be used for navigation between two broad functions of the application: creating a journey and browsing for places of interest.

NESTED DOLL The nested doll pattern leads users in a linear fashion to more detailed content.

When users are in difficult conditions this is a quick and easy method of navigation. It also gives the user a strong sense of where they are in the structure of the content due to the perception of moving forward and then back.

Good for

Apps or sites with singular or closely related topics. This can also be used as a sub section pattern inside other parent patterns, such as the standard hierarchy pattern or hub and spoke.(A5.4) This pattern could be within the parent pattern of Tabbed view. Itineraries could be generated and information about locations can be arrived at through this pattern.

141

NOBODY HAS TIME FOR BAD USER EXPERIENCES, YOUR CUSTOMERS AND EMPLOYEES INCLUDED.

142

APPLICATION WIREFRAMES

CHAPTER 05

NATIVE V/S HYBRID Before starting the wireframes, it was important to conclude whether this application would be a native application or hybrid one. Each category has its own pros and cons. It was essential that the final selection would cater to the needs and the functionality of the application as well as the users.

NATIVE APP BENEFITS

HYBRID APP BENEFITS

Native UI allows users to quickly learn the app

Portability (one code base, multiple platforms)

Easy to discover in app stores (Apple’s app store, Play store)

Access to various hardware/software capabilities (through plug-ins)

Access to device hardware / software (GPS, location, calendar,etc.)

Cheaper origin costs

Better user experience

Faster (initial) speed to market

One of the objectives while working on this project, was to ensure that the application is user-friendly. Being one of it’s kinds, it was crucial that the users are comfortable with the interface and are comfortable navigating around.

Hence, it was concluded that Native App would be the best approach to go ahead with. (A5.5)

143

APPLICATION WIREFRAMES

WIREFRAMING Based on the Information Architecture and Navigation Patters, it was time to start designing the wireframes for the application. The wireframes were a crucial part in this process. A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviours. For these reasons, wireframes typically do not include any styling, colour, or graphics. They decide the skeleton of the entire application.

The initial process of wireframing started with designing the homepage. This was an important screen as it would be the first screen user’s would view when they would land on the application.

A few low fidelity wireframes were first hand drawn to get a broad idea on the structure of the screen. Since it was concluded to go ahead with Native apps, wireframes for Android were designed at an initial level. (A5.6)

144

CHAPTER 05

APPLICATION WIREFRAMES

CHAPTER 05

LOW FIDELITY WIREFRAMES

Figure 5.6: Low fidelity wireframes

145

APPLICATION WIREFRAMES

INDIGO STUDIO

Once the low fidelity wireframes were sketched, it was time to produce high-fidelity ones. Instead of using Illustrator, it was suggested by my mentor to directly start using the prototyping tool, Indigo Studio.

Indigo Studio, is a prototyping tool, used by the UX team at Persistent Systems Limited. Everything in Indigo Studio is geared towards helping prototype UX flows. All one needs to consider is what the user sees, what do they do next, and what the end result of the action would be. As one adds interactions and design UI changes, Indigo Studio automatically visualizes the UX flow. And by the time one is done creating wireframes, prototyping is also completed! (A5.7)

146

CHAPTER 05

APPLICATION WIREFRAMES

CHAPTER 05

Figure 5.7: Indigo Studio

147

APPLICATION WIREFRAMES

CHAPTER 05

HOME SCREEN EXPLORATIONS Many variations were made for the home screen. As mentioned earlier, it was important to get the landing page right and appealing enough for the user to explore the application further.

Figure 5.8: High fidelity application wireframes explorations 148

APPLICATION WIREFRAMES

CHAPTER 05

The primary idea was to promote those locations which were in the vicinity of the user.

This would indulge and prompt the user to visit those places without spending too much time on travel. This would be followed by various corridors under which the places of interest would be grouped.

Figure 5.8: High fidelity application wireframes explorations 149

APPLICATION WIREFRAMES

PROPOSED PLACES Another important screen in this application was where the system proposed a list of places / itinerary based on the input and preferences of the user. Few variations were made for this screen to try out different methods of representing the same information.

Figure 5.8: High fidelity application wireframes explorations

150

CHAPTER 05

APPLICATION WIREFRAMES

CHAPTER 05

This screen allowed the user to make changes to the proposed places. The user was allowed to add, replace and delete the places and make other minor modifications to the existing list of places proposed by the system. Thus, it was crucial to include these options on the same screen.

Figure 5.8: High fidelity application wireframes explorations

151

APPLICATION WIREFRAMES

JOURNEY EXPERIENCE A prominent feature of this application was the experience of the journey. The user will be guided throughout his journey with the help of alerts and notifications. It was therefore essential to ensure the user has a wonderful experience while on his journey.

Figure 5.8: High fidelity application wireframes explorations

152

CHAPTER 05

APPLICATION WIREFRAMES

CHAPTER 05

These notifications would provide user with all the necessary details required by him during his journey. This would include the transport details as well as information on the location that he is about to visit.

Figure 5.8: High fidelity application wireframes explorations

153

APPLICATION WIREFRAMES

CHAPTER 05

THE FINAL SET After many explorations, tonnes of rejections and moving back and forth on the same screen a million times, a basic set of wireframes was finally approved.

The entire set was created on Indigo Studio all the screens were linked to create a final prototype. This prototype can be viewed at the following link: https://indigodesigned.com/share/x695g885nd6r

Splash Screen

Onboarding Screens Figure 5.9: Final wireframes

154

APPLICATION WIREFRAMES

CHAPTER 05

Social Login Screen

Email Login Screen Figure 5.9: Final wireframes

155

APPLICATION WIREFRAMES

CHAPTER 05

A

Figure 5.9: Final wireframes

156

APPLICATION WIREFRAMES

CHAPTER 05

Figure 5.9: Final wireframes

157

APPLICATION WIREFRAMES

CHAPTER 05

A

Figure 5.9: Final wireframes

158

APPLICATION WIREFRAMES

CHAPTER 05

C

B

Figure 5.9: Final wireframes

159

APPLICATION WIREFRAMES

CHAPTER 05

B

C

Figure 5.9: Final wireframes

160

APPLICATION WIREFRAMES

CHAPTER 05

Figure 5.9: Final wireframes

161

APPLICATION WIREFRAMES

CHAPTER 05

Figure 5.9: Final wireframes

162

APPLICATION WIREFRAMES

CHAPTER 05

Figure 5.9: Final wireframes

163

Nomenclature Mood Board Colour Palette Identity Design

NOMENCLATURE

CHAPTER 06

NOMENCLATURE For naming the application, a list of probable titles were noted down. A vote was taken from various users on the top three names they would prefer. They were even asked to suggest any new names apart from the list that they find more appealing.

This vote was taken through three different mediums: Social network: Facebook Personal Messaging: WhatsApp One-on-one interaction The various choices for nomenclature were as follows: My Trip

My Journey

TripVip

Tripster

TripPal

Rove Love

My Way

Ghoom

Wander Ally

Travel-esque

Wander Wiser

Pocket City

Tripalicious

Wander-a-way

Wander Pal

Raasta

Explorare

Travelove

My City

Raastamate

Localite

Round-a-city

City Line Based on the votes, “Ghoom” was rated highest followed by ‘Pocket City’ and ‘Tripster’

Ghoom is a common Hindi word often used to indicate travel, roam, wander and rove. Considering this is an Indian app, using a Hindi word was more relatable. This name reflected an informal travel which this application represents.

Phonetically, Ghoom sounded pleasing, fun yet unique. Considering the increased use of desi words across the globe, connecting to foreign users would also be easy.

166

NOMENCLATURE

CHAPTER 06

MOODBOARD

MIND MAPPING & MOODBOARD A mind map was prepared for Ghoom, listing down the associated representations for this application. From the mind map, a few key words were short listed which represented the app in it’s truest form.

Based on these keywords, a moodboard was prepared. Moodboard was a really important part since it helped set the entire visual language for the app.

168

CHAPTER 06

MOODBOARD

CHAPTER 06

Smart

Technology

Customized

Personal Itinerary

User-friendly

Real-time Culture

Unique

GHOOM

Experience

Travel

Smart city

Exploration Information

Comprehensive Contextual Corridors Pune

Companion

Enriching

Tourism Assistant

5.1

5.2

5.3

5.5

5.4

5.7 5.9 5.6 5.8

Figure 6.1: Moodboard for visual language

5.10

5.11

5.12

5.13

5.14

5.15

5.16

5.17

5.18

Figure 6.1: Moodboard for visual language

171

5.19

5.20

5.21

5.23

5.22

5.24 5.25

Figure 6.1: Moodboard for visual language

5.26

5.27

5.29

5.31

5.28

5.30

5.32 5.33

Figure 6.1: Moodboard for visual language

5.35

5.36

5.39 5.38

5.37

5.40

5.42

Figure 6.1: Moodboard for visual language

5.41

5.43

5.44

5.45

5.48

5.47

5.46

5.51

5.53

5.49

5.50

5.52

Figure 6.1: Moodboard for visual language

COLOUR PALETTE

CHAPTER 06

COLOUR PALETTE EXPLORATIONS Since the application was more city oriented and not just restricted to nature, colour palette was picked up from various images, landscapes, monuments as well as cultural aspects. A few different colour schemes were adapted to the home screen (pg. 210-217 ) to gain a perspective in terms of UI.

5.54

5.55 Figure 6.2: Color palette explorations 176

COLOUR PALETTE

CHAPTER 06

5.56

5.57

5.58 Figure 6.2: Color palette explorations 177

COLOUR PALETTE

CHAPTER 06

PRIMARY COLORS

MACARONI AND CHEESE

ELECTRIC PURPLE

RGB 255, 192, 137 CMYK 0, 0.25, 0.46, 0 FFC089 #

RGB 160, 21, 255 CMYK 0.37, 0.92, 0, 0 A015FF #

MAUVELOUS

ORCHID

MEDIUM ORCHID

RGB 231, 149, 167 CMYK 0, 0.35, 0.28, 0.09 E795A7 #

RGB 208, 107, 196 CMYK 0, 0.49, 0.06, 0.18 D06BC4 #

RGB 184, 64, 226 CMYK 0.19, 0.72, 0, 0.11 B840E2 #

178

COLOUR PALETTE

CHAPTER 06

SECONDARY COLORS

NIGHT RIDER

DIM GRAY

RGB 51, 51, 51 CMYK 0, 0, 0, 0.8 333333 #

RGB 102, 102, 102 CMYK 0, 0, 0, 0.6 666666 #

NOBEL

LAVENDER

WHITE

RGB 153, 153, 153 CMYK 0, 0, 0, 0.4 999999 #

RGB 233, 232, 239 CMYK 0.03, 0.03, 0, 0.06 E9E8EF #

RGB 255, 255, 255 CMYK 0, 0, 0, 0 FFFFFF #

179

IDENTITY DESIGN

IDENTITY DESIGN For the identity design, various different routes were chosen. Each route was different from the other to ensure many aspects of travel are covered. Once the approach was decided, various explorations of the identity were made within each approach.

180

CHAPTER 06

Figure 6.3: Logo exploration sketches

IDENTITY DESIGN

CHAPTER 06

APPROACH 1 +

Travel

+

Companion

Road

EXPLORATIONS

Based on peer suggestions, the location icon is very widely used. The market is saturated with location based applications using the pin.

182

IDENTITY DESIGN

CHAPTER 06

APPROACH 2 +

Complete Experience

+

Journey

Route

EXPLORATIONS

This approach felt too abstract and wasn’t relatable by many. These explorations did not give the feel of a customized itinerary based application.

183

IDENTITY DESIGN

CHAPTER 06

APPROACH 3 +

Indian Arch

+

Indian Motif/Pattern

Location

EXPLORATIONS

Under this approach, an Indian twist was given to the identity. Although these patterns were made using the location pin, it felt too Indian and took away the contemporary feel.

184

IDENTITY DESIGN

CHAPTER 06

APPROACH 4

G

+

Ghoom

+

Route

Location

EXPLORATIONS

G The concept of using G in the identity was appreciated. However, more explorations were required since again, the above were directly not relatable.

185

IDENTITY DESIGN

CHAPTER 06

APPROACH 5

G

+

Ghoom

+

Route

Location

EXPLORATIONS

A combination of G and the compass was used for this approach. The approach was kept minimal, with the last exploration being shortlisted by my faculty mentor.

186

IDENTITY DESIGN

CHAPTER 06

APPROACH 6

In the last approach hand lettering was used to give the feel of informal, personalized and casual. These adjectives related to travel and hence typographic identities were explored.

187

IDENTITY DESIGN

FINAL IDENTITY

188

CHAPTER 06

IDENTITY DESIGN

CHAPTER 06

189

IDENTITY DESIGN

ICON DESIGN

190

CHAPTER 06

IDENTITY DESIGN

CHAPTER 06

ICON SIZE (in pixels)

LDPI 36 x 36

XHDPI 96 x 96

MDPI 48 x 46

XXHDPI 144 x 144

HDPI 72 x 72

HDPI 192 x 192

191

Application Icons UI Strategy Interface Design Tablet and iOS Adaptation Promotional Website Heuristic Evaluation

APPLICATION ICONS

APPLICATION ICONS A set of application icons was designed for the purpose of this project. Since it was important to keep the focus on the imagery used in the application, the icon style was kept to a bare minimum. Line icons were designed for the entire application with a single line weight being used across the set.

These icons were made using basic shapes as the base. These shapes were then modified to form the final structure. At a height of 42 px, a stroke weight of 3 pt was uniformly applied.

194

CHAPTER 07

APPLICATION ICONS

CHAPTER 07

Figure 7.1: Icon construction in Adobe Illustrator

195

APPLICATION ICONS

CHAPTER 07

ICON CONSTRUCTION

Figure 7.1: Icon construction in Adobe Illustrator

196

APPLICATION ICONS

CHAPTER 07

Figure 7.1: Icon construction in Adobe Illustrator

197

APPLICATION ICONS

CHAPTER 07

FINAL SET

Figure 7.2: Final set of icons

198

APPLICATION ICONS

CHAPTER 07

Figure 7.2: Final set of icons

199

UI STRATEGY

GUI STRATEGY While designing the visual language for the application screens, a strategy for the graphical elements for established. The Google Material Design guidelines have been modified to as per the requirements of this application.

Having this strategy established, it was easier to apply it to all the screens. It also ensures that consistency was maintained across the entire set of screens.

All the screens have been designed at a resolution of 1080x1920.

200

CHAPTER 07

UI STRATEGY

CHAPTER 07

TYPOGRAPHY Lato This font was replaced by the Google standards of Roboto and Nato. The semi-rounded details of the letters give Lato a feeling of warmth, while the strong structure provides stability and seriousness. These characteristics aptly represented the traits of Ghoom.

Hence this font was chosen for body text.

Oswald A strong contrast was required in the application to highlight and promote places of interest. This bold and condensed look gives a very contemporary and neat look. Used as display font, this font perfectly stands out and attracts attention of the users.

Lato

Headline

Regular 72pt

Title

Medium 60pt

Body 1 / Menu

Bold 48pt

Body 2

Regular 48pt

Body 3

Regular 42pt

Body 4

Regular 36pt

BUTTON

BOLD 42PT

OSWALD CAPTION 1 CAPTION 2

REGULAR 99PT REGULAR 72PT

201

UI STRATEGY

CHAPTER 07

METRICS AND KEYLINES 12:30

TITLE 12 px

ITEM 1

238 px ITEM 2

144 px

540 px

48 px

48 px 1920 px

38 px

1080 px

Figure 7.3: GUI strategy

202

UI STRATEGY

CHAPTER 07

COLOUR THEME 12:30

TITLE ITEM 1

Transparent Gradient

#FFC089 to #A015FF ITEM 2

Gradient

#FFC089 to #A015FF

#E9E8EF Gradient

Alert Title

#FFC089 to #A015FF

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

#FFFFFF BUTTON

BUTTON

Figure 7.3: GUI strategy

203

UI STRATEGY

CHAPTER 07

CARDS Size 1

360 px

TOP ATTRACTIONS TITLE HERE 1020 px

15 px

42 px

TITLE TITLE HERE

42 px

81 px

42 px

Figure 7.3: GUI strategy

204

UI STRATEGY

CHAPTER 07

Size 2

510 px

HISTORICAL TOUR

20 June 2016, 11:00 AM - 03:00 PM

1020 px

15 px

42 px

TITLE GOES HERE

24 px 42 px

Subtitle Goes Here

81 px

42 px

Figure 7.3: GUI strategy

205

UI STRATEGY

CHAPTER 07

IMAGE TREATMENT Image Masked to appropriate card size

Overlay #000000 at 30% opacity

Text / Icon #FFFFFF

Figure 7.3: GUI strategy

206

UI STRATEGY

CHAPTER 07

DIALOGUES Title Goes Here Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

BUTTON

BUTTON

840 px

30 px

51 px

Title Goes Here

81 px

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

BUTTON

51 px

72 px 156 px

BUTTON

840 px

51 px

Figure 7.3: GUI strategy

207

UI STRATEGY

CHAPTER 07

POP-UPS Size 1

x

SHANIWARWADA

1180 px

The famous door of Shaniwarwada is merely symbolic and never used!

North facing, this gate was against the Vaastu Shastra norm of east-west. But, Peshwa’s ambition to conquer North India is reflected in this fortified design.

865 px

30 px x

48 px

TITLE Lorem ipsum dolor sit amet, sed do consectetur adipiscing elit Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit .

48 px 40 px

80 px 40 px

40 px

40 px Figure 7.3: GUI strategy

208

UI STRATEGY

CHAPTER 07

Size 2

912 px

DAGDUSHETH GANPATI The Maha Arti at the temple is scheduled to start in 10 minutes.

GOT IT!

865 px

30 px

48 px

TITLE Lorem ipsum dolor sit amet, sed do consectetur adipiscing elit GOT IT!

40 px

48 px 40 px

100 px 40 px

40 px

Figure 7.3: GUI strategy 209

UI STRATEGY

CHAPTER 07

BUTTONS Primary Call to Actions 120 px

BUTTON

1080 px

NORMAL

PRESSED

DISABLED

NotiямБcation & Alerts PRIMARY BUTTON TEXT

Title Goes Here

SECONDARY BUTTON TEXT

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

SECONDARY

Figure 7.3: GUI strategy 210

PRIMARY

INTERFACE DESIGN

CHAPTER 07

VISUAL DESIGN The UI strategy was set a later stage after many explorations were carried out.

Each screen had many variations in terns of representation of the same content.

Since the branding happened along side the visual design, the colour palette was not finalized at the beginning. Therefore, a lot of home screen variations were experimented with different colour palettes and treatments.

211

INTERFACE DESIGN

CHAPTER 07

EXPLORATIONS HOME SCREEN

As with the wireframes, primary important was given to the landing page of the application. Various different styles of the carousel was carried out to expose myself to different styles. Out of the below, option 6 was finalized, Post this more variations were made to experiment with the colours and the alignment of the cards.

12:30

12:30

GHOOM HOME

GHOOM

NEW JOURNEY

MY JOURNEYS

HOME

Your location: Kothrud

Your location: Kothrud

Visit these places around you!

Visit these places around you!

HOTEL VAISHALI

HOTEL VAISHALI

Food

1.5 kms

Food

Explore

MY JOURNEYS

1.5 kms

Explore

Enter name of location...

Top Attractions

Enter name of location...

HUNGRY? Check these new restaurants in Pune

Exploration 1

Top Attractions

HUNGRY? Check these new restaurants in Pune

Exploration 2

Figure 7.4: Visual design explorations

212

NEW JOURNEY

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

GHOOM EXPLORE

GHOOM MY JOURNEYS

EXPLORE

Your location: Kothrud

MY JOURNEYS

Your location: Kothrud

Visit these places around you!

Visit these places around you!

OSHO TEERTH PARK Nature

1.5 kms

Browse

OSHO TEERTH PARK

Enter name of location...

Top Attractions

Nature

HUNGRY? Check these new restaurants in Pune

1.5 kms

Browse Enter name of location...

Exploration 3 Top Attractions

Exploration 4

Figure 7.4: Visual design explorations

213

INTERFACE DESIGN

CHAPTER 07

FINAL SELECTION 12:30

12:30

GHOOM

GHOOM HOME

NEW JOURNEY

EXPLORE

MY JOURNEYS

MY JOURNEYS

You are at Koregaon Park

Your location: Kothrud

Visit these places around you!

OSHO TEERTH PARK Nature

1.5 kms

Explore Enter name of location...

OSHO TEERTH PARK Nature

OSHO TEERTH PARK

1.5 kms

Nature

1.5 kms

Top Attractions Browse by location

HUNGRY? Check these new restaurants in Pune

Exploration 5

Exploration 6

Figure 7.4: Visual design explorations

214

OSHO TEERTH PARK Nature

1.5 kms

INTERFACE DESIGN

CHAPTER 07

Exploration 7

Exploration 8

Figure 7.4: Visual design explorations

215

INTERFACE DESIGN

CHAPTER 07

MORE HOME SCREENS

Exploration 9

Exploration 10 Figure 7.4: Visual design explorations

216

INTERFACE DESIGN

CHAPTER 07

Exploration 11

Exploration 12 Figure 7.4: Visual design explorations

217

INTERFACE DESIGN

CHAPTER 07

AND SOME MORE

Exploration 13

Exploration 14 Figure 7.4: Visual design explorations

218

INTERFACE DESIGN

CHAPTER 07

FINAL SELECTION

Exploration 15

Exploration 16 Figure 7.4: Visual design explorations

219

INTERFACE DESIGN

CHAPTER 07

LOCATION DETAILS EXPLORATIONS 12:30

12:30

4

OSHO TEERTH PARK Nature

4

1.5 kms

OSHO TEERTH PARK Nature

D. H. Dhunjibhoy Road Between Lane Number 2 and 3, Koregaon Park Road, Koregaon Park, Pune, Maharashtra 411001

1.5 kms

D. H. Dhunjibhoy Road Between Lane Number 2 and 3, Koregaon Park Road, Koregaon Park, Pune, Maharashtra 411001 081491 97102 Closed. Reopens at 3:00 PM

081491 97102 Closed. Reopens at 3:00 PM QR Code available

Wheelchair accessible

Photography allowed

Entrance fees

Osho Teerth is a beautiful 12-acre park that has been created out of a publicly-owned former wasteland.

It is not only a beautiful park but also a reflection of the simple ecological understanding that arises in meditation: if you cannot love yourself, how can you love your neighbors, what to say of the trees?

QR Code available

Wheelchair accessible

Photography allowed

Entrance fees

Osho Teerth is a beautiful 12-acre park that has been created out of a publicly-owned former wasteland.

It is not only a beautiful park but also a reflection of the simple ecological understanding that arises in meditation: if you cannot love yourself, how can you love your neighbors, what to say of the trees?

Exploration 1

Exploration 2

Figure 7.4: Visual design explorations

220

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

PLACES AROUND YOU

OSHO TEERTH PARK Nature

PLACES AROUND YOU

4

OSHO TEERTH PARK

1.5 kms

Nature

4

1.5 kms

Osho Teerth is a beautiful 12-acre park that has been created out of a publicly-owned former wasteland.

Osho Teerth is a beautiful 12-acre park that has been created out of a publicly-owned former wasteland.

It is not only a beautiful park but also a reflection of the simple ecological understanding that arises in meditation: if you cannot love yourself, how can you love your neighbors, what to say of the trees?

It is not only a beautiful park but also a reflection of the simple ecological understanding that arises in meditation: if you cannot love yourself, how can you love your neighbors, what to say of the trees?

This is a place frequented by the disciples of Osho and followers of his teaching. Situated in a lush green landscape, people visit this place for peace of mind, meditation, yoga and various other techniques used for cleansing the body and soul.

This is a place frequented by the disciples of Osho and followers of his teaching. Situated in a lush green landscape, people visit this place for peace of mind, meditation, yoga and various other techniques used for cleansing the body and soul.

Learn interesting facts about this place through our QR code

Learn interesting facts about this place through our QR code

QR Code available

Wheelchair accessible

QR Code available

Wheelchair accessible

Photography allowed

Entrance fees

Photography allowed

Entrance fees

081491 97102

Open now from 3:00 PM - 6:00 PM

081491 97102

D. H. Dhunjibhoy Road Between Lane Number 2 and 3, Koregaon Park Road, Koregaon Park

PLAN YOUR JOURNEY NOW

Open now from 3:00 PM - 6:00 PM

D. H. Dhunjibhoy Road Between Lane Number 2 and 3, Koregaon Park Road, Koregaon Park

PLAN YOUR JOURNEY NOW

Exploration 3

Exploration 4 Figure 7.4: Visual design explorations

221

INTERFACE DESIGN

CHAPTER 07

PROPOSED PLACES EXPLORATIONS 12:30

12:30

PROPOSED PLACES

PROPOSED PLACES 20 June 2016, 11:00 - 03:00 Food

History

Spiritual

20 June 2016, 11:00 - 03:00 Food

History

Spiritual

11:00 Pune Municipal Corporation

11:15

Shaniwarwada

12:00 Dagdusheth Ganpati

12:45 Hotel Sankalp

13:45 Kelkar Museum

11:00 Pune Municipal Corporation

11:15

Shaniwarwada

12:00 Dagdusheth Ganpati

12:45 Hotel Sankalp

13:45 Kelkar Museum

DONE

DONE

Exploration 1

Exploration 2

Figure 7.4: Visual design explorations

222

INTERFACE DESIGN

CHAPTER 07

NEW JOURNEY EXPLORATIONS 12:30

12:30

NEW JOURNEY

NEW JOURNEY Starting point

Starting point

Pune Municipal Corporation

Pune Municipal Corporation

Journey Date and Duration

Journey Date and Duration

20 June 2016

11:00 - 03:00

20 June 2016

11:00 - 03:00

Select your preferences

Select your preferences

Top Attractions

Food

History

Spiritual

Nature

Top Attractions

Food

History

Spiritual

Nature

Art & Culture

Education

Health

Shopping

Adventure & Outdoor

Art & Culture

Education

Health

Shopping

Adventure & Outdoor

Kind of traveller

Kind of traveller Leisure

Normal

Include places from wishlist

Active

Leisure

Normal

Active

Include places from wishlist

PLAN NOW

PLAN NOW

Exploration 1

Exploration 2

Figure 7.4: Visual design explorations

223

INTERFACE DESIGN

CHAPTER 07

TRANSPORT MODE EXPLORATIONS 12:30

12:30

TREK DAY

HISTORICAL TOUR

11:00 AM

Start your journey from Pune Municipal Corporation 5 mins

11 mins

LIST

MAP

via Shivaji Road

10:00 AM

Pune Junction Starting point

Get an UBER in 3 mins

11:15 AM

Arrive at Shaniwarwada and explore the place

10:00 AM

Pune Station 30 mins

12:00 PM

11:25

Arrive at Dagdusheth Ganpati Temple

AM

10:35 AM

12:45

Enjoy a lunch break at Hotel Sankalp

01:45

Arrive at Kelkar Museum and take a tour here

PM

PM

Sinhagad Fort

Get an UBER in 3 mins

11:55

Sinhagad Fort

06:00

Swargate

AM

PM

Enjoy the trek with nature

Explore the centre of the city

DONE

DONE

Exploration 1

Exploration 2 Figure 7.4: Visual design explorations

224

Sinhagad Village 30 mins

INTERFACE DESIGN

CHAPTER 07

LOGIN SCREEN EXPLORATIONS

Ghoom Ghoom LOGIN WITH

SIGN UP WITH FACEBOOK or SIGN UP WITH GOOGLE SIGN UP WITH EMAIL SIGN UP WITH EMAIL

Exploration 1

Exploration 2 Figure 7.4: Visual design explorations

225

INTERFACE DESIGN

CHAPTER 07

ONBOARDING EXPLORATIONS SKIP

SKIP

EXPLORE

CREATE

OSHO OSHO TEERTH TEERTH PARK PARK Nature Nature

OSHO TEERTH PARK

1.5 1.5kms kms

Nature

Explore various places in and around the beautiful city of Pune

Choose your preferences and create your own journeys across the city

SKIP

EXPERIENCE

SHARE

OSHO TEERTH PARK Nature

OSHO OSHO TEERTH TEERTH PARK PARK

1.5 kms

Nature Nature

1.5 1.5kms kms

Experience your journey with real-time information about the place

Share your experience with friends!

GET STARTED

Exploration 1 Figure 7.4: Visual design explorations 226

1.5 kms

INTERFACE DESIGN

CHAPTER 07

SKIP

SKIP

EXPLORE

CREATE

Explore various places in and around the beautiful city of Pune

Choose your preferences and create your own journeys across the city

SKIP

EXPERIENCE

SHARE

Experience your journey with real-time information about the place

Share your experience with friends!

GET STARTED

Exploration 2 Figure 7.4: Visual design explorations 227

INTERFACE DESIGN

CHAPTER 07

FINAL SCREENS After going through a series of explorations and many rejections, a final set of screens were designed. Sine these screens were made in Illustrator software, only a basic screen flow could be made in the prototyping tool. The flow of screens in this tool is basic and does not represent the actual navigations.

Tap

228

Swipe Left

Swipe Right

Swipe Down

Swipe Up

INTERFACE DESIGN

CHAPTER 07

ONBOARDING SCREEN These screens give a brief about the features of the application. It gives a broad idea to the user what the application is about. The screens explains the four primary features of exploring the city, creating a journey, experiencing it and then sharing the experience.

SKIP

SKIP

CREATE

EXPLORE

Explore various places in and around the beautiful city of Pune

Choose your preferences and create your own journeys across the city

Onboarding screen 1

Onboarding screen 2

Figure 7.5: Final set of screens

230

INTERFACE DESIGN

CHAPTER 07

SKIP

SHARE

EXPERIENCE

Experience your journey with real-time information about the place

Share your experience with friends!

GET STARTED

Onboarding screen 3

Onboarding screen 4

Figure 7.5: Final set of screens

231

INTERFACE DESIGN

CHAPTER 07

LOGIN SCREEN The social logins have been given more prominence as compared to the email registration. This makes it easier and faster for the user to login without having to enter details and wait the registration to be completed.

Login with

or Sign Up With Email

Login screen 1

Figure 7.5: Final set of screens

232

INTERFACE DESIGN

CHAPTER 07

Email Password

Sign Up

Login screen 2

Figure 7.5: Final set of screens

233

INTERFACE DESIGN

CHAPTER 07

Home screen 1

Home screen 2

12:30

12:30

SKIP

SKIP

EXPLORE

EXPLORE

MY JOURNEYS

MY JOURNEYS

Koregaon Park

HISTORY

SPIRITUAL PLACES

OSHO TEERTH PARK

OSHO TEERTH PARK Nature

1.5 kms

Nature

1.5 kms

OSHO TEERTH PARK Nature

1.5 kms

NATURE

CREATE

CREATE

Choose your preferences and create Browse by location your own journeys across the city

TOP ATTRACTIONS

Choose your preferences and create your own journeys across the city

ART & CULTURE

EDUCATION

Onboarding screen 1 FOOD

HEALTH & MEDICINE

HISTORY

SHOPPING

SPIRITUAL PLACES

ADVENTURE & OUTDOOR

Figure 7.5: Final set of screens

234

INTERFACE DESIGN

CHAPTER 07

Corridor screen 1

Corridor screen 2

12:30

12:30

SKIP

SKIP

HISTORY LIST

HISTORY LIST

MAP

Search by journey name

MAP

Sort by

SHANIWARWADA

4

SHINDE CHATRI

3

7 kms

AGA KHAN PALACE

4

4 kms

8 kms

LAL MAHAL 6 kms

3

CREATE

CREATE

Choose your preferences and create your own journeys across the city

Choose your preferences and create your own journeys across the city

VISHRAMBAUG WADA

4

9 kms

SHANIWARWADA

4

SHINDE CHATRI

3

7 kms

8 kms

VISHRAMBAUG WADA 9 kms

4

HOME SCREEN In the home screen, the user is first given information about the top rated locations in his vicinity in the form of a carousel. This prompts the user to visit these places. The primary call to action is shown through a floating action button which signifies creating a new journey. Scrolling down displays the list of various corridors. Each corridor has locations listed within it.

Figure 7.5: Final set of screens

235

INTERFACE DESIGN

CHAPTER 07

LOCATION DETAILS On tapping the carousel, three quick options for the location are displayed; wishlist, location on map and information about the place. Tapping on the last option leads the user to the description screen. This screen contains all the information and details about the particular place along with a direct calling option. The primary call to action ‘Plan Your Journey Now’ is included to urge the user to create a new journey.

12:30

12:30

SKIP

SKIP

EXPLORE

EXPLORE

MY JOURNEYS Koregaon Park

OSHO TEERTH PARK

OSHO TEERTH PARK Nature

1.5 kms

Nature

Koregaon Park

OSHO TEERTH PARK Nature

OSHO OSHO TEERTH TEERTH PARK PARK Nature

1.5 kms

Nature 1.5 kms 1.5 kms

CREATE

OSHO TEERTH PARK Nature

1.5 kms

Choose your preferences and create Browse by location your own journeys across the city

CREATE

Choose your preferences and create Browse by location your own journeys across the city

TOP ATTRACTIONS

Top Attractions

Home screen 1

Location options

Figure 7.5: Final set of screens

236

MY JOURNEYS

1.5 kms

INTERFACE DESIGN

CHAPTER 07

12:30

PLACES AROUND YOU

4

12:30

SKIP

PLACES AROUND YOU

PLACES AROUND YOU

OSHO TEERTH PARK Nature

12:30 Osho Teerth is a beautiful 12-acre park that hasSKIP been created out of a publicly-owned former wasteland.

It is not only a beautiful park but also a reflection of the simple ecological understanding that arises in meditation: if you cannot love yourself, how can you love your neighbors, what to say of the trees?

This is a place frequented by the disciples of Osho and followers of his teaching. Situated in a lush green landscape, people visit this place for peace of mind, meditation, yoga and various other techniques used for cleansing the body and soul.

4

1.5 kms

Osho Teerth is a beautiful 12-acre park that has been created out of a publicly-owned former wasteland.

It is not only a beautiful park but also a reflection of the simple ecological understanding that arises in meditation: if you cannot love yourself, how can you love your neighbors, what to say of the trees?

QR Code available

Wheelchair accessible

Photography allowed

Entrance fees

081491 97102

Open now from 3:00 PM - 6:00 PM

D. H. Dhunjibhoy Road Between Lane Number 2 and 3, Koregaon Park Road, Koregaon Park

This is a place frequented by the disciples of Osho and followers of his teaching. Situated in a lush green landscape, people visit this place for peace of mind, meditation, yoga and various other techniques used for cleansing the body and soul.

CREATE

Choose your preferences and create your own journeys across the city

QR Code available

Wheelchair accessible

Photography allowed

Entrance fees

081491 97102

Open now from 3:00 PM - 6:00 PM

CREATE

Choose your preferences and create your own journeys across the city PLAN YOUR JOURNEY NOW

D. H. Dhunjibhoy Road Between Lane Number 2 and 3, Koregaon Park Road, Koregaon Park

Location details 1

Location details 2

PLAN YOUR JOURNEY NOW

Figure 7.5: Final set of screens

237

INTERFACE DESIGN

CHAPTER 07

CREATING A NEW JOURNEY Once the user taps the floating action button on the home screen, he is redirected to the below screen. This screen contains input fields that would be used by the system in generating a personalized itinerary for the user. All the fields are mandatory for the system to propose an appropriate output. Calendar and clock are provided to make it easier for the user to input data.

12:30

12:30

SKIP

NEW JOURNEY

NEW JOURNEY Starting point

Starting point

Pune Municipal Corporation

Pune Municipal Corporation

Journey Date and Duration

Journey Date and Duration

20 June 2016

20 June 2016 Today 11:00 AM - 03:00 PM Tomorrow

11:00 AM - 03:00 PM

Pick a preferences date...

Select your

Select your preferences

Top Attractions

Food

History

Spiritual

Nature

Top Attractions

Food

History

Spiritual

Nature

Art & Culture

Education

Health

Shopping

Adventure & Outdoor

Art & Culture

Education

Health

Shopping

Adventure & Outdoor

Select preferred modes of transport

Select preferred modes of transport

CREATE

Include places from wishlist

Include places from wishlist

Choose your preferences and create your own journeys across the city PLAN NOW

PLAN NOW

New Journey

Date Options

Figure 7.5: Final set of screens

238

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

NEW JOURNEY

NEW JOURNEY

Starting point

Starting point

2016 Pune Municipal Corporation

11 : 00

Mon, June 20 Journey Date and Duration

AM Date PM Journey and Duration

20 June 2016

20 June 2016

June 2016

11:00 AM - 03:00 PM S

M

T

W

Select your preferences

5

6

Top Attractions

12

13

7 Food

14

T

1

2

8

9

History

15

F 3 10 Spiritual

16

03 : 30

Pune Municipal Corporation

17

11:00 AM - 03:0012 PM 11

S

AM

PM

1

Select your preferences

10

4 11

9

Top Attractions

Nature

2

Food

History

Spiritual

Education

Health

Shopping

4

8 19Art & 20 Education 21 Culture

22 24 Health 23 Shopping

25 Adventure & Outdoor

Art & Culture

26 27 28 29 30 Select preferred modes of transport

Include places from wishlist CANCEL

3 Nature

18

7

6

5

Adventure & Outdoor

Select preferred modes of transport

Include places from wishlist CANCEL

OK

OK

PLAN NOW

PLAN NOW

Calendar - Date Selection

Clock - Duration Selection

Figure 7.5: Final set of screens

239

INTERFACE DESIGN

CHAPTER 07

PROPOSED PLACES Once the user enters all the relevant data, the system generates a proposed list of itinerary based on the inputs. A brief summary of the input is displayed below the journey name.

On swiping the location to the left, user is provided with options to delete, replace and view information about the place. The input data can also be edited after which a new itinerary will be generated.

12:30

12:30

SKIP

SKIP

PROPOSED PLACES

PROPOSED PLACES

JOURNEY NAME Food 20 June 2016

PUNE MUNICIPAL CO...

Starting point

11:15 AM

JOURNEY NAME

History Spiritual | 11:00 AM - 03:00 PM

SHANIWARWADA Know the Peshwa’s

Food 20 June 2016

PUNE MUNICIPAL CO...

11:00 AM

11:15 AM

Starting point

11:15 SHANIWARWADA SHANIWARWADA SHANIWARWADA AM Know thePeshwa’s Peshwa’s Know the

11:00 AM

11:15 11:15AM AM

DAGDUSHETH GANPATI

DAGDUSHETH GANPATI

HOTEL SANKALP

HOTEL SANKALP

Seek divine blessings

12:00 PM

CREATE

12:45 PM

Explore the antiques

01:45 PM

Satisfy your appetite

Seek divine blessings

12:00 PM

CREATE

12:45 PM

Explore the antiques

01:45 PM

Satisfy your appetite

Choose your preferences and create your own journeys across the city KELKAR MUSEUM

Choose your preferences and create your own journeys across the city KELKAR MUSEUM

DONE

DONE

Proposed Places

Location Options

Figure 7.5: Final set of screens

240

History Spiritual | 11:00 AM - 03:00 PM

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

PROPOSED PLACES

PROPOSED PLACES

HISTORICAL TOUR Food 20 June 2016

HISTORICAL TOUR

EDIT HISTORICAL TOUR Food History Spiritual

History Spiritual | 11:00 AM - 03:00 PM

20 June 2016

|

x

11:00 AM - 03:00 PM

Journey Date and Duration

PUNE MUNICIPAL CO...

Starting point

20 JunePUNE 2016MUNICIPAL CO...

11:00 AM

Starting pointPM 11:00 AM - 03:00

11:00 AM

Select your preferences

LAL MAHAL

Learn about the Bhosale’s

SHANIWARWADA

11:15 AM

Know the Peshwa’s Top Attractions

DAGDUSHETH GANPATI Seek divine blessings

Food

History

11:15 AM

Spiritual

Nature

DAGDUSHETH GANPATI

12:00 PM

Art & Culture

Adventure Seek divine Health blessingsShopping 12:00 PM Education & Outdoor

Add new location

HOTEL SANKALP Satisfy your appetite

KELKAR MUSEUM Explore the antiques

Location has been replaced

HOTEL SANKALP

12:45 PM

Satisfy your appetite RESET

12:45 PM APPLY

KELKAR MUSEUM

01:45 PM

UNDO

Explore the antiques

DONE

DONE

Undo Option

Edit Option

01:45 PM

Figure 7.5: Final set of screens

241

INTERFACE DESIGN

CHAPTER 07

SAVING THE JOURNEY Once all the modifications are made, the user can save the journey. In consistent with the other screens, the button is placed at the bottom of the screen. Once the user taps on it, the system saves his journey under the ‘My Journeys’ tab on the home screen. This tab contains a list of all user saved journeys; sorted in the order of ongoing, scheduled and completed. Before the scheduled time, the user gets a pop up alert to begin the journey. The user can choose to either start the journey as per the scheduled times or defer it to a later time.

12:30

12:30

SKIP

SKIP

PROPOSED PLACES

PROPOSED PLACES

HISTORICAL TOUR

Food 20 June 2016

HISTORICAL TOUR Food 20 June 2016

History Spiritual | 11:00 AM - 03:00 PM

History Spiritual | 11:00 AM - 03:00 PM

PUNE MUNICIPAL CO...

Starting point

PUNE MUNICIPAL CO...

Starting point

11:00 AM

SHANIWARWADA Know the Peshwa’s

SHANIWARWADA Know the Peshwa’s

11:00 AM

11:15 AM

11:15 AM

DAGDUSHETH GANPATI Seek divine blessings

12:00 PM

DAGDUSHETH GANPATI Seek divine blessings

12:00 PM

HOTEL SANKALP Satisfy your appetite

HOTEL SANKALP

CREATE

12:45 PM

Explore the antiques

01:45 PM

Satisfy your appetite

12:45 PM

CREATE

KELKAR MUSEUM the antiques and create 01:45 PM ChooseExplore your preferences your own journeys across the city

Choose your preferences and create your own journeys across the city KELKAR MUSEUM

DONE

DONE

Final list of Proposed Places 1

Final list of Proposed Places 2

Figure 7.5: Final set of screens

242

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

SKIP

SKIP

MY JOURNEYS

EXPLORE Search by journey name

MY JOURNEYS

EXPLORE

Show all

Search by journey name

Show all

Begin Journey?

Your journey ‘Historical Tour’ is scheduled to begin in 5 minutes.

HISTORICAL TOUR Do you wish to start this journey?

HISTORICAL TOUR

20 June 2016, 11:00 AM - 03:00 PM

20 June 2016, 11:00 AM - 03:00 PM

DEFER

START

WINE & DINE

WINE & DINE

CREATE

CREATE

11 June 2016, 07:00 PM - 11:00 PM

11 June 2016, 07:00 PM - 11:00 PM

Choose your preferences and create your own journeys across the city

Choose your preferences and create your own journeys across the city

Location details 1

Location details 2

Figure 7.5: Final set of screens

243

INTERFACE DESIGN

CHAPTER 07

EXPERIENCING THE JOURNEY Once the journey begins, the itinerary appears on the screen. The itinerary can be viewed in the list form as well as under the map view. A few secondary features provided by the application are included in the overflow. These features also include audio settings. With this option, the user can listen to the entire journey without having to look at the screen. These features enhance the experience of the user during his journey. With a left swipe, the user can view options associated to the locations. He can set a location based reminder, search for nearby places and read more information on the location.

12:30

12:30

SKIP

HISTORICAL TOUR LIST

HISTORICAL TOUR

MAP

11:00

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

AM

Starting point

Know the Peshwa’s

11:15 12:00 AM

DAGDUSHETH GANPATI

12:45

HOTEL SANKALP

01:45

KELKAR MUSEUM

PM

PM

PM

MAP

LIST

Seek divine blessings

Satisfy your appetite

Explore the antiques

CREATE

Choose your preferences and create your own journeys across the city DONE

DONE

Journey details - List view

Journey details - Map view

Figure 7.5: Final set of screens

244

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

HISTORICAL TOUR

HISTORICAL TOUR

Camera

LIST

11:00 AM

LIST

MAP

QR Code Scanner

PUNE MUNICIPAL LanguageCORPORATION Translator

11:00

Starting point

AM

MAP

PUNE MUNICIPAL CORPORATION Starting point

Currency Translator

11:15 AM

SHANIWARWADA Know the Peshwa’s

Settings

11:15 12:00 AM

DAGDUSHETH GANPATI

12:45

HOTEL SANKALP

01:45

KELKAR MUSEUM

PM

PM

PM

Shaniwarwada

Seek divine blessings

11:15 12:00 AM

DAGDUSHETH GANPATI

12:45

HOTEL SANKALP

01:45

KELKAR MUSEUM

PM

Satisfy your appetite

PM

Explore the antiques

PM

Seek divine blessings

Satisfy your appetite

Explore the antiques

DONE

DONE

Additional Features

Location Options

Figure 7.5: Final set of screens

245

INTERFACE DESIGN

CHAPTER 07

EXPERIENCING THE JOURNEY The progress of the journey is indicated by disabling the locations already visited and highlighting the next destination using a thumbnail image. As can be seen, the layout of this screen is kept minimal and crisp. It was important to ensure the focus of the user is on the journey and not in understanding the components of the screen. Once the user reaches the location, pop-ups appear giving information about the location. A series of tit-bits are provided in the form of a carousel.

12:30

12:30

SKIP

HISTORICAL TOUR LIST

SKIP

NEARBY PLACES

MAP

PUNE MUNICIPAL CORPORATION

11:00

Starting point

AM

Shaniwarwada Set Reminder

Gulzar Restaurant

Title

11:15 Note DAGDUSHETH GANPATI 12:00 AM Seek divine blessings

Mausam Restaurant & Bar

PM

Today at 11:15 AM

12:45 PM

01:45 PM

HOTEL SANKALP Satisfy your appetite

CANCEL

Shaniwarwada Fort

SAVE

2000 A.D. Shri Krishna Restaurant

KELKAR MUSEUM Explore the antiques

Raj Veg Restaurant

CREATE

CREATE

Choose your preferences and create your own journeys across the city

Choose your preferences and create your own journeys across the city

DONE

Location Reminder

Nearby Places

Figure 7.5: Final set of screens

246

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

HISTORICAL TOUR

HISTORICAL TOUR LIST

LIST

MAP

MAP

x 11:00 AM

11:15 PM

PUNE MUNICIPAL CORPORATION Starting point

11:00

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

SHANIWARWADA

Know the Peshwa’s

PM

Starting point

Know the Peshwa’s

SHANIWARWADA 12:00

Seek divine blessings

12:45

Satisfy your appetite

PM

PM

DAGDUSHETH GANPATI Seek divine blessings The famous door of Shaniwar Wada is merely symbolic and never used!

DAGDUSHETH GANPATI

12:00 PM

North facing, this gate was against the

HOTEL SANKALP

OSHO TEERTH PARK Nature

01:45 PM

1.5 kms

KELKAR MUSEUM

HOTEL SANKALP Vaastu Shastra norm of east-west. But, 12:45 Satisfy your appetite PM

Peshwa’s ambition to conquer North India is reflected in this fortified design.

01:45

Explore the antiques

PM

OSHO TEERTH PAR Nature

KELKAR MUSEUM Explore the antiques

DONE

DONE

Journey Progress

Location Notification

Figure 7.5: Final set of screens

247

INTERFACE DESIGN

CHAPTER 07

LOCATION BASED ALERTS The system recognizes the location from the reminders set. When the user is at the location, an alert pops up reminding him of the task. Similarly, while traveling from one location to another, if there is a landmark on the way which falls under the corridors selected by the user, a notification appears informing the user about this location. If the user decides to add this location to his existing journey, the system makes the relevant changes to the itinerary.

12:30

12:30

SKIP

SKIP

HISTORICAL TOUR LIST

11:00 AM

BOOK SHOPS

MAP

PUNE MUNICIPAL CORPORATION Starting point

SHANIWARWADA 11:15Reminder!

Know the Peshwa’s PM

Buy a book explaining the history of Shaniwarwada DAGDUSHETH GANPATI

12:00 PM

Seek divine blessings

DISMISS

FIND SHOP

12:45

HOTEL SANKALP

01:45

KELKAR MUSEUM

PM

Patil Book Depot

Shaniwarwada Fort Balwadkar Enterprises

Satisfy your appetite

Jaipal

PM

Explore the antiques

CREATE

CREATE

Choose your preferences and create your own journeys across the city

Choose your preferences and create your own journeys across the city

DONE

Location based Reminder Alert

Figure 7.5: Final set of screens

248

Alert Options

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

SKIP

SKIP

HISTORICAL TOUR LIST

HISTORICAL TOUR LIST

MAP

11:00

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

AM

Starting point

The oldest outlet of Kaka Halwai Sweet Center, started by Dagdusheth Halwai, is on your route.

SHANIWARWADA

11:55

DAGDUSHETH GANPATI

Know the Peshwa’s

Seek divine blessings

12:40

HOTEL SANKALP 12:45 Known for: Farsans and Mithai Satisfy your appetite PM

DISMISS VISIT KELKAR MUSEUM Explore the antiques

CREATE

KAKA HALWAI

PM

Relish the desi desserts

12:55

HOTEL SANKALP

PM

Satisfy your appetite

CREATE

KELKAR MUSEUM ChooseExplore yourthe preferences and create 01:55 antiques

Choose your preferences and create your own journeys across the city DONE

11:15

Starting point

AM

AM

PM

PUNE MUNICIPAL CORPORATION

AM

KAKA HALWAI GANPATI 11:55 DAGDUSHETH Seek divine blessings

01:45

11:00 AM

Know the Peshwa’s

MAP

PM

your own journeys across the city

Location has been added

Location based Notification

UNDO

Notification Option

Figure 7.5: Final set of screens

249

INTERFACE DESIGN

CHAPTER 07

OTHER NOTIFICATIONS Towards the end of the journey, the user is notified to start a new journey as well as to share the experience of the existing one. This ensures that the engagement of the user with the application does not end with the journey. The user is also notified about city and weather alerts through push notifications. This helps the user to be aware of the happenings in the city at all times.

12:30

12:30

SKIP

HISTORICAL TOUR LIST

11:00 AM

HISTORICAL TOUR LIST

MAP

PUNE MUNICIPAL CORPORATION

11:00

Starting point

AM

Next Journey 11:15PlanSHANIWARWADA Know the Peshwa’s

01:45 PM

Starting point

AM

You are approaching the final destination of this journey. Plan DAGDUSHETH GANPATI 11:15 another journey for the rest of 12:00 AM Seek divine blessings PM the day.

PM

PUNE MUNICIPAL CORPORATION

SHANIWARWADA 11:15Share Experience Know the Peshwa’s

AM

12:45

MAP

Hope you had a wonderful

journey!

Share this experience DAGDUSHETH GANPATI 11:15 12:00 AM Seek divine blessings with friends and family.

PM

HOTEL SANKALP PLAN

12:45

KELKAR MUSEUM

01:45

DISMISS

Satisfy your appetite

PM

Explore the antiques

PM

DISMISS HOTEL SANKALP SHARE Satisfy your appetite

KELKAR MUSEUM Explore the antiques

CREATE

Choose your preferences and create your own journeys across the city DONE

DONE

Plan New Journey Notification

Share Experience Notification

Figure 7.5: Final set of screens

250

INTERFACE DESIGN

CHAPTER 07

12:45

Vodafone IN

12:45

12:45

Monday, June 20

G

Road block

12:45

Vodafone IN

Monday, June 20

G

12:30 PM

Shivaji Rd. blocked due to accident.

Get voice guided assistance

NO THANKS

Push Notification 1

12:40 PM

Let Ghoom tell you how to experience your journey. Put on your headphones, sit back and enjoy the ride.

TRY IT

Push Notification 2

Figure 7.5: Final set of screens

251

INTERFACE DESIGN

CHAPTER 07

TRANSPORT OPTIONS The system also provides transport options from one location to another. Tapping the location drops down a step-by-step guide of transport data. These options are based on the preferences selected by the user at the time of creating the journey. However, these can be modified during the journey as well. On tapping ‘View Options’, the user can either allow the system to recommend the most feasible option or select his own preferences from the list.

12:30

12:30

SKIP

SKIP

TREK DAY LIST

PUNE JUNCTION

11:55

SINHAGAD FORT

AM

LIST

MAP

10:00 AM

TREK DAY

10:00

Starting point

AM

PM

PUNE JUNCTION Starting point

10:00

Pune Station

10:30

Ghorpade Peth

10:35

Swargate

11:25

Sinhagad Village

11:55

Sinhagad Fort

AM

Enjoy trekking with nature

30 mins AM

06:00

MAP

5 mins

SWARGATE

Explore the centre of the city

AM

50 mins AM

30 mins AM

VIEW OPTIONS

CREATE

CREATE

Choose your preferences and create your own journeys across the city

Choose your preferences and create SINHAGAD FORT 11:55your own journeys across the city Enjoy trekking with nature AM

DONE

06:00 PM

During Journey 2

Explore the centre of the city

Transport Options 1

Figure 7.5: Final set of screens

252

SWARGATE

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

TREK DAY

TREK DAY

LIST

PUNE JUNCTION

10:00

Starting point

EDIT TRAVEL MODES

AM

10:00

LIST

MAP

x

PUNE JUNCTION

10:00

Starting point

EDIT TRAVEL MODES

AM

10:00

Pune Station

Ghoom recommended

AM

Pune Station 30 mins

Ghorpade Select yourPeth own

AM

10:30

Ghorpade Select yourPeth own

10:35

Private Car Swargate Public Bus

UBER

11:25

2-wheeler Sinhagad Village

Walking

11:55

Sinhagad Fort RESET

AM

5 mins

10:35

Swargate RESET

AM

5 mins

APPLY

AM

50 mins

11:25

Sinhagad Village

11:55

Sinhagad Fort

AM

50 mins

AM

30 mins AM

SINHAGAD FORT

06:00

SWARGATE

AM

PM

3-wheeler

30 mins AM

VIEW OPTIONS

11:55

x

Ghoom recommended

AM

30 mins

10:30

MAP

APPLY

VIEW OPTIONS

Enjoy trekking with nature

11:55

SINHAGAD FORT

06:00

SWARGATE

AM

Explore the centre of the city

PM

Transport Options 2

Enjoy trekking with nature

Explore the centre of the city

Transport Options 3

Figure 7.5: Final set of screens

253

INTERFACE DESIGN

CHAPTER 07

MY JOURNEYS As mentioned earlier, completed journeys are saved under the ‘My Journeys’ tab on the home screen. On tapping the journey, details about the journey are displayed. The first tab consists of ‘Glimpse’. This is a short slide show of the images clicked by the user during his journey. Another option is the notes section. Here all the notes / reminders saved by the user are displayed. Gallery consists of all the journey specific images taken. These images can be displayed in three different views. All the tabs have the option of sharing this data.

12:30

12:30

SKIP

SKIP

WINE & DINE GLIMPSE

MY JOURNEYS

EXPLORE Search by journey name

GALLERY

NOTES

Show all

HISTORICAL TOUR

20 June 2016, 11:00 AM - 03:00 PM

Relive this journey!

WINE & DINE

CREATE

CREATE

11 June 2016, 07:00 PM - 11:00 PM

Choose your preferences and create your own journeys across the city

Choose your preferences and create your own journeys across the city SHARE GLIMPSE

My Journeys Screen

Glimpse View Figure 7.5: Final set of screens

254

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

SKIP

SKIP

WINE & DINE

WINE & DINE GLIMPSE

GALLERY

NOTES

GLIMPSE

GALLERY

NOTES

Take a note...

You have no notes for this journey

CREATE

OSHO TEERTH PARK Nature

1.5 kms

OSHO TEERTH PAR

CREATE

Choose your preferences and create your own journeys across the city

Choose your preferences and create your own journeys across the city

SHARE NOTES

SHARE GALLERY

Notes Section

Gallery - Carousel View

Figure 7.5: Final set of screens

255

INTERFACE DESIGN

CHAPTER 07

MY JOURNEYS The images can be viewed in three different ways; the carousel, tile view and location view. These images can be shared through various options.

12:30

12:30

SKIP

WINE & DINE GALLERY

GLIMPSE

NOTES

HIGH SPIRITS

INDEPENDENCE BREWING COMPANY

CREATE

Choose your preferences and create your own journeys across the city SHARE GALLERY

Full Screen View

Gallery - Map View Figure 7.5: Final set of screens

256

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

WINE & DINE GLIMPSE

GALLERY

WINE & DINE NOTES

GLIMPSE

GALLERY

NOTES

Bluetooth

WhatsApp

Hangouts

Save to Drive

Gmail

Google +

Twitter

Facebook

SHARE GALLERY

Gallery - Tile View

SHARE GALLERY

Share Journey Options Figure 7.5: Final set of screens

257

INTERFACE DESIGN

CHAPTER 07

HAMBURGER MENU The hamburger menu located on the home screen provides the user with all the other features. The My Wishlist consists of all the locations selected by the user. They are sorted based on the distance from the user. The user can create a journey from this screen as well with the locations listed here.

12:30

12:45

SKIP

EXPLORE

SKIP

GHOOM

JOHN DOE

MY JOURNEYS

EXPLORE

Koregaon Park

MY JO Koregaon Park

My Wishlist

QR Code Scanner Helpline No. City Contacts

OSHO TEERTH PARK

OSHO TEERTH PARK Nature

1.5 kms

Nature

Settings

OSHO TEERTH PARK Nature

1.5 kms

About & Help OSHO TEERTH PARK Nature

1.5 kms

1.5 kms

Nature

CREATE

Logout

Choose your preferences and create Browse by location your own journeys across the city

CREATE

Choose your preferences and create your own journeys across the city

TOP ATTRACTIONS

Browse by location

Top Attractions

Home Screen

Hamburger Menu

Figure 7.5: Final set of screens

258

OSHO TEERTH PARK 1.5 kms

INTERFACE DESIGN

CHAPTER 07

Search for location name

Sort by

12:30

12:30

MY WISHLIST LIST

MY WISHLIST LIST

MAP

Search for location name

Sort by

KELKAR MUSEUM

4

FC ROAD

4

History

MARZ-O-RIN Food

MAP

7 kms

4

5 kms

Shopping

7.2 kms

EERTH PARK

ure

1.5 kms

KELKAR MUSEUM History

4

MIT UNIVERSITY

7 kms

Education

4

11.5 kms

PLAN JOURNEY

FC ROAD Shopping

4

7.2 kms

My Wishlist 1

My Wishlist 1

Figure 7.5: Final set of screens

259

INTERFACE DESIGN

CHAPTER 07

ADDITIONAL SCREENS

12:30

12:30

SKIP

SKIP

QR CODE SCANNER

WANT TO KNOW SOME INTERESTING FACTS ABOUT SHANIWARWADA? SCAN THIS QR CODE TO KNOW MORE

CITY BOOK CONTACTS SHOPS Emergency / Control Room

Traffic Police Enquiry

Fire Brigade

Ambulance Pune Heart Brigade

Pune Municipal Corporation

M. T. D. C.

Weather

CREATE

Choose your preferences and create your own journeys across the city

QR Code Scanner

City Contacts

Figure 7.5: Final set of screens

260

CREATE

Choose your preferences and create your own journeys across the city

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

SKIP

ABOUT AND HELP

BOOK SETTINGS SHOPS

Search

Account

About

NotiďŹ cations

FAQ

Data Usage

Terms and Privacy Policy Contact Us

CREATE

Choose your preferences and create your own journeys across the city

About and Help

Settings

Figure 7.5: Final set of screens

261

INTERFACE DESIGN

CHAPTER 07

ADDITIONAL SCREENS

12:30

12:30

SKIP

SKIP

HISTORICAL TOUR LIST

HISTORICAL TOUR LIST

MAP

11:00

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

AM

Starting point

Satisfy your appetite

GOT IT!

01:45 PM

SHANIWARWADA Know the Peshwa’s

PM

As one of the largest one-man collections in the world, The museum has 20,000 differentHOTEL articles,SANKALP all personally collected 12:45 Satisfy your appetite PM

by Baba Kelkar from all over the world.

OSHO TEERTH PARK Nature

1.5 kms

KELKAR MUSEUM

Top Attraction: Mastani Mahal

01:45 PM

Explore the antiques

CREATE

KELKAR MUSEUM Explore the antiques

CREATE

Choose your preferences and create your own journeys across the city

Choose your preferences and create your own journeys across the city

DONE

DONE

Location Notifications

Location Notifications

Figure 7.5: Final set of screens

262

11:15

Starting point

DAGDUSHETH KELKAR MUSEUMGANPATI 12:00 Seek divine blessings

The Maha Arti at the temple is scheduled to start in 10 minutes.

HOTEL SANKALP

PM

PUNE MUNICIPAL CORPORATION

AM

GANPATI 11:55 DAGDUSHETH Seek divine blessings AMDAGDUSHETH GANPATI

12:45

x

11:00 AM

Know the Peshwa’s

MAP

OSHO TEERTH PARK Nature

1.5 kms

INTERFACE DESIGN

CHAPTER 07

12:30

12:30

SKIP

LANGUAGE TRANSLATOR

CURRENCY TRANSLATOR

Spanish

1 USD = 66.96 INR

Enter text

US Dollar English

Translation Indian Rupee

CREATE

Choose your preferences and create your own journeys across the city TRANSLATE

CONVERT

Language Translator

Currency Translator

Figure 7.5: Final set of screens

263

TABLET AND IOS ADAPTATION

CHAPTER 07

7.1

Figure 7.7: iOS adaptation 264

TABLET AND IOS ADAPTATION

CHAPTER 07

TABLET & i-PHONE ADAPTATION Once the Android screens were finalized, few standard screens were made for Android tablet and I-phone. This helped in getting a broader perspective at designing for tablets and iOS. Only those screens which would vary from the standard Android screens were prepared for this purpose.

Since the icons were custom made, the same set of icons was used for iOS as well. Similarly the fonts used were not Android specific, hence, the same fonts were continued for the adaptation to iOS as well.

265

TABLET AND IOS ADAPTATION

CHAPTER 07

TABLET ADAPTATION

Figure 7.6: Tablet adaptation

TABLET AND IOS ADAPTATION

CHAPTER 07

iOS ADAPTATION NAVIGATION

SEGMENTED CONTROLS

12:30

GHOOM

Figure 7.7: iOS adaptation

EXPLORE

MY JOURNEYS Koregaon Park

TABLET AND IOS ADAPTATION

CHAPTER 07

ANDROID TABLET SCREENS 12:30

GHOOM EXPLORE

MY JOURNEYS Koregaon Park

OSHO TEERTH PARK Nature

1.5 kms

OSHO TEERTH PARK Nature

1.5 kms

OSHO TEERTH OSHO PARK TEERTH

PARK Nature

Nature

1.5 kms

1.5 kms

Browse by location

FOOD

Home Screen 1

HISTORY

SPIRITUAL PLACES

Figure 7.6: Tablet adaptation

268

Nature

1.5 kms

OSHO TEERTH PARK Nature

Browse by location

TOP ATTRACTIONS

OSHO TEERTH PARK 1.5 kms

TABLET AND IOS ADAPTATION OSHO TEERTH PARK Nature

1.5 kms

OSHO TEERTH PARK Nature

1.5 kms

OSHO TEERTH OSHO PARK TEERTH

PARK Nature

Nature

CHAPTER 07

OSHO TEERTH PARK Nature

1.5 kms

OSHO TEERTH PARK

1.5 kms

Nature

1.5 kms

1.5 kms

Browse by location Browse by location

12:30

TOP ATTRACTIONS EXPLORE

FOOD MY JOURNEYS

HISTORY

SPIRITUAL PLACES

NATURE

ART & CULTURE

EDUCATION

HEALTH & MEDICINE

SHOPPING

ADVENTURE & OUTDOOR

Home Screen 1 Figure 7.6: Tablet adaptation 269

TABLET AND IOS ADAPTATION

CHAPTER 07

12:30

PROPOSED PLACES JOURNEY NAME Food 20 June 2016

History Spiritual | 11:00 AM - 03:00 PM

PUNE MUNICIPAL CORPORATION Starting point

11:00 AM

SHANIWARWADA Know the Peshwa’s

11:15 AM

DAGDUSHETH GANPATI Seek divine blessings

12:00 PM

HOTEL SANKALP Satisfy your appetite

12:45 PM

KELKAR MUSEUM Explore the antiques

DONE

Proposed Places Screen Figure 7.6: Tablet adaptation

270

01:45 PM

TABLET AND IOS ADAPTATION

CHAPTER 07

12:30

12:45

GHOOM

JOHN DOE

EXPLORE

MY JOURNEYS Koregaon Park

My Wishlist

QR Code Scanner Helpline No. City Contacts

Settings About & Help OSHO TEERTH PARK Nature

1.5 kms

OSHO TEERTH PARK Nature

OSHO TEERT Nature

1.5 kms

Logout Browse by location

Top Attractions

Hamburger Menu Figure 7.6: Tablet adaptation

271

1

TABLET AND IOS ADAPTATION

CHAPTER 07

i-PHONE SCREENS 8:08 AM

EXPLORE

100%

MY JOURNEYS Koregaon Park

OSHO TEERTH PARK

Login with

OSHO TEERTH PARK Nature

1.5 kms

Nature

1.5 kms

or Browse by location

Sign Up With Email

Login Screen

Home Screen Figure 7.7: iOS adaptation

272

OSHO TEERTH PARK Nature

1.5 kms

TABLET AND IOS ADAPTATION

CHAPTER 07

8:08 AM

100%

8:08 AM

HISTORICAL TOUR LIST

HISTORICAL TOUR

MAP

LIST

11:00

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

AM

Starting point

DAGDUSHETH GANPATI

12:45

HOTEL SANKALP

01:45

KELKAR MUSEUM

PM

PM

PM

x

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

Starting point

Know the Peshwa’s

DAGDUSHETH GANPATI 11:15 SHANIWARWADA 12:00 AM Seek divine blessings

Seek divine blessings

PM

The famous door of Shaniwar Wada is merely symbolic and never used!

HOTEL SANKALP

12:45

Satisfy your appetite

Explore the antiques

MAP

11:00 AM

Know the Peshwa’s

11:15 12:00 AM

100%

Satisfythis yourgate appetite North facing, was against the Vaastu Shastra norm of east-west. But, Peshwa’s ambition to conquer North India is reflected in this fortified design.

KELKAR MUSEUM

PM

OSHO TEERTH PARK Nature

1.5 kms

01:45

DONE

PM

OSHO TEERTH PAR Nature

Explore the antiques

DONE

Journey Screen

Location Notification Figure 7.7: iOS adaptation

273

1.5 kms

PROMOTIONAL WEBSITE

CHAPTER 07

PROMOTIONAL WEBSITE As discussed in the earlier chapter, this application will be primarily used while moving around the city. Hence a full fledged website was not essential at this stage.

However, it was decided to create a promotional website highlighting the features and functionalities of this application.

The main sections of this website included: Landing Page About Ghoom Features Statistics and Testimonials Connect with us It was conscious decision to keep the website simple and minimal. However, in accordance with the current trend, a subtle parallax effect was given to the website.

The animation can be viewed at the following link: https://vimeo.com/179320286

274

PROMOTIONAL WEBSITE

CHAPTER 07

Figure 7.8: Promotional website

PROMOTIONAL WEBSITE

CHAPTER 07

HOME

ABOUT

FEATURES

TESTIMONIALS

CONNECT WITH US

EXPLORE PUNE THE SMART WAY.

Your companion to help you navigate through the city in a smarter way ANDROID APP

IPHONE APP

HOME

ABOUT

FEATURES

TESTIMONIALS

CONNECT WITH US

EXPERIENCE UNFORGETTABLE JOURNEYS. Ghoom is a smart mobile application, your travel companion in the city of Pune. This application will enable you to explore and navigate through and around the city in a ‘smarter’ way.

Explore various places in and around Pune Create personalized journeys as per your preferences Experience real-time information about the place Share your experience with friends!

Figure 7.8: Promotional website 276

PROMOTIONAL WEBSITE

CHAPTER 07

HOME

ABOUT

FEATURES

TESTIMONIALS

CONNECT WITH US

Location based contextual

Ability to create itinerary in line

Ability to understand

information, recommendations and reminders across corridors

with user interests based on availability of time

significance of landmarks through QR code scan

In-built camera and journal feature with an option to share your story on social media

Audio narration of the entire journey including information of the locations

Availability of important city contacts and in-app helpline chat feature

HOME

TOTAL DOWNLOADS

109,347

ABOUT

FEATURES

TESTIMONIALS

TOTAL JOURNEYS

202,321

CONNECT WITH US

APP RATING

4.5

“I had one of the best experiences, thanks to Ghoom.

Pop-ups add value to the journey.”

JOHN DOE

SUBSCRIBE TO OUR NEWSLETTER Enter Your Email

CONNECT WITH US

ANDROID APP

Copyright

IPHONE APP

2016-Ghoom

Figure 7.8: Promotional website 277

HEURISTIC EVALUATION

CHAPTER 07

HEURISTIC EVALUATION Heuristic evaluation is a usability engineering method for finding the usability problems in a user interface design so that they can be attended to as part of an iterative design process. Heuristic evaluation involves having a small set of evaluators examine the interface and judge its compliance with recognized usability principles (the "heuristics"). They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.

A brief evaluation was carried out to ensure that the design adheres to these principles.

278

HEURISTIC EVALUATION

CHAPTER 07

1. VISIBILITY OF SYSTEM STATUS The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

Complied.

During the journey, the progress is indicated by disabling the visited locations and highlighting the next destination.

When a location is added, replaced or deleted during the ‘Proposed Places’ stage, a pop up message appears indicating that the action has been successfully executed.

The colour of the icons is changed when the user taps on it. Thus, by observing the changes in system status, the user can be sure if the desired 12:30 option is clicked correctly.

12:30

DAGDUSHETH GANPATI

LIST

HISTORICAL TOUR Seek divine blessings

MAP

LIST

12:30

11:00 AM

11:00 AM

11:15 PM

12:00 PM

SHANIWARWADA Know the Peshwa’s

MAP

HOTEL SANKALP

PUNE CORPORATION NEWMUNICIPAL JOURNEY

Starting point

11:15

12:00 PM

Satisfy your appetite

x

12:45 PM

PUNE MUNICIPAL CORPORATION Starting point

KELKAR MUSEUM Explore the antiques

SHANIWARWADA Location has been replaced Know the Peshwa’s PM

01:45 PM

UNDO

DONE SHANIWARWADA

DAGDUSHETH GANPATI Seek divine blessings

DAGDUSHETH GANPATI Seek divine blessings The famous door of Shaniwarwada is merely symbolic and never used!

12:00 PM

Select your preferences HOTEL SANKALP Satisfy your appetite

12:45

North facing, this gate was against the

PM

Top Food Attractions KELKAR

01:45 PM

Art & Culture

History OSHO Spiritual TEERTH Nature PARK MUSEUM

Explore the antiques

Nature

1.5 kms

HOTEL SANKALP Vaastu Shastra norm of east-west. But, 12:45 Satisfy your appetite PM

Peshwa’s ambition to conquer North India is reflected in this fortified design.

01:45 PM

Education

Health

Shopping

OSHO TEERTH PA Nature

KELKAR MUSEUM Explore the antiques

Adventure & Outdoor

DONE

Figure 7.9: Heuristic evaluation

DONE

279

1.5 kms

HEURISTIC EVALUATION

CHAPTER 07

2. MATCH BETWEEN SYSTEM AND THE REAL WORLD The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

Complied.

The user interface language used for this application is familiar to the user and does not contain any system-oriented words. This avoids slow-learning and frustration on part of the user.

The use of icons indicated the meaning it stands for. Thus, the user can link its software interactions with the actions in the real world. For example, trash is used as a symbol for deletion of location.

The input data for creating a new journey has been placed in a logical order followed by the ‘Plan Now’ button. Hence, the user can input the fields from top to bottom before submitting the data. This corresponds to a simple, natural and logical order.

12:30

12:30

PROPOSED PLACES

NEW JOURNEY

JOURNEY NAME Food 20 June 2016

Starting point

History Spiritual | 11:00 AM - 03:00 PM

Pune Municipal Corporation Journey Date and Duration

PUNE MUNICIPAL CO...

Starting point

11:15

20 June 2016 11:00 AM

11:00 AM - 03:00 PM Select your preferences

SHANIWARWADA SHANIWARWADA SHANIWARWADA AM Know thePeshwa’s Peshwa’s Know the

11:15 11:15AM AM Top Attractions

Food

History

Spiritual

Nature

Art & Culture

Education

Health

Shopping

Adventure & Outdoor

DAGDUSHETH GANPATI Seek divine blessings

12:00 PM

Select preferred modes of transport

HOTEL SANKALP Satisfy your appetite

KELKAR MUSEUM Explore the antiques

12:45 PM

01:45 PM

DONE

Figure 7.9: Heuristic evaluation

280

Include places from wishlist

PLAN NOW

HEURISTIC EVALUATION

CHAPTER 07

3. USER CONTROL AND FREEDOM Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

Complied.

Location notifications which appear in the form of pop-ups are supported by an exit sign at the top right corner. The user can exit his current state by tapping on the button which closes the carousel of information.

When a location is added, replaced or deleted during the ‘Proposed Places’ stage, a pop up message appears indicating that completion of action and option to undo it.

12:30

12:30

HISTORICAL TOUR LIST

PROPOSED PLACES

HISTORICAL TOUR

MAP

x 11:00

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

Food 20 June 2016

History Spiritual | 11:00 AM - 03:00 PM

Starting point

PUNE MUNICIPAL CO...

PM

Starting point

SHANIWARWADA

SHANIWARWADA Know the Peshwa’s

DAGDUSHETH GANPATI Seek divine blessings PMThe famous door of Shaniwarwada is merely symbolic and never used!

12:00

North facing, this gate was against the

OSHO TEERTH PARK Nature

1.5 kms

HOTEL SANKALP Vaastu Shastra norm of east-west. But, 12:45 Satisfy your appetite PM

Peshwa’s ambition to conquer North India is reflected in this fortified design.

01:45 PM

11:00 AM

Know the Peshwa’s

DAGDUSHETH GANPATI

OSHO TEERTH PARK Nature

Seek divine blessings

12:00 PM

1.5 kms

KELKAR MUSEUM

HOTEL SANKALP

Explore the antiques

Satisfy your appetite

KELKAR MUSEUM DONE

11:15 AM

Explore the antiques

Location has been replaced

12:45 PM

01:45 PM

UNDO

DONE

Figure 7.9: Heuristic evaluation

281

HEURISTIC EVALUATION

CHAPTER 07

4. CONSISTENCY AND STANDARDS Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

Complied.

The content and the treatment of the same is standard and does not vary drastically from other mobile applications.

One primary example is having the ‘Cancel’ button followed by ‘OK’ button.

The positions of all the primary call to actions is at the bottom of the screen which is consistent across all screens.

Also, the use of Google Material Design Guidelines ensures the adherence to this rule.

12:30

HISTORICAL TOUR LIST

11:00 AM

MAP

PUNE MUNICIPAL CORPORATION

Starting point

SHANIWARWADA 11:15Share Experience Know the Peshwa’s AM

Hope you had a wonderful

journey!

Share this experience DAGDUSHETH GANPATI 11:15 12:00 AM Seek divine blessings with friends and family.

PM

12:45 PM

01:45 PM

DISMISS HOTEL SANKALP SHARE Satisfy your appetite

KELKAR MUSEUM Explore the antiques

DONE

Figure 7.9: Heuristic evaluation

282

HEURISTIC EVALUATION

CHAPTER 07

5. ERROR PREVENTION Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

Complied.

While selecting the journey date, the system provides the user with a calendar to make the selection. In this calendar, the dates before the current date are disabled. This ensures that the user does not make and error by selecting a past date.

While searching for locations, the system auto-displays search results according to the input by the user. This avoids spelling mistakes and errors regarding upper and lower case.

12:30

NEW JOURNEY Starting point

2016 Pune Municipal Corporation

Mon, June 20 Journey Date and Duration

20 June 2016

June 2016

11:00 AM - 03:00 PM S

M

T

Select your preferences

5

6

Top Attractions

12

13

7 Food

14

19Art & 20 Education 21 Culture

W

T

F

S

1

2

3

4

8

9

History

15

10 Spiritual

16

17

22 24 Health 23 Shopping

11 Nature

18 25 Adventure & Outdoor

26 27 28 29 30 Select preferred modes of transport

Include places from wishlist CANCEL

OK

PLAN NOW

Figure 7.9: Heuristic evaluation

283

HEURISTIC EVALUATION

CHAPTER 07

6. RECOGNITION RATHER THAN RECALL Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

Complied.

The icons used throughout the application are easy recognizable and users can quickly relate the specific information or action associated with them.

While entering the date and duration of the journey, the system provides the user with a calendar and clock. By doing this, the system provides the format for the input through a visual cue so that the user is able to recognize and fill the data accurately.

11 : 00 AM

03 : 30 AM

PM

11

12

PM

1

10

2

9

3 4

8 7

CANCEL

6

5

OK

Figure 7.9: Heuristic evaluation

284

HEURISTIC EVALUATION

CHAPTER 07

7. FLEXIBILITY AND EFFICIENCY OF USE Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

Complied.

The user may not always the remember the location he views and likes. Hence an option to mark the location as a wishlist has been provided. All the locations marked by tapping on the heart icon are compiled under the my wishlist category.

Also, the system recognizes the location of the user. Based on this all the information around him is provided. The list of locations is also sorted based on distance from the user. As a result, the prompts the user to visit nearby places quickly.

12:30

12:30

MY WISHLIST LIST Search for location name

MARZ-O-RIN Food

EXPLORE

MAP

MY JOURNEYS Koregaon Park

Sort by

4

5 kms

OSHO TEERTH PARK

KELKAR MUSEUM History

Nature

1.5 kms

OSHO TEERTH PARK Nature

4

OSHO TEERTH PARK Nature

1.5 kms

7 kms

Browse by location

FC ROAD Shopping

4

7.2 kms

TOP ATTRACTIONS

Figure 7.9: Heuristic evaluation

285

1.5 kms

HEURISTIC EVALUATION

CHAPTER 07

8. AESTHETIC AND MINIMALIST DESIGN Dialogues should not contain information which is irrelevant or rarely needed.

Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

Complied.

With respect to design, it is intuitive and appealing. The minimalist design helps the user to focus on the primary subject without being distracted.

The heuristic says that the applications should look simple, appealing, bold, powerful and at the same time the elements of the design, and the function should work together in such a way that the user does not get distracted from the actual message. This is complied by the application.

12:30

HISTORICAL TOUR LIST

MAP

11:00

PUNE MUNICIPAL CORPORATION

11:15

SHANIWARWADA

AM

AM

Starting point

Know the Peshwa’s

11:15 12:00 AM

DAGDUSHETH GANPATI

12:45

HOTEL SANKALP

01:45

KELKAR MUSEUM

PM

PM

PM

Seek divine blessings

Satisfy your appetite

Explore the antiques

DONE

Figure 7.9: Heuristic evaluation

286

HEURISTIC EVALUATION

CHAPTER 07

9. HELP USERS RECOGNIZE, DIAGNOSE, AND RECOVER FROM ERRORS Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

The application has a structured system and currently does the need of an error message was not observed.

10. HELP AND DOCUMENTATION Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

Complied The Language and the content used through out the application are self explanatory and user friendly. The content and the navigation is simple and easy to understand.

A help option is provided in the hamburger menu if the user has any specific concerns regarding technical support, etc.

12:30

ABOUT AND HELP Search

About FAQ Terms and Privacy Policy Contact Us

Figure 7.9: Heuristic evaluation

287

Figure 7.10: Mock ups

Figure 7.10: Mock ups

Conclusion Retrospection References

CONCLUSION

CHAPTER 08

CONCLUSION As I wrap up my graduation project today, I have come to realize that it is the last task I have taken up within a secure environment. When I begin my career as a graphic designer henceforth, there would be actual assignments with overbearing clients and significantly higher expectations. However, what reassures me is the training that MIT and this project have given me to face those expectations and circumstances.

While working through this project, I learnt first and foremost, how to manage client expectations i.e. developing a product exactly as the client wants it. Although I did not have any client per say, my mentor played the role of my client. Steve Jobs once said, “Customers don’t know what they want (until you show it to them).” There cannot be a truer statement to explain a designer’s predicament. Another important learning I received from my mentor was the importance of feedback. Constant feedbacks and improving the design based on suggestions has improved my overall understanding and patience. This project taught me how to accommodate client requests but at the same time, add my own unique touch that provides the project with my stamp of creativity and identity.

The second most important learning was skill development and application. While my specialization is visual design, I realized that was not enough to meet the project requirements. I was not only expected to but also supposed to work with and excel at experience design. I understood that while a specialization helps create a niche for yourself in the markets, it is essential to have a thorough understanding of alternative skills as well. As a designer, you are responsible for the entire project design and not a particular aspect of it.

Last but not the least, I learnt time management. It is essential to present a flawless job.

As a perfectionist, I tended to focus on the minor and smaller details of the design instead of zooming out and looking at the bigger picture. Rather than looking at the project as a whole, I considered the individual task goals. However, given the time constraints, reasonable judgment needs to be exercised as to how much additional time needs to be devoted to a minimally value adding activity. I learnt the time-efficiency balance through this project.

To conclude, these six months have been an amazing learning experience. I would like to thank my industry mentors Mr. Pramod Rsiwadkar, Mr. Bippin Daftardar and Mr. Rajesh Gode for constantly guiding me and encouraging me to keep doing better.

292

RETROSPECTION

CHAPTER 08

RETROSPECTION Being a designer hasn’t been easy for me. Having come from an accounting background with no knowledge of designing and no formal education in any creative arts, this journey has been a tight rope where I’ve had to tread lightly but deliberately. I entered the MIT Institute of Design to become a Graphic Designer and little did I know about the journey I had embarked upon. The program was grueling, the professors knowledgeable but firm and I had an excellent cohort to work with.

Along with graphic design, I learnt how to work well in a team, leverage the team’s strengths, manage expectations and deadlines, and perform under pressure. Multitasking became second nature to me and patience and tolerance levels soared high. However, at the end of this journey, I realize all of these are valuable qualities and skills that I would be using as a designer in the professional world.

It wasn’t easy to follow this path solely on my will and passion to become a designer by leaving my comfortable job as a CA but MIT and the faculty made it easier. I have established an excellent relationship with my professors. Having worked on a couple of live projects has improved my rapport with them. It has been an enriching experiencing and the faculty at MIT has played a substantial role in it. I am humbled by this experience and proud that I attended my alma mater, MIT Institute of Design.

293

BIBLIOGRAPHY

CHAPTER 08

REFERENCES Images 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 1.12 1.13 1.14 1.15 1.16 1.17 1.18

Accessed from Persistent intranet portal Accessed from Persistent intranet portal Accessed from Persistent intranet portal http://im.rediff.com/money/2009/apr/09sld7.jpg Accessed from Persistent intranet portal Accessed from Persistent intranet portal Accessed from Persistent intranet portal Accessed from Persistent intranet portal http://info.shine.com/media/images/821/2821/Persistent-logo-660x350_medium.jpg http://fullhdpictures.com/wp-content/uploads/2016/02/Oracle-Logos.png Accessed from Persistent employees http://nephoscale.com/wp-content/uploads/2015/02/apigee-logo.png http://betanews.com/wp-content/uploads/2022/08/Microsoft-Logo1.jpg Accessed from Persistent employees http://logok.org/wp-content/uploads/2014/06/IBM-logo-blue.png Accessed from Persistent employees Accessed from Persistent employees Accessed from Persistent employees

3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13

http://smartcities.gov.in/SmartCitiesPPT/Smart%20City%20Logo.jpg http://www.punesite.com/wp-content/uploads/2010/01/Extra-buses-to-run-from-Monday.jpg http://72.78.249.126/SakaalTimesBeta//20150623/images/4658968286449999021/4714599476179853520_Org.jpg http://images.indianexpress.com/2014/09/parking_m.jpg http://images.indianexpress.com/2014/12/pune-traffic.jpg http://images.mid-day.com/images/2014/sep/traffic-jam.jpg http://p.imgci.com/db/PICTURES/CMS/154600/154671.jpg http://images.mid-day.com/images/2014/oct/Hinjewadi-IT-Park-traffic.jpg http://images.indianexpress.com/2015/06/brts-759.jpg http://72.78.249.126/SakaalTimesBeta/20130310/images/5643788840850912293/4960671681977579819_Org.jpg https://perspectiveinfocus.files.wordpress.com/2012/11/rapid-rickshaw.jpg http://www.thehindu.com/multimedia/dynamic/01405/THSHK_PTI3_21_2013_1405949f.jpg http://s1.reutersmedia.net/resources/r/?m=02&d=20120306&t=2&i=579039416&w=644&fh=&fw=&ll=&pl=&sq= &r=CDEE8250PH100 http://static.dnaindia.com/sites/default/files/2014/07/05/248065-water-tanker.jpg http://ste.india.com/sites/default/files/styles/zm_700x400/public/2016/04/06/476364-ipl-chinnaswami-stad-700.jpg?it ok=Xyl5PAYp http://timesofindia.indiatimes.com/photo/47403910.cms http://timesofindia.indiatimes.com/photo/51686052.cms http://images.indianexpress.com/2016/04/pune-water-7591.jpg http://media2.intoday.in/btmt/images/stories/chennaiwatercrisis_505_022414041652.jpg http://3.bp.blogspot.com/-sGlFeg8y6wg/VPBVUb3Ds1I/AAAAAAAAAqY/1GSg8HDXOmM/s1600/Shaniwar%2BW ada%2Bentry%2Bgate.jpg http://static2.tripoto.com/media/filter/m/img/15546/TripDocument/1439291636_1437818520_best_place_footwear _mumbai.jpg http://www.tcabs.in/uploads/2012/03/rajakelkar_museum_137.jpg https://upload.wikimedia.org/wikipedia/commons/c/cd/Pune_Palace.jpg http://im.hunt.in/cg/pune/City-Guide/Parks%20image.JPG

3.14 3.15 3.16 3.17 3.18 3.19 3.20 3.21 3.22 3.23 3.24

BIBLIOGRAPHY

3.25 3.26 3.27 3.28 3.29 3.30 3.31 3.32 3.33 3.34 3.35 3.36 3.37 3.38 3.39 3.40 3.41 3.42 3.43 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 4.10 4.11 4.12 4.13 4.14 4.15 4.16 4.17 4.18 4.19 4.20 4.21 4.22 4.23 4.24 4.25

CHAPTER 08

http://www.ganpati.tv/im/articles/dagdusheth_ganpati.jpg https://i.ytimg.com/vi/nKTACnN0IcA/maxresdefault.jpg https://farm5.staticflickr.com/4116/4896995389_42a529bd80_b.jpg http://www.maharashtrianrestaurants.com/wp-content/uploads/2014/09/Bedekar-Misal-Pune-Maharashtrian-Resta urants1.jpg http://im.hunt.in/cg/pune/City-Guide/poona-hospital.jpg http://images.indianexpress.com/2015/03/medicines-l.jpg http://i1.tribune.com.pk/wp-content/uploads/2015/11/987858-indianman-1447052601-967-640x480.gif http://dingo.care2.com/pictures/c2c/share/34/347/785/3478576_370.jpg http://gdb.voanews.com/5D254027-C911-44C5-99C3-66529FE62C23_cx0_cy2_cw0_mw1024_s_n_r1.jpg http://www.kampuzz.com/images/college_images/KP55594518cc674.PNG http://medical.dpu.edu.in/images/Medical-College.jpg http://janwani.org/site/wp-content/uploads/2012/10/DSCN2966.jpg https://upload.wikimedia.org/wikipedia/en/0/0a/Recycling-bin.JPG http://apartmentadda.com/blog/wp-content/uploads/2015/01/dry-and-wet-waste-bins.jpg http://www.topnews.in/files/wastemate.gif http://cdn0.wn.com/o25/ph/img/30/5f/afb17e3edddbfbef0cfc071efce7-grande.jpg http://www.livemint.com/rf/Image-621x414/LiveMint/Period1/2012/10/08/Photos/_ABH0104a--621x414.JPG http://images.indianexpress.com/2015/01/garbagel.jpg http://www.leadselfleadothers.com/wp-content/uploads/2015/07/Focus1.jpg http://www.seebtm.com/wp-content/uploads/NPP1213-copy.jpg http://m.segcn.com/upfiles/image/2015/01/22/201501221528128545.jpg http://i.dailymail.co.uk/i/pix/2009/04/07/article-1168198-0455AECC000005DC-356_468x286.jpg https://s3.amazonaws.com/nomadier-images/banner3.jpg http://www.anshumm.com/wp-content/uploads/galleries/post-403/full/_DSC2364.JPG http://www.btsstourism.com/images/attractions/3.jpg http://duanetravel.com.br/wp-content/uploads/2015/08/548x220-FPH-holidays-03072014.jpg http://top10wala.in/wp-content/uploads/2015/09/Agneepath-Ganesh-Idol-Deva-Shree-Ganesha-compressed.jpg http://3.bp.blogspot.com/-KriYeFqeJDQ/VYvW9kJsfZI/AAAAAAAAxFI/vR4nae5fqoc/s1600/shopping-in-malaysia.jpg http://l4.yimg.com/uu/api/res/1.2/F8KB77S9N2rsLjeoog8yFg--/aD02ODI7dz0xMDI0O3NtPTE7YXBwaWQ9eXRh Y2h5b24-/http://media.zenfs.com/en_us/News/afp.com/Part-NIC-Nic6474816-1-1-0.jpg https://lifeinsurancequickly.files.wordpress.com/2012/09/fall-family-img.jpg http://nguoidep24h.com/ckfinder/userfiles/images/3(70).jpg http://spivaklawfirm.com/wp-content/uploads/200488043-0012.jpg https://pixabay.com/p-1226612/?no_redirect http://www.momentaryawe.com/blog/wp-content/uploads/2011/04/the_juice_man.jpg https://monitor-cdn5.icef.com/wp-content/uploads/2013/12/indian-students.jpg http://spivaklawfirm.com/wp-content/uploads/200488043-0012.jpg http://www.sogoodlanguages.com/english/wp-content/uploads/sites/2/2015/07/Meeting.jpg http://www.myanmarcyclingtours.com/wp-content/uploads/2013/02/hop-bike-explore-mekong-delta-20-may-11.jpg http://propalliance.com/wp-content/uploads/2016-01-Man-hiking-with-a-backpack-.jpg http://foodal.com/wp-content/uploads/2014/10/Cooking-With-Your-Spouse.jpg http://fathers.com/wp39/wp-content/uploads/2015/04/dad-preschool-daughter-tea-party.jpg http://officialrtv.com/wp-content/uploads/2014/02/backbeat_fit_male_running_outdoors_screen_rgb_20DEC13.jpg https://monitor-cdn5.icef.com/wp-content/uploads/2013/12/indian-students.jpg https://letstalkbysunitabose.files.wordpress.com/2015/05/student-with-parents.jpg

BIBLIOGRAPHY

REFERENCES 4.26 4.27 4.28 4.29 4.30 4.31 4.32 4.33 4.34 4.35 4.36 4.37 4.38 4.39 4.40 4.41 4.42 4.43 4.44 4.45 4.46 4.47 4.48 4.49 4.50 4.51 4.52 4.53 4.54 4.55 4.56 4.57 4.58 4.59 4.60 4.61 4.62 4.63 4.64 4.65 4.66 4.67 4.68 4.69

CHAPTER 08

http://myaperturelabs.com/wp-content/uploads/2014/12/Young-IndianAsian-student.jpg http://media.indiatimes.in/media/videocafe/2014/Jul/girl_asks_for_condom_india_1405150533.png http://lindsayrgwatt.com/blog/wp-content/uploads/2010/09/IMG_5501.jpg http://www.cardloanhikakunavi.com/wp-content/uploads/2015/11/DTLA-NISSAN-4-1.jpg http://media1.santabanta.com/full1/Birds/Peacocks/peacocks-5a.jpg http://thevoiceofnation.com/wp-content/uploads/2015/02/team_india_2011_world_cup-HD.jpg https://gateway.tajhotels.com/content/dam/thrp/destinations/Varanasi/16x7intro/Varanasi-Intro-Final-16x7.jpg http://www.photoburst.net/photo_section/photos/marked1200/holi-festival-radharani-temple-krishna-barsana-indianikon-d7100-nikkor-18-140mm-prabuddha-ray.jpg http://www.photoburst.net/photo_section/photos/marked1200/barsana-uttar-pradesh-india-holi-canon-eos-5d-ef24-1 05mm-is-usm-soumya-bandyopadhyay.jpg http://pictures.4ever.eu/buildings/historical/taj-mahal-194619 http://s3.india.com/wp-content/uploads/2015/05/alphonso-mangoes-01123.jpg https://www.bonanzaonline.com/images/inner-ban/research.jpg https://upload.wikimedia.org/wikipedia/en/6/64/Zomato_logo_(white-on-red).png http://thatmarketingguy.co.uk/wp-content/uploads/2015/09/airbnb.png http://i.huffpost.com/gen/1197824/images/o-BRAVE-NEW-WORLD-facebook.jpg https://lh3.ggpht.com/HlefFaVW39Vbv1q5pm1bOxX7FcOuZDWv0TH1reLUFxhXTi-Eah0CEJvS5Mv3DYRv8m k=w300 https://lh3.googleusercontent.com/xHRIk7MwkuWAeJUcGJ_erQ9sIOXJ0IiULZyV72w29qZY5B5_rhcdFm2mn9 EPWIYs3s4=w300 https://lh3.ggpht.com/DLPtPrya2kTGCalZATzUUe5tQkx4-0Hvdg071VJhuTdKD8FnANLSksxjz2BmmKiKpw=w 300 https://www.tripit.com/press/sites/all/themes/tripit/images/logos/TripIt_icon_flat.png http://www.bid4u.com.au/userfiles/images/Services/Bidding%20Services/Magnifying%20glass%20&% 20fingerprint.jpg http://karriere.novumgroup.de/wp-content/uploads/karriere-team-kreis.jpg http://www.motorcaravansonline.com/file/2016/04/backpacking.jpg https://static-ssl.businessinsider.com/image/572cbc2352bcd05b008c156c-1776-1332/businesswoman-phone-takingnotes.jpg http://2.bp.blogspot.com/-RVBs86xh9qU/T0ayM4MnLWI/AAAAAAAAAF4/RP19ToX--v4/s1600/432263_23643669 6440160_100002214934448_559135_1347494277_n.jpg http://cdn3.volusion.com/pnfod.juptr/v/vspfiles/photos/CABOCHAMSNKL-2.jpg?1467281724 http://todayslove.net/wp-content/uploads/2015/02/TRAVEL.jpg http://u.smedata.sk/blog/article/6/43/430116/430116_article_photo_cestovatelfotograf_900x.jpeg?r=05e http://media.propertycasualty360.com/propertycasualty360/article/2016/05/30/unhappy-customer-istock000075926 623small.jpg http://youqueen.com/wp-content/uploads/2012/06/Happy-woman-with-a-shopping-bags.jpg http://cdn.mamamia.com.au/wp/wp-content/uploads/2015/10/23134041/Round-the-wolf-girl-image-1-720x547.jpg http://i.huffpost.com/gen/1958104/images/o-FOTO-facebook.jpg http://img.rtve.es/imagenes/viajar-enfrenta-cerebro-novedad-variedad-desafio/1469529255014.jpg http://img-fotki.yandex.ru/get/6702/142414789.4/0_e70ad_5e2fa5a3_-1-XL.jpg http://luckyweb.in/uploads/1450859657_Indian_Female_Model_Jyoti_Sethi_Photos_(9).jpg http://images.wisegeek.com/woman-in-black-shirt-seated-at-a-white-desk-looking-at-a-computer.jpg http://il2.picdn.net/shutterstock/videos/15187861/thumb/1.jpg http://modernlensmagazine.com/wp-content/uploads/2015/02/Professional-female-photographer.jpg http://www.cdc.gov/stroke/images/healthy_living.jpg http://media2.intoday.in/indiatoday/images/stories//2015September/cover-story3+4r-4_101415111845.jpg http://cache.boston.com/universal/site_graphics/blogs/bigpicture/mumbai_12_01/m08_17201503.jpg https://wallpaperscraft.com/image/man_businessman_smile_79833_1920x1080.jpg http://www.claconnect.com/uploadedImages/Images/General/Business/Businessman-on-Phone-India.jpg https://www.strath.ac.uk/media/1newwebsite/departmentsubject/business/project-management-1600x600.jpg http://media.merchantcircle.com/39607020/Family%20Playing%20in%20Park_full.jpeg

BIBLIOGRAPHY

4.70 4.71 4.72 4.73 4.74 4.75 4.76 4.77 4.78 4.79 4.80 4.81 4.82 4.83 4.84 4.85 4.86 5.1 5.2 5.3 5.4 5.5 5.6 5.7 5.8 5.9 5.10 5.11 5.12 5.13 5.14 5.15 5.16 5.17 5.18 5.19 5.20 5.21 5.22 5.23 5.24 5.25 5.26 5.27 5.28

CHAPTER 08

http://sharetu.com/wp-content/uploads/2015/11/o-FRIENDS-DRINKING-CHAMPAGNE-facebook.jpg https://grocerystorefeet.files.wordpress.com/2012/07/man-in-rain-630.jpg http://d9jpa82qnx9c8.cloudfront.net/assets/Product/Module14/Man-playing-golf-0f18e18083b7c1cd1efa9175b7f4 e4eb.png http://unisourceinsurance.com/wp-content/uploads/2015/09/Fotolia_88471055_Subscription_Monthly_M.jpg http://cauthornnohr.com/wp-content/uploads/2015/07/Dollarphotoclub_60742258.jpg http://www.nato.int/multi/2008/080207b-mod-exhibit/photos/images/080207b-007.jpg http://cache4.asset-cache.net/gc/525444397-new-jersey-jersey-city-teenage-boy-painting-gettyimages.jpg?v=1&c=I WSAsset&k=2&d=9jSiM3ncLVySa8j8vjE2BFwNgm0VWn3sdkcAgYN3Ocb60YKs7%2BbR6eHQLbMmVs7s http://www.hca.ac.uk/HerefordCollege/media/HerefordCollege/images/courses/college/Graphic-Design-2.jpg http://67.media.tumblr.com/39534c3ae151e9db48ea9a2069458703/tumblr_nqtsxjUQEr1s3bca4o1_1280.jpg http://assets.sbnation.com/assets/3037107/Screen_Shot_2013-08-10_at_3.11.19_PM.png http://www.onewater.org/uploads/mugshots/Ramu_Suravajjula.jpg http://cache1.asset-cache.net/xd/522507661.jpg?v=1&c=IWSAsset&k=2&d=F2468F1845D6F4E8CBF6FE42321 651C05145F92974FB5D865B7E82C1482860A86DA844C55A0498E8 http://s3-ap-southeast-1.amazonaws.com/prod-ywt-s3/media/358/large/yowoto-happy-indian-parents-with-baby-daug hter.jpg?1391510410 http://www.indiaprwire.com/downloads/photo/201110/24384.jpg http://media.gettyimages.com/photos/an-indian-resident-eats-golgappas-at-a-roadside-snack-shop-in-new-on-pictureid457645022 http://www.ohmyindia.com/wp-content/uploads/2015/09/shopping-india.jpg http://tastykfo.nextmp.net/wp-content/uploads/2015/08/Indian-Street-Food-Mumbai-Street-Food-India-2015-Part-1. jpeg http://blogs-images.forbes.com/robertadams/files/2016/03/the-best-travel-websites-in-the-world-1200x800.jpg http://www.geeknaut.com/images/2010/09/Desert-Scene-wallpaper.jpg https://blog.travefy.com/wp-content/uploads/2015/03/west-coast-best-road-trip-travel-itinerary-1.jpg http://40.media.tumblr.com/363e3852b6d5781fe5790abb080608e1/tumblr_nmnvc6CLnZ1t96d7to1_500.jpg https://1.bp.blogspot.com/-_PtTV0Jy3ok/VTOAjBN2X1I/AAAAAAAABMU/zGQqNZnSe94/s1600/photo-14273486939 76-99e4aca06bb9-640x347.jpg https://thetruthbutterfly.files.wordpress.com/2015/09/backpacking-980.jpg http://cdn.newsapi.com.au/image/v1/0b08b6d77f66f10fdfe968e82f187060 https://travel.gc.ca/vt/images/promo/travel-insurance-bag.jpg http://www.thesundaytimes.co.uk/sto/multimedia/archive/00039/Snorkelling-580_39126a.jpg http://crisscrosstvl.com/wp-content/uploads/2016/05/sunset-plane.png http://www.aworldtotravel.com/wp-content/uploads/2016/03/exploring-gili-trawangan-indonesia-a-world-to-travel-45.jpg https://media.coindesk.com/uploads/2015/08/destinia-bitcoin-travel.jpg https://siviaggia.files.wordpress.com/2016/02/aurora-boreale-thinkstock1.jpg http://newsroom.mastercard.com/canada/files/2015/07/travel1.jpeg http://www.exclusivegrouptravel.com/Careers/Beachchairs.jpg https://s-media-cache-ak0.pinimg.com/564x/f2/3a/ec/f23aec7493987862150e536d608aa347.jpg http://www.team-bhp.com/forum/attachments/travelogues/475526d1293896913-photologue-pune-hampi-badami-aihole -pattadakkal-p1010060.jpg http://www.myanmarcyclingtours.com/wp-content/uploads/2013/02/hop-bike-explore-mekong-delta-20-may-11.jpg http://www.travelfuntu.com/wp-content/uploads/2016/02/Shaniwarwada-Fort-Pune.jpg http://goodthinkinc.com/wp-content/uploads/2014/08/travel.city_.skyline-625x363.jpg http://www.lavasa.com/assets/images/bg_gallery/Play_HP_04.jpg https://kimicolney01.files.wordpress.com/2014/03/indian_street_photography_01.jpg?w=640 https://s-media-cache-ak0.pinimg.com/736x/59/a3/a8/59a3a89f2eeb44863004dff4e52d9c17.jpg http://erubescentecstasy.com/wp-content/uploads/2016/04/original_pink-lady-photo-4.jpg https://s-media-cache-ak0.pinimg.com/736x/5d/97/79/5d97791a5a04e350933649ecaff7f794.jpg http://insanityflows.net/wp-content/uploads/2015/11/home-made-diya-making-steps.jpg https://noisypilgrims.files.wordpress.com/2015/04/img_9567-2.jpg https://www.flickr.com/photos/parikshitsehgal/9841687815

BIBLIOGRAPHY

5.29 5.30 5.31 5.32 5.33 5.34 5.35 5.36 5.37 5.38 5.39 5.40 5.41 5.42 5.43 5.44 5.45 5.46 5.47 5.48 5.49 5.50 5.51 5.52 5.53 5.54 5.55 5.56 5.57 5.58 7.1

CHAPTER 08

https://c2.staticflickr.com/4/3748/9711689480_1602f73fa2_b.jpg http://cdn1.thelittlenews.com/wp-content/uploads/2015/11/INDIA-10764-450x400.jpg http://media.gettyimages.com/photos/holi-the-festival-of-colors-india-picture-id109420831?s=170667a http://www.nomadline.com/wp-content/uploads/2016/06/gir-national-park.jpg http://www.travelguru.com/travelguide/images/goa-1600x400.jpg http://themes.designorbital.com/candela/wp-content/uploads/sites/11/2014/08/typography-travel-996x996.jpg http://67.media.tumblr.com/12c38de2874c32e6cc92f9b80e97d205/tumblr_mt849xz8z41qkxrtro1_1280.jpg http://www.missmoss.co.za/wp-content/uploads/2015/07/lauren-home-travel-posters-03.jpg http://40.media.tumblr.com/693726234ab1e98654d90c58cfa405ba/tumblr_n76m395F0M1r4ueyro1_500.jpg http://66.media.tumblr.com/31dfb05d26dcba1a22db8edc003fabe8/tumblr_npuuoe5nBb1qkxrtro7_1280.jpg http://66.media.tumblr.com/54e1f2922eb9d383fcdeb93f36856c94/tumblr_npuuoe5nBb1qkxrtro4_1280.jpg http://i.quoteaddicts.com/media/quotes/3/114468-best-travel-quotes.jpg https://mir-s3-cdn-cf.behance.net/project_modules/disp/45d1e815693723.56295c476cee6.jpg http://volganga.com/wordpress/wp-content/gallery/travel-quotes/travel_quotes_05.jpg https://2423km.files.wordpress.com/2015/10/c52064602f3380819ddbf19c6bfcfd71.jpg?w=736 https://blog.etsy.com/au/files/2016/03/il_570xN.653020732_gcxb.jpg http://static1.squarespace.com/static/53ff7144e4b0408d5940baee/t/544fc2d9e4b0c8e0f9b00207/1414513371889/ http://www.dumpaday.com/wp-content/uploads/2016/05/quotes-318.jpg https://s-media-cache-ak0.pinimg.com/236x/73/9e/8b/739e8bb1b549945f2e553f02eb4965ef.jpg https://s-media-cache-ak0.pinimg.com/564x/e2/f5/f4/e2f5f45884f3dcf884ed5c88323adc1b.jpg http://www.lazydays.ie/wp-content/uploads/2016/02/Travel-Quotes-Wallpaper-1.jpg https://s-media-cache-ak0.pinimg.com/236x/a0/0a/0d/a00a0db7453d2c727b91f054eb3b01bd.jpg https://anincurablecaseofwanderlustdotcom.files.wordpress.com/2014/09/513e2a18c141459c89552acd84ecc687.jpg https://img.buzzfeed.com/buzzfeed-static/static/2014-10/6/10/enhanced/webdr10/enhanced-buzz-wide-21296-14126 07422-15.jpg https://s-media-cache-ak0.pinimg.com/236x/e0/a8/47/e0a847a021e22657262d216550565c0e.jpg http://www.team-bhp.com/forum/attachments/travelogues/475526d1293896913-photologue-pune-hampi-badami-aih ole-pattadakkal-p1010060.jpg http://www.lavasa.com/assets/images/bg_gallery/Play_HP_04.jpg http://1.bp.blogspot.com/-ZKuzjgTPJa8/UG2ymnCxz0I/AAAAAAAADhY/DcMmReb2-uk/s640/dhol-black-and-whit e-with-color-photo-2.jpg http://images.mid-day.com/2013/jun/PN23G081226.jpg http://bednews.in/wp-content/uploads/2015/11/Malshej-Ghat2.jpg http://mobileinsider.net/wp-content/uploads/2013/09/android-to-ios-contacts.jpg

Articles A2.1 A3.1 A3.2 A3.3 A3.4 A4.1 A4.2 A4.3 A4.4 A4.5 A4.6 A4.7

http://dschool.stanford.edu/redesigningtheater/the-design-thinking-process/. Accessed on 15.01.2016 http://www.academia.edu/21181336/Smart_City_Roadmap and https://en.wikipedia.org/wiki/Smart_city.

Accessed on 09.02.2016 http://www.information-age.com/industry/hardware/2087993/ibm-cisco-and-the-business-of-smart-cities.

Accessed on 09.02.2016 https://india.gov.in/spotlight/smart-cities-mission-step-towards-smart-india. Retrived on 10.02.2016 http://smartcities.gov.in/writereaddata/SmartCityGuidelines.pdf. Accessed on 12.02.2016 http://mahenvis.nic.in/pdf/TourismStatisticsofMaharashtraApl2011_Mar2012.pdf. Accessed on 03.03.2016 http://www.slideshare.net/1stborn31/types-of-tourist. Accessed on 04.03.2016 https://en.wikipedia.org/wiki/Brainstorming. Accessed on 25.03.2106 http://www.slideshare.net/JagtarDhaliwal/zomato-case-study. Accessed on 28.03.2016 https://growthhackers.com/growth-studies/airbnb. Accessed on 28.03.2016 https://www.entrepreneur.com/encyclopedia/competitive-analysis. Accessed on 07.04.2016 https://play.google.com/store?hl=en. Accessed on 11.04.2016

BIBLIOGRAPHY

A4.8 A4.9 A4.10 A4.11 A4.12 A4.13 A5.1 A5.2 A5.3 A5.4 A5.5

CHAPTER 08

http://www.ssc.wisc.edu/~jraymo/links/soc357/class3_F09.pdf. Accessed on 15.03.2016 https://www.entrepreneur.com/encyclopedia/unique-selling-proposition-usp. Accessed on 18.03.2016 https://www.usability.gov/what-and-why/user-research.html. Accessed on 21.04.2016 http://www.bordersandburpees.co.uk/types-of-travellers/. Accessed on 21.04.2016 https://www.usability.gov/how-to-and-tools/methods/personas.html. Accessed on 21.04.2016 http://www.businessmodelgeneration.com/canvas/bmc. Accessed on 26.04.2016 https://www.usability.gov/how-to-and-tools/methods/task-analysis.html. Accessed on 02.05.2016 https://www.usability.gov/how-to-and-tools/methods/card-sorting.html. Accessed on 06.05.2016 https://www.usability.gov/what-and-why/information-architecture.html. Accessed on 10.05.2016 http://www.uxbooth.com/articles/designing-for-mobile-part-1-information-architecture/. Accessed on 12.05.2016 http://www.ymedialabs.com/hybrid-vs-native-mobile-apps-the-answer-is-clear/. Access on 15.05.2016