Noto emoji, a new black and white emoji font with less color
developers.googleblog.com
developers.googleblog.com
For a long time I thought that switching away from 3d buttons, getting to less colors was only frustrating me and other techies who like how things were done before (I love the original iPhone aesthetics for example).
But a few months ago my father died, my mother is left alone 73 years old, far from me, and I try to help her through phone (and sometimes remote sessions), but it’s extremely frustrating that she can’t tell me what buttons there are on the screen, because she can’t make a difference between buttons and text. With more black and white, I even can’t tell her what color to look for. And the worst thing is that when she can’t achieve something she needs to (like pay a bill), her blood pressure goes up, and she has to take medications with serious side effects.
I’m very angry at companies that don’t test changes with old people whose life and health at this point depends on being able to use digital services.
Colour is a key affordance, and this font only makes it easier to achieve a good UX.
What mono color setting of the doughnut emoji makes it easier for my old mother to recognize the doughnot over showing one with multiple colors?
How does being able to specify the color for the empty / non empty battery symbols make it harder to achieve bad UX? At this point making it hard to achieve bad UX by UX designers should be preferred over making it easier to achieve good UX, as designers don't have the capability to do user testing on a huge variety of people.
The rest of us aren't forced to use XL sized text because some people need it, I don't see why emoji colour should be any different.
User interface I've seen use buttons for clicking, and the buttons can be colored, regardless of the emoji colors or lack thereof.
In fact, with black-white emojis, then, colored buttons get even simpler to spot.
So, the remark you made seems off topic to me.
I'm sad about your mother though, and father. I hope Google and others won't make the important buttons black-white-gray only.
Before Jon Ive banned color, Mac and iPhone apps were full of colors. You could easily distinguish toolbar buttons by little colorful icons. It made it really easy to use the app, since locating the button with the yellow icon was really easy.
Then came the decolorisation, and suddenly all color was gone and all the distinctive icons were replaced with monochrome glyphs that all look exactly the same. The abstract design makes for a very clean design, but every time I open Mail I have to consciously look at the buttons to figure out which one is trash vs. archive vs. spam.
Thanks for pointing these out.
Today, the UI is more graphic and more simple than ever before BUT it’s decreasingly connected to the expectations of desktop computing. Many here on HN who grew up and professionally use desktop OSes have lamented the changes (“they’re bringing iOS to the Mac!”) that’s simply because we already had an idea of what idioms and UI patterns to look for. At the same time, we’re generating new patterns that aren’t grounded in historic imagery (and maybe have no research at all) and this is hard for everyone. Especially websites and internet activités.
One example is the “x” to close a window. On a traditional computer, closing the window stops the application and it’s done. Meanwhile, minimizing the app keeps it just shifts the view. On a phone, you don’t really stop the application you just shift view back to Home Screen (you can force close but it’s not really needed). Phones don’t have the same UI at all as windowed devices. So it’s less clear what you’re doing on them. But websites… closing them stops them and today many websites are basically apps.
Right now the simplest thing is that I just take over everything from her and pay all the bills, just tell her to forward me the emails and pay everything with my credit card...at least using email is very simple for her.
This only works on emoji for which a variation sequence is defined. Some emoji render the text presentation by default; you can choose the emoji presentation for those using U+FE0F VARIATION SELECTOR-16. Sequences also exist for ideographic variations like single- or double-storey 'a' and 'g', unified CJK, and miscellaneous ones such as serifs for certain mathematical characters.[1]
[0] https://en.wikipedia.org/wiki/Miscellaneous_Symbols_and_Pict...
[1] https://unicode.org/faq/vs.html
I find this tool handy for listing the Unicode characters in a string.[2]
[2] https://qaz.wtf/u/show.cgi?show=%F0%9F%8C%8D%EF%B8%8E
Edit: An easy way to add the variation selector without a method for Unicode input (though there's a registry hack for Windows to enable Unicode alt codes): put the emoji in an address bar, then add the URL-encoded variation selector,
%EF%B8%8EFor example, there is no text style "pizza" emoji.
This particular project is an attempt to provide a black and white emoji rendering for all emoji, which is distinct from the Unicode approach of allowing specific text / emoji stylizations for certain emoji.
Here along with FIRE EXTINGUISHER, which doesn't: https://qaz.wtf/u/show.cgi?show=%F0%9F%8D%95%EF%B8%8E%F0%9F%...
(Actually, Segoe UI Emoji (https://docs.microsoft.com/en-us/typography/font-list/segoe-...) does have also the fallback B&W emojis, but the proper way is to refer to Segoe UI Symbol first.)
https://i.imgur.com/S101VQD.png
Stock in Windows 10. I'm not sure how, but so far, the ones that didn't work were zero-width-joined.
I couldn’t find the variations for a and g in the text file. Are you sure these are standardised variations?
Variation sequences for double-storied 'a' and 'g' were proposed, as part of the only Unicode proposal with substantial Latin glyph variations,[1] to address the problem raised by the answer to the FAQ,
Q: Can all glyph variations be represented with variation sequences?
…that there are separate codepoints for only the single-storied glyphs, meaning only fonts that assign the double-storied glyphs to the original ASCII codepoints can contrast the variations. The proposal went through two rounds of UTC,- first as agendum C.4 of UTC 126 (http://unicode.org/L2/L2011/11015.htm),
- then rescheduled (https://www.unicode.org/cgi-bin/GetL2Ref.pl?126-A79)...
- as agendum C.21 of UTC 127 (https://unicode.org/L2/L2011/11115.htm),
- but ultimately wasn't acted upon (C.21.1 of https://unicode.org/L2/L2011/11116-pre.htm)
It did leave an extensive debate as precedent for what glyph variations are to be used for,[2] namely not localization as the proposal had largely intended. A shorter discussion in retrospective occurred when it was brought up again in 2018.[3]
[1] L2/10-280 / L2/11-059 (https://www.unicode.org/L2/L2011/11059-latin-cyr-var.pdf)
[2] https://unicode.org/mail-arch/unicode-ml/y2010-m08/thread.ht...
[3] https://www.unicode.org/mail-arch/unicode-ml/y2018-m07/threa...
I guess you mean skeuomorphic, with heightened 3D presence caused by heavy use of light and shadow - roughly, the sort of effect you would get from a static rendering of a cheap 3D model in a Unity mobile game.
I agree with you, although I will say that the current version of the Noto Color Emoji font is (IMO) the best up-to-date color emoji, because it mostly eschews this fake realism that feels uncomfortable and disconcerting in other emoji fonts. I'd prefer hyper-stylized "blobs", but I think they deserve some credit for avoiding the worst of skeuomorphic design.
See for example the "realistic" 3D rendering of the hand on the Apple emoji for "thinking face", it's firmly in uncanny valley for me. [1] The Noto emojis remain fairly stylized without being hideous like the Microsoft emojis.
Google also deserves from credit for drastically improving the rendering of many of these emojis over time. This has happened quietly enough that I doubt most people have noticed. They brought back the more blob-like turtle [2], which really deserves to be compared to the horrible, awkward plastic children's toy that is the Apple rendering. Or take a look at how awful the gradients are on the Android 8-10 emoji [3] and compare to more recent versions. [4]
I think we will look back at awkward 3D renderings in many emoji styles as a mistake. They remind me quite a bit of the terrible DreamWorks animation style [5] of the early '00s.
[1] https://emojipedia.org/thinking-face/
[2] https://emojipedia.org/turtle/
[3] https://emojipedia.org/google/android-10.0/
No, not really; the problem is more, taking things that were originally introduced with the intention of being abstract pictograms signifying emotions; and adding enough un-called-for detail (i.e. details not required by the Unicode codepoint description) as to make things like gender and race seem like a relevant or even necessary property.
Consider: in all modern implementations, "emotion" emoji are displayed with... heads. Opaque backing "vaguely skin-tinted" blobs at the very least; full-on human heads with ears and noses and hair in some fonts.
They don't need to be. Nothing about the Unicode codepoint for e.g. U+1F603 "grinning face with big eyes" says the "face" needs to even be visualized as being on a head. It could be doing a cheshire-cat-smile thing, just eyes and a mouth — ":D" but rotated 90 degrees. And, in fact, that's exactly what it was, in the DoCoMo image-font, one of the three that led to the Unicode introduction of emoji!
But for some reason, now we don't just have skeuomorphism (shiny eyes, pink mouths with tongues, blushing cheeks); we have these heads, and ears, and hair; and before you know it, people wondering why the head is yellow rather than some actual skin tone; or why the increasingly-less-generic face shape seems to be more masculine than feminine; etc.
Why not just cut the Gordian knot? Get rid of the "head" part. Get rid of any part that's not required to communicate the concept. Make an image-font of only the Minimum Viable Pictograms for what each of the Unicode codepoint descriptions describes.
Which is orthogonal to skeuomorphism, mind you. This isn't about whether a tongue has a tongue-ish texture to it. It's about whether you should include a tongue at all.
Okay, one vendor opted to do simpler emoji, but the other two displayed faces, right? Moreover, Japanese carriers don’t have the monopoly on inventing small images expressing emotions. The "Western" world had ICQ, AIM, MSN Messenger, Yahoo Messenger, and other IMs (say, Poland’s Gadu-Gadu). And all those had emoticons: typing ":D" would turn into an image of a yellow circle with eyes and a grinning mouth.
And personally, I would prefer the colorful, lively emoji, as opposed to plain punctuation turned 90 degrees. I guess all the current emoji vendors think this way.
Also, I've got an ex-coworker in her late 40's who apparently now types in sentences where the majority of the parts of speech are replaced by an emoji. "Radishes are 'thumbs down' 'vomiting face'" and other statements built with the same grammar. She's an idiot and that was apparent long before this started, but it's gotten worse over the last 4-5 years.
Basically, I'd like to opt out of picture emojis. I'm not sure anything worthwhile has been communicated with them. Well, maybe leave out grandparents. My husband's grandmother isn't a fast typer, so she sends messages mostly made of sweet emojis and you know it's sent with love. But anyone actually trying to make a point with them irritates me. It feels like they're talking like a baby, but in print.
Can people just explain their feelings as they always did in the past, or if that's for some reason not possible, just send a photo or a jpeg of a smiling cartoonish face? Do we really need emojis as they are, sequences of bites that have to be standardized and render correctly on every device and any font?
I just don't get this obsession with emojis. It started as a fun toy, but now it's a huge waste of time for thousands of developers.
But there's no reason that said pictograms need to have a rendering like anything more than what people would draw them as on paper. The Unicode ellipsis exists to encode the separate intent of "writing an ellipsis" from just writing three dots — but it's still just rendered as three dots.
They didn't look good even at the very beginning, and surely doesn't match Apple's design language/principle for.. at least 5 years. Apple is supposed to be the company that is obsessed with aesthetics yet they never update/redo the emojis.
I’ve never used that many emoji in my messages than since I switched to iOS because their emojis carry way more meaning to me.
To be clear, you’re saying that Google’s version looks better?
It also transports the idea of "turtle" better - especially when you deal with people who are unaware of the difference between turtles and tortoises, or who know not all turtles have extraordinary large giraffe-style necks. Not every turtle is a Galapagos tortoise.
Consider what turtles are usually looking like, according to Google Images: https://www.google.com/search?q=turtle&source=lnms&tbm=isch&...
I agree with the sentiment though.
To be clear, I do recognize that the Google one is "stylized" in a way that is not going to appeal to everyone. However, I claim that there is something objectively (or almost objectively) wrong and upsetting about the Apple style here. If you're going to do the whole "3D render" style, you simply have to do a better job than Apple has done here. As I said in my OP, it looks like a poor model from a mobile game or a early 00s DreamWorks film. It's simply not good enough work, regardless of whether you like "realistic" emoji art or not.
Note that Microsoft also had to do a refresh of all their emoji for Windows 11.
For now the Apple/WhatsApp like aesthetic is king. But it’s so fashion driven, you never know what’ll be in tomorrow.
Whatsapp just used Apple's emoji font on android too, for a long time. Eventually they drew their own, often mirrored, versions in the same style.
assume a human is a frictonless sphere. given the skin color "default", solve for emotion rolling_on_the_floor_laughing
Checkout her substack:
https://jenniferdaniel.substack.com/
See also:
https://www.technologyreview.com/2021/05/11/1024802/jennifer...
It's also interesting they call out emoji being too detailed as a problem. For some characters like Pistol (apple-fied into Squirt Gun) they've copied Apples style -- presumably to avoid confusion. So acknowledging that not all fonts need to look the same is a bit refreshing there.
Though of course the black and white pistol still looks like a squirt-gun
Given they're both called Noto Emoji, it's fair to assume so. Especially considering the new version also has gumdrops which are a classic of old Google emojis.
The blog post mentions increased interpretability and adaptability but I think making emojis more professional and aesthetically pleasing "in a professional setting" might be a big step as well.
Edit - In the (?) I put a goblin and clipboard emoji to represent 'devil's advocate' but it got stripped out, if you were wondering what that was.
Emojis in source code and program output, eh, not my style but it's harmless.
I've read of a project here that _requires_ emoji tags in the commits, instead of using "chore", "bugfix", etc. — that's a little too much for my taste.
Only they do not indicate anything critical. Not everyone has emoji-capable fonts installed.
Ideally no-one except developers ever saw this box, but gave myself a laugh at least whenever our app crashed in a bad way.
But poutine was declined? That's an outrage.
As you noted, this broke a bunch of existing use cases. It is infuriating.
Some softwares do intentionally ignore the default and turn they into emoji (discord for example), but that is a software thing.
And also, white and black rendering can be forced with variant selector if you absolutely don't want them to be emoji. (again, if software don't mess them up intentionally)
See also: https://en.m.wikipedia.org/wiki/Variation_Selectors_(Unicode...
BTW, windows used to have a bug that its emoji keyboard outputs arrow without variant selector, so it is not even a emoji when displays on windows, but it is now fixed. Proper selector (0xfe0f) have been pretended to the character.
What do you see here? https://qaz.wtf/u/show.cgi?show=15%3A%E2%86%94%EF%B8%8E+16%3...
Edit:
I think you're stuck with the emoji arrow for that font: neither U+2194 ↔ LEFT RIGHT ARROW nor U+2B0C ⬌ LEFT RIGHT BLACK ARROW have any defined variation sequences. ⇔ and ⟺ are probably text-style, but you can't change existing content.
Hmm… U+2192 → RIGHTWARDS ARROW doesn't vary either, but U+27A1 BLACK RIGHTWARDS ARROW does: https://qaz.wtf/u/show.cgi?show=15%3A%E2%86%92%EF%B8%8E+16%3...
…and as the only one of the four in the Dingbats block, is stripped by HN.
(Also, Google’s site has such large margins that text is only a third of the horizontal width of the page. But I digress.)
The curving is supposed to indicate z-axis movement - a flag billowing in the wind. The deformation would be of a bulge/pinch variety and not just following the curve. Either way, it's going to be a lot less legible.
> oval car sticker symbols
Yeah, that would have been ideal. They wouldn't be flags anymore, but I think it's a better compromise. And like you observed, instantly useful.
Unfortunately, international vehicle registration codes are NOT compatible with ISO country codes. It's not even close, IVH are variable-lettered.
Edit: Wouldn't be surprised if "can I share a Wordle score with it?" was actually one of the design criteria
https://hfg-gmuend.github.io/openmoji/
Personally, I much prefer the color and I like that those color emoji are flat 2D rather than the 3d that other emoji sets mostly use (although I'm not fond of OpenMoji's neckless people).
Legomoji, even the ":)" face matches :D
I get the same feeling recently with Emojis. They might be improving the fun factor of your software, especially if it's of a communications kind, but shoehorning them everywhere else feels wrong on so many levels. I dread to think of how many man-years have been put into getting emoji everywhere, in font development, standard bodies etc. for a miniscule increase in whatever better engagement in chat software actually brings to the societs. In a way that's me getting older, but also the feeling we are exchanging something valuable for colorful (and animated!) icons, also reducing the emotions previously nuancely expressed by language to a placeholder which is subject to interpretation.
[1] Officially, they were still available as a font, some amazing people continued to create blob-moji for the new emojis since their deprecation: https://github.com/C1710/blobmoji
I planned to do it with godot, and apparently it means I can really reduce the cost of making icons, since those icons are free to use.
- I can use these in any terminal that supports Unicode.
- Any rendering engine that can fill a path can trivially take the output of a freetype parser and rasterize. Instead of having bespoke monocolor icons I can just use standard emoji and make them available to my users.
I'm getting old I guess.
Who is at fault here? The cowards at Google who fear a PR disaster and self-censor in advance? The extremist minority which often generates similar outrage about such pseudo issues on Twitter? Or the journalists who willingly and uncritically spread and blow such outrage out of proportion without mentioning that the original source of the outrage was just a small group of social justice activists on Twitter, not "the public"?
> less color
Am I missing something or is there some overlooked redundancy here? I was really confused reading the title. “What does less color mean in the context of ‘black and white’? Less grayscale, maybe?” I thought.
And while they succeed at this singular purpose they fail at the thing that actually made emoticons beautiful communication tools: their ambiguity. For example see the way the emoji lexicon had to be expanded in order to be racially inclusive. Emoticons never had this problem. A smiley is a smiley, simple, universal and forever. :)
no further comment.
If I want to ask a friend out for drinks I just need a generic drink-like icon, like a cocktail glass. I don't need all the variations between beer, wine, cocktails, shots, toasting glasses, bottles, and so on. It's the point of a hieroglyphic anyway, to convey a more articulated message through a simple image.
The same with all the nonsense with genders, scarves, disabilities and skin colors. Let's have a round, genderless face of a color no one has, and move on. Nobody needs to identify with that anyway, it's a symbol like the gas pump on your car's dashboard.
[1] far more likely unless you are determined to be offended if a white human isn't the default representation of everything everywhere everywhen.