C ++ graphical interface

Does not allow me to use the glui.h library as I can solve it?

.. GRAPHICS GLUI include glui.h | 54 | fatal error: GL / glut.h: No such file or directory |

graphical user interface design – offline IoT – what you should be able to access

I'm working on an IoT system, which connects many different products through a gateway.

Now we had a big discussion about what the user should be able to access when the gateway or one of the devices can not be accessed.

A large amount of data is stored in the user's account, which, in both cases, is still available (for example, the current configuration of a device, schedules, history of the device (when it did X)) even if a device or gateway is disconnected.

There are some people who argue that you should block everything when the gateway is offline. It does not even let the user see their connected devices. And block the possibility of "entering" the device, to see its configuration and history, if the device itself is not accessible. Others think that we should show basic information and not show (hide completely) all the interactive elements, like all the configurations of a device.

Note: "Not accessible" does not mean that a device is not working, we do not know if it is working.

I have a quite different opinion about it.

I would love to have some thoughts on this.

Thank you.

Graphical user interface design: retrieving information from a label when the user presses a button

In my application I have the following scenario: if the user clicks on the "information" button, the information will be displayed on a label (bottom right).
The problem is that I am obliged to place this label a little away from the button, so I do not know if the user is aware that the information you want to retrieve is exactly on that label.
For now I decided to put a keyword "information" in the label header, and also to do some tooling information that explains exactly what will happen if the user clicks on the button.

Any advice for some of the best practices of UI / UX in this case?
Thank you

enter the description of the image here

Graphical user interface construction: use of Switch inside Dynamic with a variable number of conditions

I'm trying to create a code that traces a variable number of Gaussians and allows me to control their parameters using Locators. A locator in the upper controls. $ mu $ and a vertical scale factor, while another locator is set at half the maximum in the vertical, but can slide in the horizontal direction to control $ sigma $. As part of this, I thought it would be good to use a Change Statement that updates the 2 locators for each Gaussian. I have this working if I codify each part, but trying to generate a variable number of conditions within the Change it is problematic

I have come across other questions about Change that suggest the use of Evaluate,Change[val, Evaluate[Sequence@@conditions]]) but that seems to give rise to all the statements within the Change being evaluated. I think the problem comes because terms It is not something that is pre-evaluated in my case. Here is a minimum example of work:

  Evaluate[Sequence @@ Flatten@Table[
      Print[ToString[2 i - 1]];
Print[ToString[2 i]];
i + 1,
Print[ToString[2 (i + 1) - 1]];
Print[ToString[2 (i + 1)]];
{i, 1, 6, 2}]]](* Print the numbers: 1 2 3 4 5 6 7 8 9 10 11 12 *)

This prints the numbers from 1 to 12 instead of just 1 and 2. I think this is probably due to the function that generates the conditions within Evaluate, but I'm not sure how to achieve exactly what I'm looking for without that.

In my real code, I'm trying to update my locator positions based on Current value["CurrentLocatorPaneThumb"]and I'm using Slots, then I do not think I can evaluate the conditions in advance. Maybe I can if I use some combination of To hold Y ReleaseHold or something? I have not been able to get it to work until now.

Here is a minimal version of my real code. I would like to replace the hard code Change With something that changes depending on the total number of Gaussians. The expected behavior is that when the peak locator moves to the left or to the right, every Gaussian follows it. When the FWHM locator moves, just change the Gaussian width. Because all the conditions seem to evaluate when I use a Table inside of me Change, I end up with just moving the peak locator while the FWHM locator stands still.


{pts = {{1, 1}, {0, 0.5}, {2, 1}, {0, 0.5}}, dist = {1, 1}},

