A redesign of the Michigan State University Library digital interactive signs
MSU Library Digital Interactive Signs
Timeline
October - December 2023
Tools
Figma, Notion
What was the problem?
The digital signs in MSU's library that assists students, faculty, and visitors to navigate to different locations, find books and information, and retrieve help were dealing with issues of usability, design, and accessibility.
My Role & Process
With a team of 4, we worked for 3 months and completed an end-to-end UX process.
1
Define
2
Analyze
3
Research
4
Ideate
5
Design
1. Define
We started off by defining our goals and client expectations for the project in order to have a successful and achievable product. We discussed these through an initial scoping meeting with two clients from the library.
2. Analyze
Personas & Scenarios
![Persona](https://static.wixstatic.com/media/fe1eab_35db0ef10eb94de4885438c9b3999d18~mv2.jpg/v1/fill/w_960,h_540,al_c,q_85,enc_avif,quality_auto/fe1eab_35db0ef10eb94de4885438c9b3999d18~mv2.jpg)
![Scenario](https://static.wixstatic.com/media/fe1eab_88e9ceced37043bc95c71827117fb9a8~mv2.jpg/v1/fill/w_960,h_540,al_c,q_85,enc_avif,quality_auto/fe1eab_88e9ceced37043bc95c71827117fb9a8~mv2.jpg)
![Scenario](https://static.wixstatic.com/media/fe1eab_31574796ff6e470881aa7f45d04c1301~mv2.jpg/v1/fill/w_960,h_540,al_c,q_85,enc_avif,quality_auto/fe1eab_31574796ff6e470881aa7f45d04c1301~mv2.jpg)
![Persona](https://static.wixstatic.com/media/fe1eab_35db0ef10eb94de4885438c9b3999d18~mv2.jpg/v1/fill/w_960,h_540,al_c,q_85,enc_avif,quality_auto/fe1eab_35db0ef10eb94de4885438c9b3999d18~mv2.jpg)
Our team crafted three distinct personas and scenarios, each representing a unique user demographic. Using data about different user types from scoping, we delved into the expectations, goals, and pain points to create well-rounded characters. We then carefully composed realistic user scenarios, envisioning how each persona would interact with the product or service. These provided our team with invaluable insights, ensuring team awareness and memorability of target users to guide the development process of informed design decisions and priorities.
Heuristic Analysis
We conducted a comprehensive heuristic analysis using Nielsen's ten usability principles. Focusing on four crucial pages, our team meticulously evaluated the interface's main concerns and issues such as information architecture, navigation flow, and feedback mechanisms. The analysis provided valuable insights into our main priorities for the user’s best and most seamless experience.
![](https://static.wixstatic.com/media/fe1eab_214bf90e9d864d6f87487a58952932b6~mv2.png/v1/fill/w_980,h_489,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_214bf90e9d864d6f87487a58952932b6~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_b06cc5096a8046b994ef438a6ef4796c~mv2.png/v1/fill/w_980,h_494,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_b06cc5096a8046b994ef438a6ef4796c~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_214bf90e9d864d6f87487a58952932b6~mv2.png/v1/fill/w_980,h_489,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_214bf90e9d864d6f87487a58952932b6~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_c6f21835319f4e0fb125d6c3b1b25b0d~mv2.png/v1/fill/w_502,h_369,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_c6f21835319f4e0fb125d6c3b1b25b0d~mv2.png)
Competitive Evaluation
Our team chose 4 digital signs from 3 different locations. The signs from Meridian Mall, University of Michigan’s campus, and Kresge Art Center were either competitors or similar signs that ranged from direct to analogous comparisons. We were able to identify strengths and weaknesses from these competitors and ideate potential ideas for our redesign.
3. Research
Field Study
Conducting field studies required meticulous planning, including the development of a script, creative task prompts, and the recruitment of participants based on pre-established user profiles. During three field studies, participants engaged in four tasks while vocalizing their thoughts aloud. This process effectively captured participants' thoughts, emotions, and pain points they encountered with the interactive signs. We identified the sign lacked functionality with a lack of directionality, accessibility, and information.
![](https://static.wixstatic.com/media/fe1eab_cf8ce9bc62d7470aace18fdf9be83954~mv2.png/v1/fill/w_980,h_546,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_cf8ce9bc62d7470aace18fdf9be83954~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_cee8a48c992c48fcae4bb4ee21782894~mv2.png/v1/fill/w_980,h_547,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_cee8a48c992c48fcae4bb4ee21782894~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_08e431146bee44329142196e6649bea9~mv2.png/v1/fill/w_980,h_542,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_08e431146bee44329142196e6649bea9~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_cf8ce9bc62d7470aace18fdf9be83954~mv2.png/v1/fill/w_980,h_546,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_cf8ce9bc62d7470aace18fdf9be83954~mv2.png)
4. Ideate
In order to tackle solutions, our team met for a creative ideation planning meeting. We shifted through relevant research and data to pull valuable insights for guided solutions. When the brainstorming session began, collaborative efforts led to many innovative and potential solutions resulting in a final redesign plan. We would focus on improving navigation through better visual cues, accessibility through ADA guidelines, and adding advanced features for additional information.
5. Design
Wireframes
![](https://static.wixstatic.com/media/fe1eab_47894c9e4c4b46d984fd362f6908c2c0~mv2.png/v1/fill/w_980,h_552,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_47894c9e4c4b46d984fd362f6908c2c0~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_6e9ddba978f946648735575913b1c2d8~mv2.png/v1/fill/w_980,h_549,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_6e9ddba978f946648735575913b1c2d8~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_0f18734bff6049e6a24efc7eb943e659~mv2.png/v1/fill/w_980,h_548,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_0f18734bff6049e6a24efc7eb943e659~mv2.png)
![](https://static.wixstatic.com/media/fe1eab_47894c9e4c4b46d984fd362f6908c2c0~mv2.png/v1/fill/w_980,h_552,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/fe1eab_47894c9e4c4b46d984fd362f6908c2c0~mv2.png)
Our team crafted three distinct personas and scenarios, each representing a unique user demographic. Using data about different user types from scoping, we delved into the expectations, goals, and pain points to create well-rounded characters. We then carefully composed realistic user scenarios, envisioning how each persona would interact with the product or service. These provided our team with invaluable insights, ensuring team awareness and memorability of target users to guide the development process of informed design decisions and priorities.
High Fidelity Mockups
![Homepage.png](https://static.wixstatic.com/media/fe1eab_abe51e2c3800499b98dfcace4dab9247~mv2.png/v1/fill/w_423,h_238,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Homepage.png)
![find a book.png](https://static.wixstatic.com/media/fe1eab_e0741dbed2d64d9082e6e9fb041a70b8~mv2.png/v1/fill/w_422,h_237,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/find%20a%20book.png)
![2 maps.png](https://static.wixstatic.com/media/fe1eab_94eb0d83ce104f46adc31772cad1dfba~mv2.png/v1/fill/w_423,h_238,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2%20maps.png)
![ask a librarian.png](https://static.wixstatic.com/media/fe1eab_c8ca639f21fa488a8df544e81cff3534~mv2.png/v1/fill/w_423,h_238,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ask%20a%20librarian.png)
![find a location 2 - AH.png](https://static.wixstatic.com/media/fe1eab_441bfc441abc48dba22aa9eb2f4cc148~mv2.png/v1/fill/w_422,h_237,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/find%20a%20location%202%20-%20AH.png)
![events 2 -AH.png](https://static.wixstatic.com/media/fe1eab_64b480bfd31448f89f6841f24e4df179~mv2.png/v1/fill/w_423,h_238,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/events%202%20-AH.png)
Final Thoughts
The redesign of our digital signs represents a significant step forward in enhancing functionality through intuitive navigation and modern design elements. We've prioritized accessibility, recognizing the importance of making information readily available to all users, regardless of their abilities.
By embracing a user-centric approach, we aim to ensure that our digital signs have a well designed user interface but also inclusive and easy to use. The redesign of Michigan State University's Library digital signs will enhance the experience for students, staff, and visitors.