top of page
New Logo.png
Top

Design with Human Scale

The tool is a way of assessing places on a human scale-centered approach. It helps to assess the quality of a place and helps people to identify their priorities for a particular place through a human-scale perspective.

DESIGN FIELD     

UX/UI DESIGN AND RESEARCH   

ENTREPRENEURSHIP CONCEPT PROJECT

WEB & MOBILE APP

5 MONTHS

DESIGNWITHPEOPLETOOL.jpg

Phase 1

Kick-off workshops

The HSP tool provides a simple framework to structure human being experience networks in place. It allows you to think about a place through human behaviors (for example basic human actions, walking, standing, sitting, so on.) as well as the social aspects (for example whether people feel they have a say in decision making). Research shows that the way places function, look and feel can influence our health and wellbeing.

 

We ran multiple UX workshops with the target user groups to gain a deeper understanding of the main problems and needs. We support this process with our well-structured templates and frameworks.

Phase 2

Discovery

In today’s cities, designers are faced with the challenge of creating outdoor environments as collective, unifying frameworks for new development. Too often the designer’s contribution becomes an after-the-fact cosmetic treatment of spaces that are ill-shaped and ill-planned for public use in the first place. The usual process of urban development treats buildings as isolated objects sited in the landscape, not as part of larger fabric streets, squares, and viable open space. Decisions about growth patterns are made from two-dimensional land-use plans, without considering the three-dimensional relationships between buildings and spaces and without a real understanding of human behavior (Roger Trancik, 1986).

We always focus on understanding the users' pain points and needs before jumping into the solution. We conducted interview sessions with the target (potential) user groups. The main aim of this phase is to collect the initial insight which is driving the problems and get a better sense of the overall context of the user journey.

Rectangle-8.png
Rectangle-14.png

Phase 3

Wireframing & Prototyping & Iterating

 

Our design team created initial wireframes while gathering inspiration. We linked the prototype and tested it with the company to get approval on the main user flow and the content of the tool in detail. Then we iterated this on a weekly basis and finalized this phase through feedback.

Initial design consists of 44 questions which are all answered by observing human daily actions that occur naturally in the assessment place. There is also a guide to help you answer the questions and understand the theoretical background of the tool. When you have answered all 44 questions, you have the results on a simple diagram and analysis list.

Rectangle-1.png
Rectangle-2.png
Rectangle-6.png
Rectangle-7.png
Rectangle-4.png

Phase 4

Rectangle-17.png
Rectangle-10.png
Rectangle-11.png

Low Fidelity & User Testing

As the weeks passed, all problems were tackled one by one. In the final weeks, the prototype with low fidelity interfaces was designed to adhere to shared branding guidelines and tested with users.

Understanding a place, and its influence on the daily actors of the city is essential for effective human-focused design. The HSP tool will be highly successful in helping urban planners, architects, landscape designers, and public authorities generate the discussions required to understand the assets of a place through human behaviors.

Finally, our designers iterated the last version of the design with the company’s product team and after a few rounds of feedback, applied the final revisions to the interfaces.

Rectangle.png
Rectangle-5.png
Rectangle-3.png

Phase 5

Final Submission

The tool emphasize the importance of listening to and understanding people’s real-life experiences, behaviors, and daily actions as part of increasing our wellbeing. Each place is different, with its own identity and history, but there are issues that are common to all places. A human-based approach also referred to as human-focused working, is a holistic approach to identifying opportunities and needs within a particular place and addressing issues before design and improve the area.

We exported and shared the final design deliverables which have all the specs and are ready to implement at the end of the UX design process. These deliverables included all the screen designs, different states, and edge cases. We also created a UI kit with clear guidelines and rules that help to keep consistency when implementing the product.

bottom of page