pts[[1]]= #[[1]];
pts[[2]]= {#[[1, 1]]- dist[[1]], #[[1, 2]]/ two},
pts[[2]]= {#[[2, 1]], #[[1, 2]]/ two};
dist[[1]]= #[[1, 1]]- #[[2, 1]];
pts[[3]]= #[[3]];
pts[[4]]= {#[[3, 1]]- dist[[2]], #[[3, 2]]/ two},
pts[[4]]= {#[[4, 1]], #[[3, 2]]/ two};
dist[[2]]= #[[3, 1]]- #[[4, 1]];
Dynamic @ Plot[
       Subscript[a, i]
         E ^ (- ((x - Subscript[[Mu], I]) ^ 2 / (
2 subscript[[Sigma], I]^ 2))),
{i, 2}
]/. {Subscript[[Sigma],
I_]:> (pts[[2 i - 1, 1]]- pts[[2 i, 1]]) / Sqrt[2 Log[2]],
Subscript[[Mu], I_]:> pts[[2 i - 1, 1]],
Subscript[a, i_] :> pts[[2 i - 1, 2]]}],
{x, -5, 5},
PlotRange -> Complete

If I'm doing something more retroactively, do not hesitate to let me know!

Graphical user interface design: the best way to insert a clear button in a data cell

If it is a requirement that the user should be able to delete the data of each cell in a column, then this practice works well. Some suggestions:

  • Is it possible that only the clear button is displayed when the cursor is passed? If this occurs when the row is moved over and the corresponding delete button appears, or if the cell moves over, etc.
  • Can you change the icon? A simple "X" (crossed) button with information on simple explanatory tools will work well: the current icon is a bit misleading, as it seems to be a backspace icon, suggesting that clicking the button will remove the characters individual. However, if your plan is for the button to erase the entire cell, the icon is deceptive and quite annoying.

In general, I do not see any problem with your current ideas, apart from the fact that the icon will be distracted if it is repeated throughout the column, so take a look to show it only when you pass the mouse or similar. Many UI examples only show clear input buttons when scrolling or when the text box is selected (in this case, cell).

I hope I've helped.

Graphical user interface design: how to determine whether custom or "standard" cursors should be used in a software application?

There are many applications that depend only on the standard cursors (normal cursor to point something, cursor to show that an operation is currently in progress, text cursor, etc.) that are included with the operating system. There are also many applications that have their own custom set of cursors. And last but not least, we have applications that have custom cursors that are confusing (even after decent use) and applications that might have had a better UX if they had custom cursors (imho Blender could have worked with some of them) .

On the one hand, this allows the user to have something familiar in the new environment (software application) as well as using operating system style buttons, scroll bars, ec text fields.

On the other hand, custom cursors (bucket tool, pencil, etc. in all applications similar to Paint are a good example for these types of cursors) can provide essential information specific to the application, whose visualization can be too difficult.

My question is probably too broad, but I would like to know how people usually determine whether or not to use custom cursors. When exactly does the point where a designer says "Ok, we need to enter the custom cursor X because Y."?

Graphical user interface design: no matter how hard you try, I think this quick access bar interface will stink

Here is a prototype with an animation of what is used in a scheduler application.


I did some interviews and everyone said that the quick access bar would be "great" or "sounds good". But actually I built the feature and this is it. I think I'll rule it out, since it's too prone to error.

Here are the four options I have to choose for a programming interface …
enter the description of the image here

There is a visual to make this easier to understand.

First Option: Hotbar (left)
Too prone to error. Unless someone is very interested in mmorpgs, I do not think users appreciate the additional functionality. (See codepen for an animation of the quick access bar)

Second Option: Dropdowns (above)
Click on the drop-down menu to filter groups. Click on the turn to get & # 39; 10 to 2 & # 39; & # 39; 12 to 6 & # 39 ;, etc. Then you can click on several boxes instead of rewriting

Third option: click on the cell in the table
This could be the most intuitive option and less prone to errors (I suppose).

Fourth option: pull-down + click on the cell in the table
Instead of having the drop-down menus where the bread crumbs are, maybe include them in a pop-up menu

The best option based on user research
I noticed that the place where I used to work would have the times of change in the top column instead of the dates. Then, the row below would have a list of names of people instead of names on the left side, they would be in the cell of the table. I think this just shows that a simple Excel interface or a piece of paper could triumph over the elegant website I'm building.

Graphical user interface design: allows the user to manipulate objects in 3D space using the touch screen

Our Iyan 3d application allows the user to create 3D animations using their mobile devices with touch screen. We are targeting the informal market, so we are trying to find the easiest way to allow users to manipulate something in 3D.

The biggest challenge is, for each object there are 6 degrees of freedom. So we have 2 control modes.


Iyan3d motion control


Iyan3d rotation control

When the user drags any of these control objects, the selected object moves on that axis. To switch the controls the user has a switch. So our editor looks like this.
Iyan3d editor

Is there any better way to do this or any small improvement that allows occasional users to do it without confusion?

We tested many user interfaces in previous versions, but we did not exercise.
Iyan3d old ui
The user has to select the objects and select the axis and rotate the nob to rotate or move the pin to the left to move the object.

Graphical user interface design: jump between different types of similar records

We have an application that shows the details of a client. However, some of these clients are related to each other, for example, one may be the father of the other, or all of them are referred to within a contract organized by a different company.

So within an interface you will see all the children of a parent, and then it is possible to follow a link to them. However, we have noticed that sometimes users click on these and then they do not realize that they have jumped to a different client. An example would be that the user is in customer_b, by clicking on & # 39; partners & # 39; which would then take him to the customer_a children list.

All pages have the client's name in focus, but users do not seem to notice. I have asked myself if I use a symbol near the link to show that the user is jumping to a different client. Any other suggestions

Graphical user interface design: adjust the large text in a questionnaire design

I am trying to make a test section for my Android application
The problem is that it can have large texts and I want it to be easy to read and answer.
I came out with this design

the design came out with

but I think it's a bit defective because the user needs to press the button to enter his answer
any ideas ? please I need help