Could there be a "do nothing" option? Or is a choice needed for every file? If a "do nothing" option is added, it should maybe warn about the consquences. "This or that might happen" (or "will happen") if you don't make a choice.
The first option (digital artwork) is the do nothing option, which is why it's also being pushed heavily as the default choice.
Ooohh, I didn't realize that. In that case, "unsure" makes sense!
I thought the purpose of the viewbox was to tell browsers how much space on the webpage is needed to display the image. So I thought the first option corresponded to the current Viewbox button. And that's why I was unclear about the 2 sub-options in the 2nd choice.
Does that mean the 2 sub-options for the 2nd choice correspond to the current Viewbox and Scale Elements buttons?
We've had a couple of questions in forums about the Viewbox/Scale Elements, and have been unsure what to tell them. So this new dialog will be very helpful.
I agree that visuals are a good idea - they don't require as much time
to grok. I can draft up icons for this. If anyone has ideas on how to represent let me know. My initial thoughts (feel free to come up with better ones or just let me know if any of these wouldn't do):
- Digital art option: a paintbrush painting an image on a laptop screen - Appearance option: a graphic with a lot of shiny and effects / sparkles on it - Size accuracy option: artwork coming out of a printer with a ruler lined up with it ___________
What if the button for digital art option just said "no change"?
For appearance option - something that looks like a printed poster, maybe? Maybe like an old circus poster?
Accuracy option - I suspect the cutter/plotter users would choose this option, and if so, somehow depict a CNC machine? I have no idea what a 3d printer looks like.
So where the bottom talks about each method, the bold text titling that
section would say Appearance / Accuracy of scale and then after that explain for appearance, we scale the whole document.... so on and so forth.
That sounds good.
One new question.
Are the 2 sub-options for the 2nd choice going to be hidden, and only show up when the 2nd option is chosen? That could help avoid confusion for the less technical type of user, if it's possible.
All best, brynn
-----Original Message----- From: Máirín Duffy Sent: Wednesday, February 01, 2017 5:20 PM To: brynn ; Martin Owens ; Pelle Nilsson Cc: inkscape-devel@lists.sourceforge.net Subject: Re: [Inkscape-devel] UX help
Hi Brynn!
Thanks for the feedback! More below -
On 01/27/2017 08:34 AM, brynn wrote:
Sorry I missed this whole discussion yesterday. But I wanted to say that I like jabier's idea with a small graphic to represent what each option does, which clicking on it also sets the option choice.
I agree that visuals are a good idea - they don't require as much time to grok. I can draft up icons for this. If anyone has ideas on how to represent let me know. My initial thoughts (feel free to come up with better ones or just let me know if any of these wouldn't do):
- Digital art option: a paintbrush painting an image on a laptop screen - Appearance option: a graphic with a lot of shiny and effects / sparkles on it - Size accuracy option: artwork coming out of a printer with a ruler lined up with it
For the last version of the mockup I saw: I agree with whoever mentioned about "Choose if unsure". A lot of newbies, as well as not newbie, but still not very techically aware users, will choose it, simply because they don't understand it. So I'm not sure if "choose if unsure" should be there at all. I think the text, and maybe a small graphic, as jabier suggestion, should be clear enough that most users will be sure what to choose.
I completely understand your rationale, and it is logical. I can also say consistently based on my experience as a UX designer - having conducted many usability tests and read quite a bit of research - that the majority of users will just not read the explanatory text.
It's not that they are stupid or don't care. Their goal / focus is simply elsewhere and they don't want to have to make a decision like this - they fear them. I think it is a good practice to have a very obvious "choose this if you dont know" option, because at the very least, it is the least destructive option of any of the 3 we have to offer, it does the least amount of change to the file, and if it ended up being the wrong decision, they can manually adjust the file (I'm assuming!) later on.
I'm not saying that the tactic of having a default choice is absolutely the right one in this scenario - we can take a look at how the screen design reads with the icons, for instance, and see if it makes it clearer which option to choose - but I'm just saying with a lot of experience with this sort of problem (diff context but same problem, think storage and system management UI... ) having a 'default' is the option that users are best able to navigate and requires less cognitive load.
The tension here is the users having to learn something when they're not necessarily in the mood / have the time to learn vs. us taking on the guilt of pushing them towards something that might not be the perfect decision for them and could impact their files negatively. I do think if they choose the default option we push here, that the negative impact isn't going to be significantly high (they print it, it doesn't fit the page correctly, they adjust manually. Costs them a piece of paper, some ink, and time. Ok, so that print could be a plotter print, but still :) )
Where it says in the More section, 'there are 2 scaling methods - the whole document, or the individual elements in a document' - that is very clear to me. But which goes with which option above? I'm guessing they describe the 2 sub-options for the 2nd main option?
To more clearly link them, we could use the same text in the top UI options and in the bottom explanatory text. Since I think framing in terms of the user's context is more important, I would use the text that talks about the type of artwork. Maybe instead of italicizing it, bolding it:
- Appearance - Accuracy of Scale
So where the bottom talks about each method, the bold text titling that section would say Appearance / Accuracy of scale and then after that explain for appearance, we scale the whole document.... so on and so forth.
Because of all the info provided in the More section, I'm not sure what info is going to be included in the FAQ. It seems like the More section should be in the FAQ, and at the bottom of the dialog, it should be a link to the http anchor for that item.
I agree. That is a better way to do it. We could use the same text and even have a screenshot of the dialog in the FAQ if need be.
If more technical info (than what's in the More section) is going to be available, maybe it should go in the developer faq, in the wiki. Then the user faq item (on the website) could link to it in the wiki.
As one of those 'not newbie, but not very technically aware' people, the first 2 main choices are very clear to me (screen display or printer). But I'm still a little unclear for the 2 sub-options for the 2nd ("physical output") main option.
Does the 1st sub-option mean if my drawing has any clips, masks, filters or clones, I should choose that option? Because if the 2nd option (accuracy of physical unit/position) means 'is the file going to be used for 3d printing', such a file is probably not going to have clips, masks, filters or clones.
If your drawing is meant for printing *and* it has clips/mask/filters/clones/etc., yep, that's the option for you.
So I wonder if it could be simplied to a) The image contains clips, masks, filters or clones b) The file will be used for 3d printing
The one worry I have here is if you're printing the file out, are worried about scale, but the artwork doesn't have clips, masks, filters, or clones. You still probably would want that option.
I wonder where files used for cutters/plotters would fit - all the new gcodetools and etc.? I guess they would choose the 2nd option? If so, then maybe the 2nd option should be b) This file will be used with 'digital'? 'computerized'? cutters/plotters or 3d printing.
Good question - not sure.
Are these changes reversible? If not, maybe the option to make a backup could indicate they aren't reversible?
Not reliably for the 3D printer one, so a backup should be default for that option.
Could there be a "do nothing" option? Or is a choice needed for every file? If a "do nothing" option is added, it should maybe warn about the consquences. "This or that might happen" (or "will happen") if you don't make a choice.
The first option (digital artwork) is the do nothing option, which is why it's also being pushed heavily as the default choice.
I really like your idea to emphasize consequences though because I think users really care about that above all. Let me noodle on that for the text.
Last comment. There needs to be a space in "Thismethod" in the "Scaling individual elements....." section in the More section.
+1 Good catch.
Thanks for your good work Mairin, and offer to help! It's clear you have awesome skills for UX and mockups! For the most part, I think Inkscape's interface is very good. But there is plenty of room for tweaking and polishing.
Thank you - what a nice thing to say. :) I love Inkscape's interface and basically live in it. I agree there is room for tweaking and polishing, and I'm happy to help with that on the UX design front.
(This is probably a different subject, but there was recently some discussion about making the Page tab of the Document Properties dialog better - maybe split into 2 tabs, I'm not sure. Currently I have to dock that dialog to be able to see the last 3 options on that tab. This is a basic 15 inch laptop, which is apparently considered a small screen.)
I have the same issue with my laptop! I would be glad to play around with that design next.
I will have an updated mockup soon, hopefully I'll have time later tonight.
~m