Ultimaker / Cura

3D printer / slicing GUI built on top of the Uranium framework
GNU Lesser General Public License v3.0
6.14k stars 2.07k forks source link

Bigger Font when calculating print time #194

Closed FuzzySadist closed 9 years ago

FuzzySadist commented 9 years ago

Hey, I admit it, I'm old... with old eyes, but I would love it if the print time at the bottom was a bigger font. I know it uses a bigger font at the top right, but I prefer the "Days, Hours, Minutes" format at the bottom right.

image

nallath commented 9 years ago

We're updating the GUI somewhat for the next version. Not 100% this is in it, but we will take a look at it. @TMHogenhout What do you think?

fieldOfView commented 9 years ago

The text "Estimated Print-time" is overly verbose. I would change it to "Estimated", "Est." or even "", because it not only shows print-time but also the estimated amount of material. With the text a bit less verbose, the default font-size can be chosen.

See: https://github.com/fieldOfView/Cura/commit/05d7ce51193340a52c71d1bca44822b5a63f0b44

Xisle commented 9 years ago

Any hints (previews) of the GUI changes for printing? I heard the print dialog was going away. Maybe the area used for the printing status can also fit the print time, material length, mass and cm^3 for ease of calculating hub orders.

TMHogenhout commented 9 years ago

Good point! The GUI is on a wire-frame level at this point. But we will look into this specific part on monday and upload some designs. Just for my own reference:

What do you guys think of this idea?

Xisle commented 9 years ago

I like your ideas and look forward to seeing some designs.

fieldOfView commented 9 years ago

Personally I think the whole "gcode" section is a bit lost at the bottom of the print setup. I think I miss having it in the top left. If you plan on keeping it in the sidebar, you may consider adding a Section Header, like the "Print Settings" section header on top. As a matter of fact, this gives the "Print Settings" header a reason to be there in the first place (as it is now, it just takes up valuable space, because there is no other section).

Making the sidebar with settable would be nice, but it does not fix this particular problem (or make the fix easier). Making the "Estimated Print-time:" text shorter does both.

fieldOfView commented 9 years ago

For further discussion of the UI, I wonder why - from a user's point of view - the slicer has its own progressbar, whereas other processes that take a while (like loading the layers in Layer view) have a progressbar in the messagestack area. I understand it from a technical point of view (Cura progress vs CuraEngine progress), but for a user it is two areas to keep track of mentally.

fieldOfView commented 9 years ago

@TMHogenhout, not that I am nosy or anything, but interested and curious... Yeah, that would be me ;-) Anything to share from the design-meeting?

TMHogenhout commented 9 years ago

@fieldOfView yes and no. I discussed it with our UX-designer, and he was working on it, but he ran into some other problems, so he will probably finish it tomorrow and put the designs here on github. Nice to know that you are taking an interest! To be continued..

mennoberg commented 9 years ago

Thanks all for feedback so far.

I will also make a version where the whole side bar is moveable to make this design fit for longer languages.

I'd like to see you feedback on the following UI design.

