VECTOR
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/3bbd6bd3-920d-4ea9-93a0-630ca03f7329_rw_1920.jpg?h=47f4de9fd4f7e4b1d3330687f9ce6913)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/65976c98-3ba4-490c-b5f8-931173ad94af_rw_1200.jpg?h=6b8788d2696a3c405583730913055830)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/c23c241c-7afe-4138-8377-6408c7d55f40_rw_1920.jpg?h=c23b89ff94fb1c2a229543a57b198f33)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/1eaee3d4-3d06-4b27-b526-624aad360c53_rw_1200.jpg?h=a30a12ae353989b1bab11d1cd0425938)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/e7519720-4231-4e85-afb5-d58855c31c68_rw_1920.jpg?h=0354381626e09808f6e475b66a790f20)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/8af29a8c-e797-47a2-bfdc-13db26f2e99d_rw_1200.png?h=feb1c85223497809b1f811ab558549f3)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/d7a7f6c0-43f5-4c14-a314-3c4b32f516a3_rw_1920.jpg?h=a789b6c908e39c4cf1753567d9cd0784)
___________________________________________________
ITERATION PROCESS
Study of how the meter for Vector's visualization might be displayed to the users. A radial meter was the early desired direction with a filter to switch between that and a linear meter.
Throughout the process, colors and placement of elements changed resulting in a clean and easy-to-navigate and understandable app interface.
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/8760c16c-ed98-403d-8532-83942ec17cf9_rw_1200.jpg?h=84dd3e271e5ec892b4ba73f64b5ae200)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/93ca8a07-030b-4e69-8f26-cb0831246bb1_rw_1200.png?h=33de3fd3a8f70a5ec31b9f6c9ee244e4)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/f12060e2-d12b-4291-b44f-920ca4f0ba80_rw_1200.png?h=42f54b7200412463ad50721b2f4a025d)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/bb9a1be1-6b79-449f-a2ef-e0e1a81a9cdc_rw_1920.jpg?h=5945bfd9cd29572725592995bb30fc50)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/0784264e-a4a2-41f2-8733-c03cf697a09c_rw_1200.jpg?h=e84d5b2eacf2da6a143a056b9d65feb8)
___________________________________________________
USER TESTING
USER TESTING
Playing with color can be a defining moment for UI Design. Emotion and relevance come into play that affect the user's interaction. Playing with color allowed us to see and experience those responses from the app.
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/2f5c694e-bcf2-4f38-b1bb-aab5d5031934_rw_1200.jpg?h=f68d1f1a37f6cded801e0b649accbffa)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/7b218292-fb47-4ace-8f7b-69e0122233b6_rw_1200.jpg?h=42aa8362c8c139fa9f42a1ec828f3c02)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/488efbc5-a04d-4bdc-910c-6c2edee146de_rw_1200.jpg?h=4498d6b0e6279b67ddb4f47defc2344f)
![](https://cdn.myportfolio.com/30ef41ca49853de4fb651e14324910f8/e093fd92-90b2-4941-9095-1f58f385a071_rw_1200.jpg?h=d1a65e8931e3a7f9f2fba698788b154b)