Tag Info

Hot answers tagged

23

I would choose option 3. Use arrows, but have the arrow pointing right when closed, and down when open. download bmml source – Wireframes created with Balsamiq Mockups The reason for this is that the arrow now always points to the content it relates to. If you have an arrow pointing up then it could be misinterpreted as pointing to the ...


14

BURGER VS GRID - same or different context? I think the burger and the grid generally have different meanings, though they're not formalized anywhere yet (at least, it's not widely known like ISO or W3 standards). The burger menu usually is more about navigating content within a context. You're on a website and navigate to different subsections of the ...


13

Edit People should read this article about the hamburger menu. I rest my case: the hamburger menu does NOT work. Big companies like Facebook and NBC have found it to be true and they've changed from burger navicon to a TAB BAR, a tab bar with icons + words seems to give the best conversion rates. My example of Facebook was not nonsense, they did change ...


11

I've done some search without any specific result, so I will answer considering usability principles and software history: Legacy The undo function was already here in the 70's but was not until the appearance and expansion of graphical interfaces and increasing popularity of desktop computers that it got its icon identity. In those times the users didn't ...


10

The semiologic point of view: An x mark (also known as a cross, x, ex, exmark or into mark1) is a mark (x, ×, X, ✕, ☓, ✖, ✗, ✘, etc.) used to indicate the concept of negation (for example "no, this has not been verified" or "no, I don't agree") as well as affirmation (for example in election ballot papers or in x marks the spot). It is often ...


8

I believe that it is meant to represent an analog clock, where the Undo function shows the time sweeping backwards, while the Redo shows the time moving forwards again.


6

I believe it is to differentiate between the "Back Button" and "Forward Button" which is commonly represented with a straight arrow. Back buttons (and forward) represent and action that will navigate backward to a different place, i.e. the page that you were on previous to the current one. The undo button is round because it is rolling back to a previous ...


4

The images themselves tell you what format the menu will have. In these cases, grid layout that is common amongst web applications today, in the case of the three lines, that's usually a menu with a list style of some sort. I think 4 dots is definitely overkill, you can get the point across with 3. It has little to do with the content and more to do with ...


3

I think this particular icon is known as the "App Drawer Icon" If I am not wrong, the trend started with the app drawer icon acting as the launcher for apps on Android and Blackberry, particularly on Nexus and Samsung mobile phones (in early days) Since then, it has been adopted as a launcher icon for a list of apps. Edit (based on my comments and other ...


2

I don't know of any standards for this - I don't think I've ever seen a remote control like the one illustrated. It's somewhat reminiscent of a TV remote, using arrow cursors to move around, but has much fewer buttons than today's TV remote. I would use text along with row-of-buttons symbol. "Command bar" seems better to me than "Sub menu", maybe you'd have ...


2

I would avoid it...for now Because... The grid icon is as uncommunicative as the hamburger icon. The hamburger vaguely communicates a menu list, just as the grid vaguely communicates a matrix of icons. In terms of communciative design both are problematic because they presume the user knows the UI layout of the underlying menu and can relate that ...


1

The undo button is commonly styled as an arrow going back on itself. If you've ever taken a wrong turn at an intersection, the first reaction would be to do a U-turn and go back to the intersection to try again. The redo button would presumably be styled as just the opposite of undo. It basically is a U-turn button. Straight left-or-right buttons can easily ...


1

The idea behind those icons is to visually represent a thing coming back in a circle. Now the icons were mainly popularized by Microsoft as they became mainstream with the popularity of its office package. From a usability perspective the icons are not that bad but you have to accompany them with labels that clearly spell out the word "Undo" and "Redo." ...


1

I think they're just creating to make the animation interesting Many loading icons are very boring and Microsoft might try to make it less boring by changing ammount and speed


1

I would follow @whatsnewsaes suggestion to have the identifier on the left, but would go with the + and - symbols. The reasons are that: They are more visually distinct than the up and down arrows plus and minus already have semantic associations with more and less The visual association between the title and the content should be managed by the visual ...


1

After a bit of research I was directed to this article: https://viget.com/inspire/testing-accordion-menu-designs-iconography?ref=hackingui He tests 3 different icons in two different positions and concludes that the choice of icon matter does not matter as much as which side you put them on. Conclusion Use whichever icon's you want, but put them on the ...


1

Simply make the bar 100% height. If you have 12 icons you can just-about-get-away-with-though-I-shouldn't-recommend-it making them expand to fill the available screen space. 1/12th of a 4 inch screen (75% of current users have 4+ inch, and that includes somewhat older phones) gives you 7.33²mm squares. Windows Phone recommends to use 7²mm squares but ...


1

The vertical icons idea is fine, but you need to take care of an indicator showing that there are more icons hidden below the fold. Here are some possible solutions: Use semi transparent gradient on the bottom of icons list Position the icons so that last one is cropped in the viewport When user opens the app, auto scroll the icons list from the bottom to ...


1

The problem with your current icon is that it indicates a forbidding, like if the user would not be authorized to decide. Why not some clipart like this :



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