top of page

Nintendo Switch Home UI Design and Interactive Prototype

User Interviews, Figma

For this project, I redesigned and improved the Nintendo Switch home screen / menu UI. The Nintendo Switch is a video game console able to be used on the go or at home, but for the purposes of this project, I decided to focus on its touch-screen implementation for mobile play.

Skip to clickable, interactive Figma prototype

Screenshot 2025-08-24 105744_edited.png

Key Areas for Improvement

  • Clean up the home screen by removing unneeded icons as they can now be accessed quicker through other means

  • Allow for multiple paths to a main goal (searching, navigating menus, scrolling)

  • Implement a search bar that can be used as a catch-all to get the user where they are going the quickest

  • Use more iconography for the various categories of settings to prevent an over-abundance of text

  • Make it quick and easy to find a game in a list of many, or allow a user to search for games they don’t yet have downloaded

​​​

Wireframes

​Two sets of wireframes were created. First, low-fidelity wireframes were hand-drawn to demonstrate overall improvements at an early stage. Next, medium-fidelity wireframes were created using Figma to fine-tune layout.

Low-fidelity Wireframe Sketches
Medium-fidelity Wireframes

Mockup screens and Prototype

 

In order to conduct user testing, a clickable-interactive prototype was created by designing finalized mockup screens and connecting them via Figma.

User Testing

Given access to the prototype, three different users were assigned tasks to complete. Users were observed and could ask for assistance where needed. The tasks were as follows:

  1. You want to play a game that you haven’t played in a long time. The name of the game is “Disney Dreamlight Valley”.

  2. You’ve just checked into a hotel. You want to browse the eshop. What’s the first thing you want to do?

  3. You’ve heard of a game called “Cat Quest” and are interested in checking it out. You want to find more info about it.

Below are the summaries of my user tests, followed by a summary of common themes and patterns.

 

User #1:

Overall, the user was successful in completing these tasks. For the first task, the user immediately went to the library page to look for the game. They were able to recognize that the first 3 games represented what was on the main page because the games were sorted by most recently played. They tried to scroll down, but had trouble finding the scroll bar. Then they switched paths, able to find the search bar on the library page. This was unexpected but very exciting! While I have accounted for the fact that the user could find a game with one of 3 paths, I didn’t expect the user to start with one option and then switch to another. This was really great feedback, and the user even brought up the idea of adding the same search bar to the settings page so that a similar path could be followed there. While a search bar on the main screen is certainly helpful, it is also helpful to have the search bar present on the page with all of the options, as the user may not even know what they would be searching for before seeing a list of similar options.

 

For the second test, the user immediately recognized that, in order to access the eshop, they would first need to connect to the hotel wifi. This was done by clicking on the wifi icon on the main page, an icon that I made clickable from the actual Switch design, a choice that clearly paid off. The user did find it confusing that when clicking the back button from the wifi screen, they did not return to the main screen where they had come from, but rather the settings page. This was good feedback, but this logic is probably outside the scope of my prototype. Overall, even though the user went through the tasks relatively easily, they provided great feedback and brought to mind things I will change in my prototype. For this test, I kept both tasks under the same prototype flow, and I think they found it helpful to be able to navigate between all the pages at will, so I will probably keep this going forward.

 

User #2:

This user was largely unfamiliar with video game consoles. However, I was surprised and excited to see that they had similar success to the first, more experienced user. Similarly, on the first task, they clicked the library button and were both overwhelmed with options and unable to find the scroll bar. However, they quickly found the search bar on the library page and were able to find the game. This is further proof that giving the user the opportunity to find the search bar on all applicable pages results in as many points of success as possible.

The next two tasks presented more challenges, but the user still met eventual success. On task #2, the vague suggestion of the hotel didn’t immediately lead the user to think of connecting to the wifi. This shows that the icon on the home screen showing wifi should probably have an option to show a disconnection in some sort of noticeable alert. However, once the user understood that they needed to connect to the wifi, they quickly found it on the home screen. Similarly, on the third task, my prompt to “find more information” on the yet to be purchased game led the user to investigate the news feed, a fair assumption but not one I had implemented in my prototype. However, when all else failed, the user used the search bar to find the game on the eshop. Once again, the search bar comes in as a catch-all for any easily missable icons or functions, working as I intended.

 

User #3