(https://cloud.githubusercontent.com/assets/6329918/9056940/b0f8faa8-3a96-11e5-816c-2042b470fb6d.png) cura - um2 - simple advanced

fieldOfView commented 9 years ago

I'm not sure if I should look at this as a wireframe only, but I must say I like the direction this is going esthetically. Kudos on that. To me this looks much better.

The Machines section takes up valuable space, and I wonder if the majority of users have multiple types of printers. Even if you have a farm of Ultimaker 2 printers, you are still not going to use that whole section. I think this is much better kept to the selection in the "Machine" menu. I can see how making the Connectivity a machine setting simplifies the results area at the bottom, but I don't think creating a divide between the save button and the type of destination is a good idea.

The Advanced print setup is a step back as shown here; we need to have as much overview of the selected settings as possible. The collapsible sections in the current version actually work for that, but there is way too much whitespace. In this new design, you have to click through each of the sections to see what options have been set. The new design is also much wider than the current design, but I must say I don't think that is necessarily a bad thing. Perhaps something inbetween.

The advanced settings proposal also contains a Save button, to save changes to a profile I presume. I think we would need support for "partial profiles" for this to be useful. IE: I want to be able to save and restore the temperatures, filament diameter and flow settings without affecting the infill and support settings, so I can for example save a set of sub-profiles for different materials without changing the "structural" settings that concern the geometry of the print. One of the applications I know that does a good job at that is Adobe Camera Raw/Bridge.

In the Print Job section, what does the button next to the estimate do? Esthetically I am not a fan of very wide buttons that just take up the full width because theres nothing else to take up space. If the Print Job section is staying at the bottom, it needs a cyan header for consistency. I don't think it is necessary to spell out each unit (time, length, mass, price); "Estimated time and material" is clear enough, I can figure out that 300g is not the length of filament. Like I said before, I wonder if this section "deserves" a progressbar of its own from the users point of view. Why does loading have a progressbar in the message-stack in the viewport area, while saving has a progressbar in the Print Job section of the sidebar?

I would much prefer to have the whole "Print Job" section at the top left, like it was with legacy-cura. Then you have a "input/output" section at the top left, a "model-manipulation" section at the bottom left, and the right is reserved for only "print settings".

mennoberg commented 9 years ago

Thanks Aldo for your valuable detailed feedback!

Without diving to much into all your feedback there some things I like comment on/

Concerning the Input/output section point I have to disagree with you in a matter of flow it is i.m.o. not really a "predictable" position. Concerning workflow It fails in the begin-end feeling you should have within the flow of making a print job.

fieldOfView commented 9 years ago

Not everyone prints with a UM2 (UMO, other brands of printers), and even some people with a UM2 turn off the ultigcode feature for better USB printing support. Also sub-profiles are useful for more than material properties: eg optimised settings for different nozzle diameters (this may include not only linewidths, but also print speed).

The machine section already has a good place: the Machine menu. I have yet to be convinced of a reason why this fringe-functionality should be duplicated outside the menu.

Ofcourse you don't have to agree with anything I say ;-). My advice has no basis more reliable than my own meandering experience

fieldOfView commented 9 years ago

For reference, here is my current hacked Cura: untitled-1

The only functionality I miss here is a Simple/Advanced switch. I like your switch in the "Print Setup" header.

mennoberg commented 9 years ago

Collected a lot of valuable UI feedback last days.

A design update where I like to have your feedback on. Please, let me know what you think and how you feel about the 'new' functions. would be great if we could let the discussion roll.

um2 - simple um2 - advanced um2 - advanced_slicing

fieldOfView commented 9 years ago

I like this! It's got a bit of that "buttons in all the 4 corners" vibe (remember Fitt's law:https://en.wikipedia.org/wiki/Fitts%27s_law), and the message-stack looks a bit misaligned (https://github.com/Ultimaker/Cura/pull/205), but that's about all I can come up with for now. Sidepanel looks great.

fieldOfView commented 9 years ago

Perhaps have the bottom-left manipulation "toolbar" top-center? That way you have a single toolbar, divided in three parts (open, manipulate, viewmode). It would make this an inverted L interface instead of the buttons-in-each-corner syndrome.

TMHogenhout commented 9 years ago

+1 I really like this inverted L pattern idea, because it is a pattern used very often, so it could make the interface very intuitive especially for starting users.

mennoberg commented 9 years ago

Update:

Please @TMHogenhout @fieldOfView let me know what you think! um2 - simple_page_1 um2 - advanced_page_1 um2 - advanced - slicing_page_1

fieldOfView commented 9 years ago

Nice alignment of the top buttons with the top of the sidebar! We're not seeing the MessageStack, but I assume it is meant to be at the bottom (no margin) centered horizontally?

We are getting into "nitpick territory" with the feedback now, looking good overall.

The setting of the advanced switch is not immediately obvious when it is turned off; it could be interpreted as a header. The switch you had in your first sketch is clearer, but may simply take up too much space.

I liked the version of the settings list without the cyan headers and with icons better. In this version, the left margin of the settings is a bit inexplicable (the highlight-line lined up with the icons in the previous version; without the icons, it could be a full em more to the left).

Semantics: "Local to Disk". Wouldn't "to Disk" be just as well? ("to Disk", "to SD", "to Printer" (usb printing), "to 3Doodler", "to OctoPrint"). The word "Local" doesn't add that much.

The infill icons should probably reflect the type of infill Cura uses by default, ie diagonal lines instead of honeycomb.

Scale-Rotate-Mirror makes more sense to me than Mirror-Scale-Rotate

TMHogenhout commented 9 years ago

I also love where this is going. It feels very intuitive and simple. But it also has a grown-up/professional overall look. Just some minor things from the nitpick territory as well:

fieldOfView commented 9 years ago

Here's my go at combining the sketches and our latest feedback: ena13p4d

Could the Machine dropdown only be there when there is more than 1 machine setup?

Note that I have hidden the destination in a split button (http://foundation.zurb.com/docs/components/split_buttons.html)

PS: sorry for the UMO/UM2 mismatch

fieldOfView commented 9 years ago

One thing missing in the recent designs is a scrollbar. Even if you can scroll by dragging anywhere, a scrollbar serves the purpose of showing how much more there is, and where you are. Then again, when you show something resembling a scrollbar, people want to use that to scroll so it needs to be more than 2 pixels wide, eg: https://github.com/Ultimaker/Cura/issues/227

TMHogenhout commented 9 years ago

Hey Aldo, I really like your design! You're taking a very realistic approach. Thank you for all your time and effort! I especially love the save-button area on the bottom-right. The line around the .gcode makes it so much more clear that you can type there. As far is I'm concerned this would be ripe for implementation.

@mennoberg I am only missing two things in the design:

fieldOfView commented 9 years ago

@TMHogenhout It is hardly "my design", I just cobbled together different iterations of Menno's work into what I think is the (almost) golden combination.

Where does the progress-bar (or other progress indicator thing) go

I vote for MessageStack! One progressbar to rule them all.

What to do with the sidebar?

Scrollbar, right?

TMHogenhout commented 9 years ago

True. Good point. Typed a bit too fast. I mean scrollbar.

mennoberg commented 9 years ago

Thanks for all the feedback Update:

Let me know if you have any comments on details or mayor functions :)

01 cura - um2 - simple 02 cura - um2 - simple slicing 03 cura - um2 - simple hover 04 cura - um2 - simple hover click 05 cura - um2 - simple message stack 06 cura - um2 - advanced 07 cura - um2 - simple platform

awhiemstra commented 9 years ago

I really like the designs, though I have a few small things to nitpick:

Ghostkeeper commented 9 years ago

Really like those icons there, by the way. Super intuitive.

fieldOfView commented 9 years ago

The "Load File" button

I think I would prefer an icon button (though one that is a bit less cryptic than the current one). On the other hand I like how all disk operations are black buttons.

Putting all the tool controls in the middle top means obscuring a lot of build plate

This shows especially with the rotate dialog showing (4th image). Not sure how to handle this, except by letting the use drag that dialog to a more convenient location. Other than the dialogs, I don't see how the buttons take away too much of the 3d area.

remember that there will probably be at least six different buttons

6?

Doing the dashed line along the side of the settings

I don't think they are necessary. I made a version with slightly different alignment: fcaf8316-41c3-11e5-8371-ce2619b0986a

Shouldn't we hide the 'general print profile" if we have a "quality" just below that?

Or at least drop the "general" and make it a "print profile". For the mockup, the functionality would be clearer if it says "Menno's settings". Because that's the idea, right? That you can store combinations of settings?

I like how simple mode gets a couple more options (thus becoming more useful).

TMHogenhout commented 9 years ago

Wow I really like where this is going. I really like the widened sidebar and the widened sidebar control as well. I would suggest one additions though:

Here is just an idea. What if we would make a software start-up tour (not for the 15.10 release but later). Really cool example here: http://www.jqueryrain.com/?gY_FlAOC If we want to do something like this later on, we could already design the Load Button on start-up (when no file is loaded yet) already in such a way that it combines well with a first start-up tour.

TMHogenhout commented 9 years ago

The font of the print-time etc will be default size (taken from your platvorm settings) as from the 15.10 release. screenshot from 2015-09-22 15 40 09

iakapulko commented 9 years ago

About the intuitiveness of the interface: the file load button (and others too), imho, should have an option to choose between icon and/or signature. The model morphing buttons (scale, etc) in the lower left corner are very pretty, but option with the same buttons in the upper part in the center makes my eyes hurt, diverting attention from the workspace

fieldOfView commented 9 years ago

@TMHogenhout: BAM! back on topic ;-)

@iakapulko: it is probably better if you open a new issue for this. Possibly with a sketched proposal on how you would improve the UI from the current state (15.09.8x)

TMHogenhout commented 9 years ago

@fieldOfView :D