Since completing my research, and having a better idea of the concept of dashboards I’m now going to sketch out what each screen will look like before taking these ideas and bringing them into Figma to make low-fi wireframes.
From drawing out what each screen, I’m more familiar with the layout and composition of a dashboard. It has given me an idea what I’m going to include in each one, the type of data I’ll be showing in each chart and the types of charts I’ll use.
I don’t think some of the charts will work for the data I’m trying to display but I’ll try it out on Figma and change things around if I need to.
To keep consistency throughout each screen, I made sure that the nav bar stays on the left hand side. I used a variety of sized placeholders to add in different charts and important information.
I’m unsure about the layout of the Social Screen, I will leave it for now and change it if I need to later.
https://www.figma.com/file/CVw3bgz08C1hh1GYRVyhXQ/Dashboard-Low-fi-Wireframes?type=design&node-id=0%3A1&mode=design&t=gF0kwqIesrSjJFT6-1
Our lecturer suggested to make the charts on Excel, afterwards bringing them into Figma and tracing over them. This was a big help, because I knew that the data would be presented accurately and saved me a lot of time too.
Later on, I decided to change the screen time chart to vertical bar chart because it looked and fitted into the frame better.
Before I started this, I thought it was going to be difficult especially trying to show scale but actually I really enjoyed creating this map.
I took a screenshot on Google Maps, to show the distance travelled on public transport on my dashboard. In Figma, I traced the outline using the pen tool, and added in a line with points plotted where I travelled on different types of transport.