The third user I tested with was not quite as outgoing as the other two when it came to vocalizing their thought process, but rather went through the tasks on their own and provided more feedback at the end. Once again, this user skipped the search bar on the main screen and opted to click on the library first, then utilize the search bar. The user gave the feedback that the text on the games was hard to read, and with the amount of game options being overwhelming, they opted for the search bar. As no actual game text is displayed (other than that in the game art itself) unless the user scrolls over the games, I could see this confusion. Similarly for the third task, the search bar came in handy very quickly and was used to search for the game, this time from the main screen rather than the library. I understand the thought process of being on the page associated with the intended results when performing a search, but I also think it is flexible to have all search bars work across all screens. However, this could be tested further for more proof that searching on the settings screen should pull up games as well, or if this is simply too much information.

For the third task, this user opted for a different path than the other two. Once they understood that they would need to change the wifi, the user got stuck. The user did click around on their own through the settings, but backed up and went to other screens before being prompted that the settings was the right place. Once they knew to look in the settings page, they found the internet settings and connected to the hotel wifi.

 

Summary:

In summary, I would say that these tests proved my design to be successful, with the search bar adding a much needed level of flexibility to the paths the user can take. It was nice to see that two out of three users used the now-clickable wifi icon on the main page, while the third was able to use the current way of going through the settings page, proving that both options are valid and should be supported. In the following section, these patterns are developed in to more concrete improvements to the prototype and overall design.

Additional Areas of Improvement

While these user tests proved many of the design improvements successful, the following changes could be made in the future to address more specific areas of user concern:

  • Modify the ‘back’ button to go back to exactly where the user came from, rather than back to the settings, for example

  • Investigate a better system of icons on the settings screen based on current design philosophy

  • Add a no-wifi alert to the home screen before connecting

  • Add the ability to use the physical buttons on the switch controllers, as well as the option to input using a keyboard for easier testing

Sources

Prototype image sources:

 

https://www.reddit.com/r/NintendoSwitch/comments/5vg710/mario_kart_8_deluxe_hd_artwork_album_75_images/

https://gamefaqs.gamespot.com/switch/206241-celeste/boxes/678752

https://www.steamgriddb.com/game/35744

https://urbangadgets.ph/shop/nintendo-switch-oled-with-neon-blue-neon-red-joy-con/

https://gamicus.fandom.com/wiki/Nintendo_eShop

https://en-americas-support.nintendo.com/app/answers/detail/a_id/22496/~/nintendo-switch-manuals

https://laaca.com.uy/producto/nintendo-switch-lite-gris/

https://mashable.com/article/nintendo-switch-games-folders-groups

https://www.lifewire.com/organize-nintendo-switch-game-groups-5248455

https://en.wikipedia.org/wiki/Mario_Party_Superstars

https://www.ign.com/games/mario-golf-super-rush

https://ec.nintendo.com/AU/en/titles/70010000028644

https://www.ign.com/articles/2019/10/28/luigis-mansion-3-review

https://zelda.nintendo.com/hyrule-warriors/

https://en.wikipedia.org/wiki/Clubhouse_Games:_51_Worldwide_Classics

https://www.resetera.com/threads/the-switch-icon-watch-thread-no-logo-no-buy.117888/page-40

https://www.ign.com/games/dredge

https://www.ign.com/articles/disney-dreamlight-valley-review

https://www.nintendolife.com/reviews/switch-eshop/inscryption

https://cozygamecafe.com/disney-dreamlight-valley-review-nintendo-switch/

https://mcvuk.com/business-news/i-literally-cannot-sell-units-on-switch-its-heartbreaking-and-it-makes-me-really-sad-for-the-eshop-why-indies-are-struggling-to-be-seen-on-the-switch-eshop/

 

Figma asset libraries:

https://www.figma.com/community/file/1380235722331273046

https://www.figma.com/community/file/1035203688168086460

https://www.figma.com/community/file/1385659531316001292

 

Style guide image sources:

https://www.nintendo.com/en-gb/Support/Nintendo-Switch/HOME-Menu-Overview-1406405.html

https://www.slashgear.com/1144127/settings-on-your-nintendo-switch-that-are-ruining-your-experience/

https://www.businessinsider.com/guides/tech/how-to-add-user-profile-on-nintendo-switch

 

Other resources:

https://medium.com/bpxl-craft/designing-for-the-nintendo-switch-32cacbe4c02d

https://www.reddit.com/r/NintendoSwitch/comments/5xujsw/ive_found_the_actual_font_for_the_switchs_ui/

https://www.morisawa.co.jp/fonts/specimen/1145

https://cdn.mos.cms.futurecdn.net/v2/t:0,l:0,cw:0,ch:0,q:80,w:650/7rmYTrFt8RkEB8NdVyezb8.jpg.webp

© 2025 by Matt Gerber. Powered and secured by Wix

bottom of page