Tag Info

Hot answers tagged

22

Line numbers need to be countable. It is more intuitive to start counting at 1 instead of 0, because 0 (say: zero) means none, not one. Looking at a coffee mug on your table, you would not answer the question of how many mugs there are by saying: "Zero" - because that would imply no mug at all is on your table. Thus with line numbers, and almost every other ...


17

Kontur is correct. But I would also like the add that Arrays in programming start at 0 for a very specific reason. This is not because the number in an array is supposed to 'count' the amount of elements, but instead it is considered an offset value, and thus array[0] merely means that the specific entry is 0 memory positions away from the start of the array ...


12

What it is the value of WYSIWIG? It provides immediacy and the ability to fiddle quickly. Bret Victor capures it perfectly in this video where he shows the importance of immediacy in the creative process during the coding of animations and games. Creativity benefits hugely from experimentation, playing and being in the moment. You can't achieve that by ...


10

The question you need to ask is: Will enabling pasting of rich text add value to my application? Will it add more users? Will it help retain users? Will it make them more productive? etc. If the answer is "yes" then you need to weigh that against the cost - which in this case is the effort required to sanitise the input and the cost of not sanitising ...


6

Early languages like FORTRAN had the first element of an array starting with 1, and it was weird when C came along to use 0. That's only natural to you youngsters. FORTRAN started with 1 because it was natural to number things in a list starting with 1. C started with 0 because it was a language deliberately written to be close to the hardware, whereas ...


5

In the web application I work with, pasting of Office material caused some significant issues (including embedded stylesheets that broke the entire page). But this is not an indictment of pasting actually... my recommendation is to allow pasting. But post-process the HTML submitted and remove all but allowed HTML tags. In particular, make sure to strip mso ...


4

In The Humane Interface by Jef Raskin, he argues that the best way to ensure that the user knows both what state they are in and what they can do is to avoid modes (e.g. locked mode, unlocked mode). This means instead of toggling between locked and unlocked buttons, show buttons for both--one that is on and that one is off. Although you lose in space savings ...


4

In my honest opinion, the really great code editors have your basic features plus they are designed almost exclusively for a single language. The more specific (and less generic) the editor is designed the better it will implement all of the tiny little details of Python or Java or C++... FAST (read ... faster than Netbeans or Eclipse, even if that means ...


3

One solution would be to use one row for every item. Here's how we did it: The example is iOS, not Android but the pattern stays the same. Additional thought: You don't need a cancel button.


3

In general I think this is an example of the client describing their required solution not their problem. I presume, for instance, that the client uses Word to typeset web content because of a few useful features, like WYSIWYG, "Track Changes" and the ability to send around a document for discussion. It's my guess (and it's only a guess, since it depends on ...


3

The better solution will be to show both views at the same pane so your user will not need to switch between windows or tabs. You may also add ability to Pop up the preview or close it, and let users resize it so it will occupy as much space as needed:


3

Remove the chrome. People don't like living in houses with scaffolding. Similarly, it's hard to read an expression where everything is surrounded by a box and has several buttons attached. Generally you want to start by asking "What is the most understandable format that I can write this expression in?" Use a whiteboard, and imagine you're trying to explain ...


2

Very good question actually. I think there are two ways to deal with this: The editor is a dialog box or a separate window. The editor is not a dialog box or separate window. E.g. it's a properties pane on the main window. In the first case it is simple: the user can do all the changes he wants, the changes take effect after he presses OK or Apply. ...


2

There is a sort of hybrid answer. I came across this application and was rather impressed with it. Basically you can define the possible structure of the document with an XML file, and then the user is guided to fill it out within those constraints. I am not sure if that is exactly what you are looking for, but it might be an avenue worth perusing to get ...


2

Generally if a user has made a change, generally it was intentional and they want to keep it, so I would keep "save" as the default field. To help people be sure about which option they're choosing (so they don't blindly click) I'd check out the information in Luke Wroblewski's Primary & Secondary Actions in Web Forms . Overall, it seems that people ...


2

The panel that users use for editing the object is called a control panel (I took the name from Adobe Illustrator), and it is a horizontal panel located at the top. And as for the toolbox, you are right, thin column is better and should be at left side. So, the control panel at the top would be dynamic, it will change in content as the user focus ...


2

I would take this approach: Move the the static list to the left as a column - as you suggest. Give it a short headline. Keep it slim, make it drag & droppable and choose clear & short names for the item types. If items can not be used multiple times, gray them out in the left column. Make sure the user understands where she/he can drop the items! ...


2

Option #3, the variable width layout, is clearly the best choice if you have the resources to do it. I wouldn't expect it to be very difficult but not knowing more about your site that's just a guess. In place editing without popups is always desirable although in some cases it can't be achieved.


2

I would suggest a combination of some of the comments... A Click would show the image/expand it, what ever. A longer press shows up a certain area at top or bottom where you can drop the file at... Additional you can add an area - e.g. at the bottom - to duplicate or edit images or the filenames...


2

I don't think that there are any web-specific considerations regarding the use of the ribbon. One somewhat relevant factor is that the ribbon is well-designed for the use of keyboard shortcuts which isn't as common on the web as on the desktop, but otherwise I think that all the usual considerations apply. Actually Balsamiq uses a ribbon-like interface with ...


2

The main problem with a ribbon on a website is the wide range of devices you (might) need to account for. The obvious problem is it won't work well on a phone size device, the the other problem is the size of a pixel unit (css px, or device pixel) varies greatly depending on the device. I've seen apps that work fine on an iPad but on an iPad mini become ...


2

You asked a lot of different questions. As you requested, I will ignore the reasons and labels for the three different fields presented in each column. Is it useful/important to automatically populate a field if the values are the same for this field across every product? iTunes does this - if you go to edit more than one song at once, any field with an ...


2

Many people found Spore's editors to be quite intuitive to use. It had two basic orientation modes: First was similar to your method, an object had 3 pull rings to rotate it around each degree of freedom. This was used for items that were free in space (boxes, etc for building buildings and vehicles) Second, some objects had only one pull-ring for bank ...


2

The second option makes a few assumptions. First, a fact: Headers are block-level HTML elements, not styling elements. Selecting exactly every character you want can be rather tedious and very frustrating at times. Given that, this option assumes that if a user clicks anywhere in a paragraph they just wrote and changes the block-level style, they want to ...


2

I would honestly build the least amount possible, release it and wait for people to ask for more features. Start with allowing simple text input and auto-linking urls. Autolinking can make it easy to spam your forum though, so watch out.


2

I would suggest that defaulting the image on the main page to the first image uploaded to the rich text editor is a good idea that will save most users time and effort, however they need to be aware that this image will be used on the main page before they publish their changes. I would suggest adding a control below the rich text box which will display the ...


2

I believe the primary reason for browser tabbing through elements is for keyboard/non pointer device users. How would these users navigate out of code area if traditional browser tab functionality was taken away? Would it be possible to use a key combination along with the tab key to insert tabs? (alt+tab?) Obviously the solution would need to be ...


1

If you are building RIA with lots of features you have to use ribbon :). According to this discussion: One of the main drivers behind the Ribbon was discoverability of new functions. This was driven by research conducted by Microsoft that indicated that a large number of most requested features for Word actually already existed in the product; the ...


1

I find none of the suggested solutions from your question very intuitive. The main problem, IMHO, is the very unnatural ordering of the operators and the components. Everywhere, the 'AND' is the first thing you see. That doesn't fit a users' model how how the components belong together. As a solution, I'd suggest something like this: download bmml ...



Only top voted, non community-wiki answers of a minimum length are eligible