Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

A forum for research and development of the user interface of FreeCAD

Moderator: agryson

User avatar
Kunda1
Posts: 5541
Joined: Thu Jan 05, 2017 9:03 pm

Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby Kunda1 » Fri Nov 09, 2018 12:09 am

Image
MuseScore is a free scorewriter for Windows, macOS, and Linux, comparable to Finale and Sibelius, supporting a wide variety of file formats and input methods.
Features
  • WYSIWYG design, notes are entered on a "virtual notepaper"
  • TrueType font(s) for printing & display allows for high quality scaling to all sizes
  • Easy & fast note entry
  • Many editing functions
  • MusicXML import/export
  • MIDI (SMF) import/export
  • MuseData import
  • MIDI input for note entry
  • Integrated sequencer and software synthesizer to play the score
  • Print or create pdf files
Infrastructure:
Qt5
QML

Version: MuseScore version (64-bit): 2.3.2, revision: github-musescore-musescore-3543170
Musescore-Start-Center.gif
This is their 'Start Center' I think it's coded in Javascript
Musescore-Start-Center.gif (308.44 KiB) Viewed 969 times
Musescore-dropdown-ui.gif
Notice the gradient metallic background
Musescore-dropdown-ui.gif (163.62 KiB) Viewed 969 times
Musescore-Sidebar.gif
sleek design, gradient-like metallic color
Musescore-Sidebar.gif (600.97 KiB) Viewed 969 times
Musescore-Plugin-Manager.gif
Plugin Manager is very clean, tight and sharp
Musescore-Plugin-Manager.gif (234.09 KiB) Viewed 969 times
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features
triplus
Posts: 8686
Joined: Mon Dec 12, 2011 4:45 pm

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby triplus » Fri Nov 09, 2018 12:58 am

OK therefore i see it has Start dialog, File manager, rearrangeable Dock Widgets and a Package manager. Layout is rather familiar (if you are a FreeCAD user).

Where do you feel we are lagging behind compared to MuseScore?
User avatar
Kunda1
Posts: 5541
Joined: Thu Jan 05, 2017 9:03 pm

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby Kunda1 » Fri Nov 09, 2018 1:22 am

It's a case study not a critique. Maybe we can garner inspiration from this project, IMO one of the few that really show how it's possible to soup up a Qt interface.

I'm simply pointing out the sleek and IMO classy gradient that the UI has.
Their Start Center is actually a dialog window and incorporates some interesting methodology to display information.
Their sidebars feels a little bit more reactive and 'crisp' (for the lack of better term).
The plugin manager is clean and (it has a quirk when toggling between different plugins but beside that) it contrasts very well with the background so information is clear.
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features
User avatar
yorik
Site Admin
Posts: 11520
Joined: Tue Feb 17, 2009 9:16 pm
Location: São Paulo, Brazil
Contact:

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby yorik » Fri Nov 09, 2018 12:51 pm

Very elegant and clean interface indeed... There is one thing that is important to note there, though, is that the musescore workflow seems way simpler than FreeCAD. They have a fraction of the tools we have

Good ideas I see there are

1) have a small "promotional" panel on their start page (but, what would we put in it if we had one...)
2) the "preview/description" pane on the addon manager, this one is really good, small and useful
3) a nice palettes menu. Need to look better at how that works..
User avatar
Joel_graff
Posts: 1501
Joined: Fri Apr 28, 2017 4:23 pm
Contact:

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby Joel_graff » Fri Nov 09, 2018 2:52 pm

My nine-year-old has been obsessed with MuseScore for the last two weeks... I've paid no attention to it... :lol:

That said, after briefly reviewing the layout depicted here and the comparative layout in FreeCAD, I don't think we're that far from achieving something as elegant as MuseScore.

@yorik points out that we likely support more complex workflows in our UI than does MuseScore. I'll grant that. But we divide that complexity across workbenches, and interacting with specific tools is typically handled in the same way: using the Model / Tasks dialogs in the side panel. The only increased complexity that I see in the FC UI, really, is the additional windows at bottom (typically the report view and the python console for most of us...)

