How to create a UX Sitemap: a simple guideline

Site mapping is diagram of a website or application, that shows how pages are prioritized, linked, and labelled. It Lays out all the features in an easy to follow 2D format, almost like a bird's eye view of the app. Site mapping is a useful planning tool at the start of the discovery phase. It is a very valuable tool because it helps you to see how the whole product will work in a low res way. You can then simplify and take out any unnecessary pages

This is an example of how a site map looks like

This is an example of how a site map looks like

I drew up this site map to get an idea of what my device would look like on mobile. I have pretty good understanding of how the app will work after creating some user flows for the app on a watch, but I was struggling to visualise how my users would interact with the app on the phone. Would the majority of the functionality be done on the watch? Would this make the phone act as a display?

IMG_20211127_125442.jpg

The other issue I discovered was the onboarding process. On the original user flow that was created the watch app was doing all the heavy lifting and you would have to sign up there before accessing the mobile app. This wasn't a great idea because the screen size is so much smaller that user would struggle to complete the simplest of tasks.

After a few conversations, sketches and rethinks, it made more sense that the majority of the functionality would done on the mobile app. The watch would then act as the receiver, sending information to the phone. Therefore, if we navigated to a different part to the app on the mobile, the app would respond in kind. This means the version on the watch would have very little functions for user to interact with.

Mobile version sketched out

Mobile version sketched out

I created a list of features and potential ideas that I could be used to accompany my original concept. These feature are designed to make the whole experience of putting practice more methodical, effective and improve performance.

Main Features

Practice & Learn (Analysis of Stroke) - This feature is essential your swing monitor. The idea is that you would make a stroke by wearing the watch, and the mobile app would breakdown the motion you created into bitesize chunks. Similar to how Trackman and products work**.**

Mimic Mode - This is tool can be toggled off and on when the user chooses. The idea is that the user would create a stroke, then based off that motion the golfer would experience feedback through vibrations if he is swinging on the correct path. The idea is that this will create "feel", make the action more repeatable and reassure the golfer that his technique is correct. I can see this feature being useful to golfers practicing, but also coaches looking to demonstrate the action they want their students to create. Maybe the app could record a custom action, instead of one programable swing because everyone has a different motion.

On Course - The idea was that you could pick any hole on the golf course and simulate that putt. This means golfers could learn how a particular putt moves at varying distances. Golfers could then create a more effective strategy when playing a round and they will know exactly what way the putts will move as well as how hard they need to hit ball. As result they would hole more putts and improve their scores. This is a very interesting idea and would need examined more to see how it could work.

Discovery - This feature catalogues all your motion you have created using the app. This means you can look back at your previous results to see how you performed and delve deeper into the analytics.