We decided to study the accordions in the context of mobile navigation so we created 11 prototypes of mobile websites, each in a different type of industry - clothing ecommerce, big-box retail, auto parts, finance, news, local government, higher education, DIY home projects, consumer-goods reviews, healthcare, and travel. We performed a quantitative study to find out which of these icons is the most effective at signaling that it will open an accordion. Jennair: Accordion signaled by caret icon Bolé Road Textiles: accordion signaled by plus icon Ferrari: accordion signaled by arrow icon Braun: accordion with no signifier icon Also, after expansion, the caret will typically twist (maybe in a nice quick animation), and a plus sign will turn into a minus, to become a signifier for the reverse action of collapsing the newly expanded content. There are some subtle differences in what these icons are commonly used to represent - while the caret and plus icons are typically meant to indicate that an accordion will open, designers have used the right-facing arrow icon to signal two different actions: either staying on the same page and expanding content, or visiting a different page. We looked at several possible icons as signifiers for accordions: We decided to investigate this question as part of a bigger study of navigation and subnavigation on mobile. while the Unicode Hex value is selected, press and hold down the Alt key, and type X,For good reasons, accordions are a popular UI element today: on mobile, they are an essential tool because they collapse content and make page length manageable, but even on desktop, they mitigate visual complexity and allow users to focus on the content most relevant for the task at hand (and are particularly appropriate in complex applications).Ī question that is often asked in both our Mobile UX and Application Design classes is: which icon should we use to best signal that content will expand in place? In other words, what’s the best signifier for accordions?.First type 2 1 9 3 to where you want to make the down arrow,.Before you pick your favorite arrow, let's see how to type an arrow symbol in Word or in Excel? How to type an Arrow in Word or in Excel by using it's Unicode value?įirst type the Unicode Hex value of the arrow symbol to where you want it, and select the value by cursor, then press and hold down the alt key down, and pres x.įor example to type an arrow down in Word You may copy-paste them anywhere you like, or you may use their Unicode values, within your HTML and other programming codes. ![]() We chose about half of them, for you not to get lost in them. There are more than 600 arrow symbols in Unicode library. On With Exclamation Mark With Left Right Arrow AboveĬlockwise Rightwards And Leftwards Open Circle ArrowsĬlockwise Rightwards And Leftwards Open Circle Arrows With Circled One OverlayĬlockwise Downwards And Upwards Open Circle ArrowsĪnticlockwise Downwards And Upwards Open Circle Arrows Mobile Phone With Rightwards Arrow At Left You may also display arrow emojis, on your web page designs, and computer programs by typing their Unicode Hex values You may copy&paste them anywhere you like. Below there is the list of arrow symbol emojis. Arrow Emojis with Unicode ValuesĪpart from the depiction of arrow symbols just with plain lines, there are quite a few numbers of decorative arrow emojis in the Unicode world. ** Above mentioned procedure is not aplicable for MacOS.įor more information on how to use symbols, emojis please check our How to use Alt-Codes? page. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |