Remix.run Logo
danpalmer 5 hours ago

It looks like someone getting good at illustration. Older icons are far better illustrations. However icon design is not just about illustration, it's about clarity and affordances. Icons don't exist in isolation like an illustration, they exist alongside the rest of the UX and other app icons, and being recognisable is important.

All that to say, the sweet pot was likely somewhere in the middle of this timeline. The earliest icons aren't recognisable enough as they're too illustrative. The later icons aren't recognisable enough because they're too basic. The middle are pretty, clear from colour, clear from shape, well branded.

temporallobe 5 hours ago | parent | next [-]

I spent half a year designing and creating 200+ icons for a custom geospatial mapping app. I really enjoyed the work but it was grueling and tedious, especially the design part. Too many people had too many different opinions on which symbols meant what, which styles clearly conveyed ideas without being too detailed, and many other things that kept wasting my time and causing a lot of rework and inconsistencies. It was literally just me doing the work, so I stopped trying to get consensus and took a few weeks to redesign the entire set and even used color science to inform my design decisions. I created the entire set without external input, then presented it. Sure there was some tweaking here and there, but I believe it turned about to be great and no one really complained in the end. The most important part was that end-users were happy. I used Inkscape and developed a set of scripts to automate the build and had everything in a very organized Git repo.

nine_k 4 hours ago | parent | next [-]

> no one really complained

They were happy that someone finally made a decision, and freed them from the burden of fruitless repeated deliberation.

bigiain 2 hours ago | parent [-]

Yep. Sometimes it's better to keep everybody away from the bikeshed until it's fully finished and painted.

card_zero 4 hours ago | parent | prev | next [-]

Possibly the half year of annoyance helped inform the weeks of opinionated inspiration.

BTBurke 5 hours ago | parent | prev | next [-]

I’d be interested in seeing those if you’re open to sharing.

chrisweekly 2 hours ago | parent | prev [-]

can you share the icons? curious to see the finished product

fvgvkujdfbllo 3 hours ago | parent | prev | next [-]

I prefer illustrations and old school icons. Every icon was unique and easily recognizable.

Now all icons look alike, and it takes longer to recognize.

danpalmer an hour ago | parent | next [-]

I think this spectrum shows the issues with that though. Take the last one, the pen pot. You truly have to _learn_ what that means. Pen pots aren't a thing that most people are familiar with (I've never used one, I don't think my parents generation did mostly either), and there's little explanation of what it is.

Move up just one previous, and you've got a good looking illustration still, the pen and paper, but now a) everyone knows what a pen and paper look like, b) it literally says the name of the app, and c) the yellow colour scheme distinguishes it well when scanning many icons. It's clearly more accessible to new users, existing users, young and old users, and in terms of illustration quality, seems pretty subjective as to whether it's better or worse than the last one.

barrell 16 minutes ago | parent | next [-]

I’m not convinced the pen pot needs any more learning than anything else. Even the ones with the paper - is it a word processor, emailing tool, something about newsletters? Maybe a PDF or markup tool? Or a layout tool for print media? Or just a signature tool?

At some point, the user has to find out, in the same manner they find out about the pen pot.

I think users could easily associate the “pen and poison potion” with word processing for years until someone says “click on the pen and ink” and then they have a lightbulb moment.

I think we went from icons being “visually distinct” to “visually descriptive” to “visually uniform”. Personally I prefer the visually distinct. I’m not convinced we gained some massive leap forward in usability moving away from it; I know I struggle substantially more to find an app or tab that I’m looking for nowadays than when I first got a Mac.

JumpCrisscross 30 minutes ago | parent | prev [-]

> Pen pots aren't a thing that most people are familiar with

Personally, no. Cognitively? We've been seeing quills and ink in children's stories for centuries. One doesn't have to have used a bubble level to get the analogy in the iOS Level app.

> pen and paper, but now a) everyone knows what a pen and paper look like

A quill and ink are conventionally portrayed in relation to writing. A pen and paper could refer to e.g. sketching.

