I guess this will have been user tested a lot and that I evidently browse for fonts in a different way but there's a couple of things I like to do when browsing for new stuff.
Enter my own block of text and apply it to all the fonts so I can get a feel for how my own website content would look rather than a wordy description of each font and weight.
I'd like to view just one font weight in a family at the initial scanning phase as the visual noise of some families that have several weights means I'm having to scroll past lots of stuff I don't want and it make comparing very difficult when your screen is full of a single family.
It would also be nice to set a slightly smaller minimum font size on the selector too
On the font selection page, I really like the view when you click to select the ones you want and it shows you the styles included in your purchase. That's really nicely done.
Hiya James — Did you click on the large text in the content area? Try clicking on “Proportioned ” here: https://www.typography.com/fonts/inkwell/overview
Looks great! I was having some difficulty figuring out how to actually purchase a font with it today, though (I wasn't signed in and assume I have to be signed in to buy?).
Browsing the fonts is quite enjoyable. One small thing: I wish the sticky header got out of the way when I was scrolling to really let the fonts themselves take centre stage.
When purchasing you won’t have to be signed in until you get past the cart page. At that point you have to sign in or create an account.
What were the problems you experienced?
Hmm I was looking for an "ADD TO CART" button at the top (I think for Inkwell script) but I couldn't find it at the time. I scrolled down and didn't see it at all, either. I see now you have to actually click the packages on the left and then the SHOW PRICES -> SHOW STYLES button transitions to an ADD TO CART button.
The confusion was the top white part was for pricing/sorting "actions" (setting my license parameters) and the lower half with the font previews was for "browsing". This was difficult because Add to Cart is progressively revealed only after you click the package. I would consider keeping add to card highly visible all the time.
That makes a lot of sense. I definitely understand your difficulty there. Because we sell fonts as packages and not à la carte, there are questions that we have to ask the visitor when they’re looking to make a purchase, licensing being the most important. That’s why we can’t really have an “Add to cart” button present on the screen before we know what they want to license the font for. It’s very tricky, and believe me when I tell you there are probably a dozen or more iterations of that very page. In fact, I think we’re already planning a rehash to make it simpler.
Yea I’m sure it’s a challenge. Esp w how complex font payment models are. My initial assumption was I’d click add to cart then make the purchase decisions after that. Congrats on the launch though — checking out fonts was a great experience.
Thanks so much, Jonas!
Oh, you have been involved with the site!? Then I just want to add that I think that the attention to detail, both when it comes to the interaction design, the typography and content is something to aspire to. It's without a doubt one of the best usable sites that I've seen this year.
Thanks again. :) I was lead developer for the site. The attention to detail can largely be attributed to Jonathan Hoefler (Director) and Brian Hennings (Creative Director), who are both impeccable designers.