An open API service indexing awesome lists of open source software.

https://github.com/e-candeloro/user-experience-design-project-work

Applying User Experience Design principles and processes to design and improve both the physical and UI interfaces of a driver control monitor inside a New Holland tractor (CNH group). Project group for the UXD course at the University of Modena and Reggio Emilia.
https://github.com/e-candeloro/user-experience-design-project-work

adobe-xd ui uidesign usability usercentered usertesting ux ux-design ux-research ux-ui uxd vehicle-gui

Last synced: about 1 year ago
JSON representation

Applying User Experience Design principles and processes to design and improve both the physical and UI interfaces of a driver control monitor inside a New Holland tractor (CNH group). Project group for the UXD course at the University of Modena and Reggio Emilia.

Awesome Lists containing this project

README

          

# UXD Project Work - UNIMORE 2020/2021

This is a group project work done for the course of [User eXperience Design (UXD)](https://offertaformativa.unimore.it/corso/insegnamento?cds_cod=20-262&aa_ord_id=2009&pds_cod=20-262-2&aa_off_id=2020&lang=ita&ad_cod=IMM-23&aa_corso=1&fac_id=10005&coorte=2020&anno_corrente=2021&durata=2) taught at University of Modena and Reggio Emilia (UNIMORE) in the second semester of the academic year 2020/2021.

### The Design Team "Segnali di Fumo ☁️"

- Benedetta Fabrizi ([LinkedIn](https://www.linkedin.com/in/benedetta-fabrizi-54b7971b0) - [GitHub](https://github.com/BerniRubble))
- Emanuele Bianchi ([LinkedIn](https://www.linkedin.com/in/emanuele-bianchi240497/) - [GitHub](https://github.com/Manu2497))
- Ettore Candeloro ([LinkedIn](https://www.linkedin.com/in/ettore-candeloro-900081162/) - [GitHub](https://github.com/e-candeloro))
- Filippo Monelli ([LinkedIn](https://www.linkedin.com/in/filippo-monelli-8a3b76122/) - [GitHub](https://github.com/FilloMone))
- Gabriele Rosati ([LinkedIn](https://www.linkedin.com/in/gabriele-rosati-4817b01a7/) - [GitHub](https://github.com/gabri1997))

## The project 🔍

The project objective was applying User Experience Design principles and processes to design and improve both the physical and UI interfaces of a driver control monitor inside a New Holland tractor (CNH group).
The proposed problem was based on a real project done by the university research lab [Xilab](https://www.xilab.unimore.it/) in collaboration with the CNH group.

**Example of a modern tractor control monitor and cloche**

![New-Holland-T8-Genesis-2019-05](https://user-images.githubusercontent.com/67196406/123506536-f2972f00-d664-11eb-8653-ffc56855e127.jpg)

## Methodology
For improving the overall User Experience, we followed a user-centered approach and the **UX Design Cycle**, made of 4 iterative steps:

1. **Requirements Gathering** (req. list for users)
2. **Design Alternatives** (concept generation)
3. **Prototyping** (low and high fidelity)
4. **Evaluation** (user testing)

We then analyzed user feedbacks from testing results to further improve the final high fidelity prototype done in Adobe XD.

## The Prototype

For the final high fidelity interactive prototype, we followed UX and UI design best practices.
In particular, we evaluated the interface using the [10 Nielsen heuristics](https://miro.medium.com/max/2048/1*1g68ABWvnIxljK0-zmKluQ.jpeg) and followed the [Google Material Design guidelines](https://material.io/design) and templates.
Additionally, to maintain consistency over all the interface, we made a custom design system.

NOTE: The .xd file of the Adobe XD prototype (with the design system included) con be found in this repository.

## End Results
NOTE: not all the pages are shown

### Homepage

![Homepage example](https://user-images.githubusercontent.com/67196406/123234899-a8367680-d4db-11eb-90e6-bb7c7987e66d.png)

### Dark Theme Simplified Homepage

![Dark themed Homepage](https://user-images.githubusercontent.com/67196406/123234927-b1274800-d4db-11eb-9a0f-56c30201e720.png)

### Menù

![Menù](https://user-images.githubusercontent.com/67196406/123234947-b7b5bf80-d4db-11eb-88ed-f104959bb9e9.png)

### Popup

![Popup](https://user-images.githubusercontent.com/67196406/123234958-bb494680-d4db-11eb-9fc8-afb22949b18f.png)

### Customization

![Customization](https://user-images.githubusercontent.com/67196406/123234974-bedccd80-d4db-11eb-9cbc-a730bfb59374.png)

### Design System

![Design System](https://user-images.githubusercontent.com/67196406/123234986-c308eb00-d4db-11eb-848e-19592daffd5c.png)

## Additional Information

Slides (in Italian) explaining the design process and methods used can be found in this repository.
There are also files for the QFD matrix and the competitors benchmark spreadsheet.