I'm obviously nitpicking. But I reject the notion that we have to oversimplify to the degree you're suggesting.

> it literally says the name of the app

The OS does this almost everywhere apps exist. Putting the name in the logo is superfluous.

kyleee 3 hours ago | parent | prev [-]

I am basically icon blind thanks to a couple decades of icon churn

WWLink 3 hours ago | parent | prev | next [-]

I agree with your conclusion that the sweet spot is in the middle, because I could easily explain to my mom "click the icon that has a pen and paper" and it would be very obvious. The current icon is completely ambiguous crap.

jan_Sate 4 hours ago | parent | prev | next [-]

Anyone else doesn't like modern minimalist icon design? It looks boring.

fvgvkujdfbllo 3 hours ago | parent | next [-]

Boring and same. Harder to use. It is for people who organize their books by the color of covers.

rk06 3 hours ago | parent | prev [-]

icons should prioritize usability first,and design, intersting afterwards.

if your users need billboards, then your job is to make great bill boards

WWLink 3 hours ago | parent [-]

The current icons really aren't that good. Looking at apple specifically: The facetime and messages icons are almost completely indistinguishable. Get angry and say I'm blind, but so is a lot of the userbase - like legitimately, legally blind people.

The camera icon on iOS is just a fucking camera lens with a grey background. No context.

The calculator one is actually pretty good.

The photos one is also bullshit lol.

what 44 minutes ago | parent [-]

FaceTime is a video camera, messages is a speech bubble. They look nothing alike except they share the same colors?

Gigachad 5 hours ago | parent | prev | next [-]

None of the Pages icons are recognisable because almost no one uses Pages. The word icon is just a blue W which is not any more illustrative than an orange pen.

shagie 3 hours ago | parent | next [-]

One of my favorite series is Nathan Lowell's Solar Clipper... in In Ashes Born, there's an bit about creating a logo for the company...

    He pointed to the far end of his studio. Two tiny patches of white—which were probably actually gray—lay in a single pool of light. One was a smudge of red and the other was a spiral of red. “Which one of those is your logo?” he asked. 
    “Neither,” Pip said.
    “The smudge,” I said understanding where the kid was taking us.
    “Right,” he said. “The smudge.”
    “What?” Pip asked.
    The kid held up the paper from the workbench. “Look, this is nice and all, but it’s too fussy. If you look at anybody else’s logo, it’s not fussy. It’s iconic. A crown with wings. A C in a circle. That’s yours,” he said to Pip. “All of them are simple shapes combined to form an unmistakable pattern.”
My own choice for a gavatar is similar - https://github.com/shagie (it's from a photo I took). While by itself its a neat bit, its also something that is easily recognizable as "that's Shagie's" when its projected on a screen on the other side of the room or if it's someone's full screen share and everyone's icons are shrunk down to smaller blurs - mine remains clearly distinct.

The goal of an icon is to be able to identify it quickly without having to read the associated text.

The inkwell and the two with the paper are artistic - but they aren't things that stand out quickly when you're trying to find them in the launchpad or on the sidebar.

Pages is orange. Numbers is green. iTunes is red. Keynote is blue.

For Microsoft, Word is blue, Excel is green, and Powerpoint is orange (and Outlook has an envelope like shape). The letter reinforces the choice, but that's more of a hint and reinforcement.

The shape and color is the important thing for quickly finding what you're looking for.

danpalmer 4 hours ago | parent | prev | next [-]

Document, pen, orange, and name "Pages" is pretty excellent all round for recognisability in my opinion.

Over the years Word/Powerpoint/Excel have done similar things, they have their own colour, their own name/letter, and usually have had a descriptive graphic in the icon too, indicating a document, grid, or slide.

WWLink 3 hours ago | parent | prev [-]

The office icons are rather subtle but do sorta illustrate what they do if you look carefully - the word icon is a list, the excel icon is a spreadsheet, and the powerpoint icon is a pie chart.

