Students make Glasgow

The Challenge

The challenge was to research, design and build an engaging conceptual mobile application for the Glasgow city council that will inform new students of what Glasgow has to offer with consideration of current activities, products and services that are popular with a user demographic of 18–24-year-olds and identify a potential Student Guide design concept that will convey a positive experience of Glasgow to new students moving to the city. 

Target Demography

Several students in a majority demographic of 18-24 year-olds come from across Scotland, the UK and the world to Glasgow which is an unfamiliar place to them. They do not have the knowledge of what Glasgow offers such as entertainment, clubs, bars, restaurants, sporting activities or places where students go to socialise. They also face challenges adjusting to the culture, lifestyle and getting accustomed to the city. A free mobile application that allows students to find their way around the city, see all the exciting places students can have fun and socialise, get tips, manage time and finances all in a gratifying and motivating manner will help promote student life in glasgow and help these young adults face encountered challenges. 

Goals

• Be highly usable to all users.

• Provide services that aligns with the mission and values of the City of Glasgow.

• Promote the cultural, friendly and vibrant opportunities Glasgow has to offer to new students arriving in the city.

• Appeal in a distinctive manner to students in the age range of 18-24.

• Be inclusive to users of different cultures and background.

• Help students get accustomed to the city and offer support to them. 

Design Approach

The project was carried out using the Double Diamond design model with the four stages of discover, define, develop and deliver. I started out the project with the 'discover' stage and conducted research on the clients, competitors and the users. The insights from my research led me to the 'define' stage where I was able to to define the problem and the proposed solution after which I moved to the 'develop' stage to ideate and test out different ideas across different iterations. This eventually led to the 'deliver' stage to deliver a high-fidelity prototype. 

Discover

Understanding the demography

The target demography for this application was already stated as 18-24 years old students in the brief. To keep the users in front and centre throughhout the design process, I needed to properly understand this age group and how the application would be tailored to their specific needs. Through research from journals, articles and carrying out surveys, I was able to get more insights on this demography.

This set of people belong to a generation popularly called Gen Z. They were born in the age of techonology and are very familiar with digital devices.

Competitive analysis

Researching on the demography and competitiors really helped to provide an insight on the project direction.

The Demography: The demographic research gave me insight on their their lifestyle, where they like going, what they like doing and their financial expectations. Factoring these insights when designing the application will truly prove useful to this demography.

The Competitors: From the competitive analysis, it can be seen that several applications in the market today aim to provide resources on restaurants, information, events, experiences and finance management. However, these are all single purpose applications which are downloaded and used separately. I believe that designing an application with usability factors and accessibility guidelines with these needed features and even more, all in one place will appeal greatly to the 18 - 24 years old students demography. 

Define

Empathy mapping and building user personas

After gathering insights from the demography research, I conducted interviews with 4 participants in the age range of 18-24. With data collected from the interviews and research insights, I created a general empathy map based on this information to understand the perspectives and mindset of the target audience of how they think, feel, and behave. It was also essential to build user personas that makes it easier to empathize with them so I can design better for their goals, needs and provide solution to their frustrations. 

User's Point of view / Problem statements

The users’ POV gave me insight into who they are and helped tell their story. This insight was necessary to identify the right problem to address and to make informed decisions when working to solve those problems. It also helped establish criteria for evaluating ideas.

Feature prioritisation with KANO + MoSCoW

The Kano model is useful in gaining a thorough understanding of the user’s needs and it's relevancy while the MoSCoW helps to priortise features. A fusion of these two tools provided further clarity and was majorly informed from insights gotten from the 'How might we' questions.

The combined ideas I got from the crazy eights were sketched for each screen. This helped me extract several ideas quickly before getting invested in the low fidelity wireframes.

Creating low-fidelity wireframes

Transforming the paper sketches to digital wireframes, these are some of the low fidelity screens that I prototyped and used to carry out user testing:

The user would be greeted by the splash and onboarding screen briefing on the features of application before signing up and being directed to the home screen. 

The menu bar contains 5 links which are home, places, food, activities and resources screens.

The profile screen contains link to  other features in the application which are favourites, quests, leaderboard, deals & rewards, finance manager, planner, settings and support.

The settings screen consists of some applications settings integrated with some accessibility features like language setting and adjusting the font size. 

User testing 

After creating low fidelity prototype from the digital wireframes, to ensure the application structure and features were okay before moving to a more advanced stage (high fidelity design) I conducted user testing with few participants. I also considered using the digital wireframe screens for the test so that the participants were not distracted by the design. I provided short scenarios and gave them the prototype to make their way through the  user journey without any external influence as if unsupervised. There were feedbacks of both negative and positive nature and i made essential changes based on these feedbacks I received. These are some questions and responses in regards to the application structure:

Modifications

The insights from the tests were recorded and using affinity diagrams, I sorted the insights into different level of priorities (based on the impact to the user flow) which I then considered and modified according to its priority. These are some modifications iterated:

Task flow

 Based on the user testing, I created task flows to visualise the journey required to complete a specific task in a given scenario. 

Deliver 

As much as I always love the process, a project outcome is really satisfying. It shows how the entire process comes together to form something meaningful and provide solutions. Some of the screens of the final deliverable (although a UX project is never final) can be seen below:

Onboarding and signup screens

Onboarding screens to welcome users to the application.

Home, places, food, activities & resources

Through the application, users can check exciting places in Glasgow based on recommendations or categories as well as popular foods and activities to do in Glasgow. Users can also book event tickets within the application.

Interactive map

As an application for students new to the city, it features an interactive map that helps users to find a place, check distance, ETA and how to get there. Users can also look up the reviews and see photos of the place.

Settings & Profile

For accessibility considerations, the settings screens allows users to change preferred languages and adjust the font sizes. Users can also switch between light and dark mode. There is also a separate profile screen that takes the user to several features within the application.

Finance manager & Planner

The application has a built-in finance manager and planner to manage student's time and finances. Users can manage their budgets and track their spending in the finance manager and with the planner, they can set reminders and plan events into dates, categories and favourites to ensure they are always on top of their day and never miss anything.

View the project demo:

Limitations and next steps 

As the scope of this design project was limited to city of Glasgow, it will be great to expand in the future to solve this problem for students coming to study in other cities or countries.

Due to time constraints, there are features that could not be added to the final deliverable. However, iteration never ends and with further research, this application can always be improved.

Other projects