Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tuirevii/buildinghub
Enhancing UX in the Building Renovation Process Through Experience-Driven Design | Semi-Interactive Prototype | Figma
https://github.com/tuirevii/buildinghub
communication figma prototype renovations ui-design ux-design web-service wireframe
Last synced: 28 days ago
JSON representation
Enhancing UX in the Building Renovation Process Through Experience-Driven Design | Semi-Interactive Prototype | Figma
- Host: GitHub
- URL: https://github.com/tuirevii/buildinghub
- Owner: tuirevii
- Created: 2024-12-11T13:40:20.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-14T22:29:17.000Z (28 days ago)
- Last Synced: 2024-12-14T23:20:54.677Z (28 days ago)
- Topics: communication, figma, prototype, renovations, ui-design, ux-design, web-service, wireframe
- Homepage: https://tinyurl.com/buildinghub
- Size: 3.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BuildingHub
Enhancing UX in the Building Renovation Process Through Experience-Driven Design | Client: INPERSO project (Spain)
**UI & UX Design | Figma | Semi-Interactive Prototype (Wireframes) of a Web Service**
- **Target group(s):** Residents, housing companies, contractors, architects, etc., but we focused on residents
- **Team:** 4 members
- **Client:** INPERSO project (Spain)
- **Course:** "HTI.450 User Experience: Design and Evaluation", Tampere University
[See the prototype (Figma)](https://www.figma.com/proto/54YU82HEN1ZYTxEPH5jk9A/No-name-squad?page-id=0%3A1&type=design&node-id=428-7289&viewport=-269%2C-5900%2C0.41&t=CcCLtn2zvmHA5umS-1&scaling=scale-down-width&starting-point-node-id=428%3A7289&show-proto-sidebar=1)
## Motivation
- The project was assigned to us on the Tampere University's course.
- Several stakeholders are typically involved in renovation projects, and effective communication among these stakeholders plays a key role in completing the project on schedule and with the required quality.
- Currently, there are some communication channels available, but they cannot, for example, adequately and promptly inform all necessary stakeholders before, during, and after the project.
- The demand for such a tool is likely to grow in the coming years due to the EU’s energy efficiency goals for the built environment.
## Goals and Scope
- To design and develop the digital BuildingHub solution
- To enhance the user experience by providing easy access to building information and involving users in renovation decisions
- To explore user-centric innovation by gathering insights to make building renovations more community-driven
## My Role
- Together with team members searched for articles, attended weekly meetings, wrote the report, planned the user study, participated in the interviews (user study & evaluation), and analysed data
- Recruited 8 participants (3 for the user study and 5 for the evaluation)
- Created the user persona with another team member
- Created the experience journey map
- Created the prototype together with two other team members
- Prepared the questionnaire and script for the user study and evaluation
- Iterated the prototype after evaluation
## Project Overview
## Methods Used
## Desk Research
- Will be added here later
## User Study
- Semi-structured interviews
- Observation
- Data analysis with affinity diagram
### Goals
- Understand target users, their needs, references, and feelings evoked during each phase of the renovation project.
- Identify negative experiences and come up with ideas to make the experiences positive or at least improve them
### Interviewed Participants
- N=4
- All Finnish males
- Aged 35-40
- From diverse fields, including one architect
- Relatively tech-savvy
### Main Findings
- **Concerns** arise at every phase due to poor **trust** and **communication**.
- Finding **reliable contractors** and comparing offers is difficult, recommendations may be fake, and subcontractors unmotivated.
- Residents are not **well-informed** about project progress or issues.
- Desire for trust in quality work, timely completion, and no extra costs.
- Residents feel **relief** at the end, whether from satisfaction or simply the project being over.
## Experience Journey Map
I created this.
## User Persona
I created this with Canva together with another team member.
## User Scenario
- Tero just got his first-ever owned apartment through the housing cooperative, and he is embarking on an extensive bathroom renovation. He **signs up** on the BuildingHub platform with his laptop to start a new project.
- On the web service, he **invites** the superintendent of the housing cooperative to join the project. He searches for** **reliable construction companies based on for example location, offering and ratings.
- He **contacts** a few construction professionals for proposal/offer submission and can review and make a selection. He is also able to **see/know** sub-contractors working for the main construction company.
- Through the platform, he can see for example the contract, renovation plan, electricity and piping plans as well as the project schedule provided by the professionals, and he is also able to supply needed information.
- As the renovation project commences, he is **informed** of the activities ongoing on the site, hurdles, etc. through email notifications from the BuildingHub portal. When he notices some poor work quality on the project site, he can then through the portal, **inform all the parties** involved in the project and add images for evidence, clarification, and documentation.
- Once the project is verified to be complete by all parties, a **feedback** form is sent to everyone to provide input about how the project went.
## Experience Goals
Based on desk research, literature reviews, and empathy towards target group, we identified five tentative UX goals (completion, relief, relatedness, security, and self-esteem). After analysing the user study results, these goals were refined and brought down to following four:
1. Trust
2. Feeling of being informed
3. Relief
4. Security (safety)
These experience goals reflected only the experiences of the residents during the three phases of the renovation project and addressed their needs and pain points.
## Wireframes/Prototype
The concept for the prototype was a **digital platform (web service)** that would be responsive and accessible through the internet from a web browser especially on a laptop, reducing the need for any specific system or device compatibility. The features of the prototype were ideated and designed based on the insights gathered from the user study. The user study had revealed that the users wouldn't like to use this kind of system with their mobile phones, but instead would use their computers. Therefore and due to the scope of the course, we focused on designing the prototype for the desktop.
[Take a look at the prototype on Figma](https://www.figma.com/proto/54YU82HEN1ZYTxEPH5jk9A/No-name-squad?page-id=0%3A1&type=design&node-id=428-7289&viewport=-269%2C-5900%2C0.41&t=CcCLtn2zvmHA5umS-1&scaling=scale-down-width&starting-point-node-id=428%3A7289&show-proto-sidebar=1)
**NOTE:** To see the initial prototype that was evaluated, open the “Flows” sidebar and select “Initial prototype”. To see the iterated prototype, select “Iterated prototype”.
### Some of the Frames I Designed for the MVP
- Will be added here later
## Prototype Evaluation
### Participants
- N=5
- 4 females & 1 male
- Aged 35-51
- Mainly not that tech-savvy
### Main Findings
- It’s really hard to mention even the main findings, as this was such a large project. However, everything is mentioned in our project’s final report.
[Read our final report (PDF)](https://drive.google.com/file/d/1mufkxkx_Ae6nz8xjWxhkFpgh1lAlpGjT/view?usp=sharing)
## Prototype Iteration
- Focus on fulfilling one of the UX goals, trust.
- Changes to the company card (information about the working area, prices, and starting schedule, and more comprehensive reviews).
- Adding a helps section and guiding to that from an empty dashboard.
- Renaming “Home” to “Project dashboard” and setting the navigation to fixed.
- Some other minor changes.
### Some of the Frames I Designed or Iterated After the Evaluation
- More will be added here later
## Learnings and Future Work
- Will be added here later