That you have to look closely is kinda crap lol. Whoever designed the icons was more obsessed with consistent branding instead of making icons that make sense.

Looking at the start menu, some MS icons are great. Paint, Notepad, Calculator are all fantastic.

immibis an hour ago | parent [-]

Office doesn't exist any more. Product suite was renamed to Copilot 365.

inejge an hour ago | parent [-]

Just like Twitter is now X, full stop? With the difference that the "Office" brand is much older and has much more staying power. Besides, the desktop application suite is still named the same AFAIK.

christophilus 5 hours ago | parent | prev | next [-]

I agree. The middle one seems to be the best combination of clarity and simplicity.

5 hours ago | parent | prev | next [-]
[deleted]
kcrwfrd_ 2 hours ago | parent | prev | next [-]

Tbh I like the far left way more than the rest. It is simple, clear, and distinctive.

Dead middle is decent too.

hshdhdhj4444 3 hours ago | parent | prev | next [-]

How in the world are the newer icons more clear?

They are hard to distinguish from each other, removing the main goal of an icon…to make it easy and quick to uniquely identify an app.

QuantumNomad_ 2 hours ago | parent [-]

I use macOS and have done so for several years. But I had to look up this app icon to know what app it was. It’s the Pages app, which I don’t use and don’t keep in my dock. Looking at only the leftmost icon, I was thinking it might be the Notes app or the Freeform app, both of which might conceivably also be represented by what to me looks like an Apple Pencil for iPad.

Looking at the reminder of the icons, I recognize that it’s not the Notes app because although I no longer use that one I have in the past so I remember that it has looked like a notepad with some lines and some yellow on it. But the leftmost one might as well have been a newer version of Notes than the one I last used.

pembrook 4 hours ago | parent | prev [-]

Exactly.

Anyone who thinks an intricate illustration of a quill and ink communicates to the user "Hey this app is our Microsoft Word"...is not thinking about what function an icon is supposed to serve.

It's like comparing a road sign to an 18th century painting and saying "LOOK HOW FAR WE'VE FALLEN!"

These are not serious people.

ImprobableTruth 4 hours ago | parent [-]

The quill and ink at least communicates that it's about writing. The new one is so abstract that when I first looked at it I had no idea what I was even looking at, it certainly doesn't communicate "this is like word" to me. Without comparison to the previous icon, how many people do you think would understand that the bottom line is intended to be a stroke drawn by the pen?

pembrook 4 hours ago | parent [-]

I think you might be post-hoc rationalizing an emotional feeling, as clearly this meme is emotionally triggering to everyones nostalgia/pessimism nerve (hence why it went viral).

I'm 100% positive more people would guess the far left icon is a text editor compared to the far right icon. Not that I like the left icon aesthetically. Both are pretty weak icons.

Dylan16807 3 hours ago | parent | next [-]

Leftmost is probably a pen, rightmost is definitely a pen and specifically a fountain pen. I've never seen these icons before, and I'm trying to be the fairest I can, and I think rightmost wins at evoking "text editor". But the one exactly in the center wins by a mile. Pen on lined paper, hard to do better.

spookie 3 hours ago | parent [-]

Same thought. The one on the left just conveys "notes" to me. Middle actually seems to be about a more "well put together" document. A fountain pen by itself doesn't necessarily mean documents to me, but signing them.

As you, never seen these icons in my entire life.

dpark 2 hours ago | parent | prev | next [-]

Neither extreme looks like a real word processor. The left looks like maybe an icon for notes. The right looks like it’s for a drawing program.

pseudalopex 3 hours ago | parent | prev | next [-]

Pages is a word processor. Not a text editor.

The far left icon's color gradient and Apple Pencil shape made me think it was for drawing.

mlyle 2 hours ago | parent | prev [-]

It's a page layout / word processing program. I see the icon and I think "maybe text editor, maybe drawing program".

#4 or #5 are best at conveying what it is for and for being distinct from other icons.