Really, IMO, @ickby's prototype UI is where it's at if we want to get serious about addressing UI functionality. ;)
FreeCAD Trails workbench for transportation engineering: https://www.github.com/joelgraff/freecad.trails

pivy_trackers 2D coin3D library: https://www.github.com/joelgraff/pivy_trackers
User avatar
Kunda1
Posts: 5541
Joined: Thu Jan 05, 2017 9:03 pm

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby Kunda1 » Fri Nov 09, 2018 4:12 pm

yorik wrote:
Fri Nov 09, 2018 12:51 pm
There is one thing that is important to note there, though, is that the musescore workflow seems way simpler than FreeCAD. They have a fraction of the tools we have
Of course!
Joel_graff wrote:
Fri Nov 09, 2018 2:52 pm
@yorik points out that we likely support more complex workflows in our UI than does MuseScore. I'll grant that. But we divide that complexity across workbenches, and interacting with specific tools is typically handled in the same way: using the Model / Tasks dialogs in the side panel. The only increased complexity that I see in the FC UI, really, is the additional windows at bottom (typically the report view and the python console for most of us...)
Agreed
Joel_graff wrote:
Fri Nov 09, 2018 2:52 pm
Really, IMO, @ickby's prototype UI is where it's at if we want to get serious about addressing UI functionality.
We can still make some tweaks till our UI/UX prophet arrives. Also there may be folks that prefer the old-school layout once the ickby layout is created.
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features
User avatar
regis
Posts: 655
Joined: Sun Jul 12, 2015 8:17 am
Contact:

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby regis » Sat Nov 24, 2018 3:22 am

Wow that muse score is pretty sleek and classy, what ever is good about it that we can take and add on to freecad i'm down for it.
User avatar
Kunda1
Posts: 5541
Joined: Thu Jan 05, 2017 9:03 pm

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby Kunda1 » Mon Jul 15, 2019 10:29 pm

Musescore 3 UI/UX is even better. There is a very cool wizard in the beginning with a step by step tour! We should really consider this. There is also a basic and advanced setup option, which reminds me of this thread: Engineer UX Mode.
ceremcem wrote:
Image
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features
vocx
Posts: 1446
Joined: Thu Oct 18, 2018 9:18 pm

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby vocx » Sun Sep 22, 2019 11:02 pm

Apparently this video says that Musescore sucks: Music Software & Interface Design: MuseScore

phpBB [video]
User avatar
Kunda1
Posts: 5541
Joined: Thu Jan 05, 2017 9:03 pm

Re: Case Study: Musescore (FLOSS cross-platform sheetmusic/scorewriter) UI/UX

Postby Kunda1 » Mon Sep 23, 2019 9:09 am

vocx wrote:
Sun Sep 22, 2019 11:02 pm
Apparently this video says that Musescore sucks: Music Software & Interface Design: MuseScore
To be fair, he says he likes Musescore but there are some definite improvements to the UI/UX that would make sense.
He makes some very astute UI/UX points and in a comical way. Must of taken a ton of time and energy to create and edit that video.

FreeCAD could use a lot more of these types of videos. Reminds me of @sliptonic who made a '5 Ways FreeCAD will annoy (the xxxx out of) you' that got a bunch of views: https://www.youtube.com/watch?v=R9KIa3_dJu8

So the youtuber does raise some really solid points that we can riff off of (even if it's for musescore), for example:
the out-of-box experience (for new users), AKA How does an application orient new users to it's UI when they open it for the first time? This is not something FreeCAD has yet, but has been discussed before.

Note: here is the exact place he discusses it in the video: https://youtu.be/4hZxo96x48A?t=1394

So in musescore they employ invasive popups that can be annoying. Tthe youtuber's suggestion is non-blocking popups. And he gives examples of how those would look. Essentially they will dismiss themselves in other wordss they don't require you to click them off to continue working, hence non-invasive.

Image

(This is worth spinning off in to a whole other thread, actually)
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features