It seems like every app login screen is cold and utilitarian. In contrast, I wanted to create a welcoming experience for the clients using DSI’s proprietary application. Many logging in would be concerned about their health benefits, so I tried to give them a place to land where they felt comfortable and looked after.
I knew from my user research than many would have questions related to the services DSI provides, so I made access to help articles just as prominent as the login form fields. I don’t feel comfortable hiding any helpful content, especially for users who may arrive to the site concerned or even agitated.
A good amount of users click those help links before ever logging into the app. Our research suggests they remain cautious at first and poke around before login.
Even more, that addition of helpful content transforms the page from just another app login screen to a hub of information that guides the user through the process of working with the company.
Clients as well as the users themselves, immediately noted appreciation for the design and the spirit of transparency and open content we promote with the screen.
Overall, our feedback over the last couple of years has been favorable with users appreciating the helpful information as well as the app’s ease of use. And the app login screen is one of the few areas we haven’t attempted to redesign since the launch as it’s still working quite well.
I did the initial conceptualization in Sketch which allowed us to demo the design for other members of the team. When it came time to produce a working prototype, I then coded the app login screen using Bootstrap before handing it off to the development team.
Designing the app login screen was an educational challenge for me as it was the first time I designed a login of this nature using Bootstrap. It was a lot of fun to try and pull off my Sketch design with the code.
Though we needed to make compromises to get this app login screen to work with the .NET framework, overall I still like the design and am proud of how well it serves the users.