Hello everyone,
I have recently finished up a project that takes you to all of the public art installations around my community. I added features such as a map, audio, navigation list, and more for a seamless user experience. It has been formatted for mobile devices as well as desktop. It took longer than expected to complete as I was battling poor weather and dreary days but was finally able to go out and shoot recently. I made a blog post on my website detailing my process of how I created it, which I will leave for you to check out as well
I'd really like to get feedback and hear ideas from others, so please feel free to comment your thoughts. I'm always wanting to explore new ideas when it comes to UI and UX design.
Direct Link - https://dublinartsprojects.s3.us-east-2 ... index.html
Blog Post - https://www.spencermerriss360.com/virtu ... -arts-tour
Public Art Tour
Spencer Merriss
Multimedia Specialist
Website: https://www.spencermerriss360.com/
Email: merriss.spencer@gmail.com
Feel free to reach out!![🌟](//cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f31f.svg)
Multimedia Specialist
Website: https://www.spencermerriss360.com/
Email: merriss.spencer@gmail.com
Feel free to reach out!
- Hopki
- Gnome
- Posts: 13182
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Hi, Nice project.
Looking around your skin I have a couple of suggestions, but I'm seriously nitpicking as it's good as is, but you did ask
1) Menu lower left side that displays artists' details. Each text field moves as you mouse over showing mouse interaction, this should only happen with text fields that when click do something. This helps the user to distinguish what is clickable, I note you use the hand cursor for the interactive text fields but the moving text is more dominant and the hand cursor could be missed.
2) The Zoom buttons, I see this a lot, but using a Mouse Click on Zoom is a bit odd, this needs a pressed source action with a slow speed, saving the user from clicking many times to zoom.
3) Hide and show the menu. Delay the background rectangle from changing width a little as it reduces and increases in width before the button icons have a chance to fully hide or show.
4) Inconsistency with buttons and point hotspots. When you mouse over the point hotspot it changes scale, but when you hover any of the buttons they don't.
5) Button tooltips are currently white, try making them the same brown colour as the buttons. This would also give them a better contrast against light areas of the panoramas.
The flip side to this could make them harder to see in dark areas, but you can add CSS text shadow to give a very light glow, use the blur-radius to do this.
Regards,
Looking around your skin I have a couple of suggestions, but I'm seriously nitpicking as it's good as is, but you did ask
![Wink :wink:](./images/smilies/icon_wink.gif)
1) Menu lower left side that displays artists' details. Each text field moves as you mouse over showing mouse interaction, this should only happen with text fields that when click do something. This helps the user to distinguish what is clickable, I note you use the hand cursor for the interactive text fields but the moving text is more dominant and the hand cursor could be missed.
2) The Zoom buttons, I see this a lot, but using a Mouse Click on Zoom is a bit odd, this needs a pressed source action with a slow speed, saving the user from clicking many times to zoom.
3) Hide and show the menu. Delay the background rectangle from changing width a little as it reduces and increases in width before the button icons have a chance to fully hide or show.
4) Inconsistency with buttons and point hotspots. When you mouse over the point hotspot it changes scale, but when you hover any of the buttons they don't.
5) Button tooltips are currently white, try making them the same brown colour as the buttons. This would also give them a better contrast against light areas of the panoramas.
The flip side to this could make them harder to see in dark areas, but you can add CSS text shadow to give a very light glow, use the blur-radius to do this.
Regards,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Hey Hopki,
Thank you so much for the notes. I really appreciate the nitpicking suggestions as it causes me to think in a different way. As I continue to produce new tours I am always thinking about what I can do differently from a functional and a creative standpoint to grow as a developer. Hearing the specific, small detailed suggestions really helps me understand how others interact with my tours, as well as what I can do to improve the user experience. I will be sure to keep what you said in mind as I continue to make new tours and improvements.
Thanks again for the well thought out response.
- Spencer
Thank you so much for the notes. I really appreciate the nitpicking suggestions as it causes me to think in a different way. As I continue to produce new tours I am always thinking about what I can do differently from a functional and a creative standpoint to grow as a developer. Hearing the specific, small detailed suggestions really helps me understand how others interact with my tours, as well as what I can do to improve the user experience. I will be sure to keep what you said in mind as I continue to make new tours and improvements.
Thanks again for the well thought out response.
- Spencer
Spencer Merriss
Multimedia Specialist
Website: https://www.spencermerriss360.com/
Email: merriss.spencer@gmail.com
Feel free to reach out!![🌟](//cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f31f.svg)
Multimedia Specialist
Website: https://www.spencermerriss360.com/
Email: merriss.spencer@gmail.com
Feel free to reach out!