Maybe using horizontal navigation bar for desktop?
To clarify from my testing, even when using #0F0F15
as the background color, Lighthouse still report the color as indistinguishable.
I agree with the others that said the page looked too dark. If contrast is an issue, can’t we change the link color instead to something that has a better contrast?
I intend to refine the palette so the contrast issues will be resolved. Here’s a sample of websites that offer a dark mode:
- Wikipedia: #101418
- OpenAI: #080808
- Webflow: #080808
- TailwindCSS: #030712
- Youtube: #0F0F0F
- Railway: #13111C
- MDN Docs: #1B1B1B
- Material Design 3 Docs: #141314
- Reddit: #0E1113
There’s only one site with a lighter background, which is the MDN docs, and their accessibility score is much worse than ours. I personally disagree with lightening the dark theme. What I would suggest is that we refine the current dark theme alongside the accent colour and typography. I’ve got some ideas in mind and I’ll likely make a PR soon.
Light mode proposal (The blue color may change according to Toby.)
I have a huge list of comments from a casual browse which I’ll aim to move to GitHub in the next few days [help wanted, if I could DM someone the list]
I feel blockers are:
- ‘Learn More’ link should scroll the page to ‘basic concepts’. The currently linked page is unstructured information overload and user unfriendly, especially compared to the new LP
- There is no download CTA when the page is scrolled, this should be visible at all times
- We now typeset Anki as ANKI. I see people doing this online, is this an intentional rebrand?
The ‘opinion blockers’:
- We no longer have ‘remember anything’. Being able to get from A1 to C2 with Anki is HUGE
The page is beautiful, but it no longer sells our advantages to productivity geeks, and it misses the mark for a more casual audienceI haven’t contributed here, my opinion doesn’t and shouldn’t hold weight, but this would be a strong blocker for me- EDIT: This is slowing things down, let’s get something out
I drafted a sample website for AnkiDroid a while back. It likely won’t make it to production for a long time due to time constraints [I’d want a couple weeks to tighten it up, and engagement on improvements has been thin on the ground].
I’m unhappy with it [desktop only, text needs a lot of tightening up, images need work, and the HTML preview is a little broken], but feel free to pinch any ideas you like
Most websites put download button on the top navigation bar. We can probably do that.
Maybe changing “Make learning easier with Anki” to “Make remembering easier with Anki”?
Maybe changing “Make learning easier with Anki” to “Make remembering easier with Anki”?
My point is about the ‘anything’. Most apps stop becoming useful after a point. We don’t.
I’d wager people who use Anki for 10 years probably derive more value on a day-to-day basis than people who start out [in that: a 7 second review could push a card to an interval of 30 years].
I can understand the information overload argument, considering most people nowadays seem to read only very short paragraphs (we even have users here apologizing if they’re asking for help and write more than a paragraph).
But looking over it I think it is structured. I could open a PR to structure it more granularily into sub headers and maybe rewrite it here or there. Would that help (obviously dae would have to except)?
I agree. Especially looking at your AnkiDroid site I genuinly instantly thought: “This app is great, I’d gladly use it!” I don’t feel the same way with the current Anki landing page.
I think what really sold me is the short descriptions that you have that the Anki landing page is lacking (you know, the description like in “Uncompromising efficiency.”). I know the Anki landing page has a “advantages” header and it does show the relevant reasons. But I guess the short descriptions like your AnkiDroid mockup page really goes a long way.
I disagree with that statement.
Great work, I think it has immense potential!
I really like the “References” section on David’s AnkiDroid website. Maybe we should do that for the new Anki site, too.
Writing isn’t really my strong suit, and I’ve also adjusted the wording previously to cater more to all audiences such as those who don’t speak English as a first language. Previous comments suggest that people don’t want sophisticated language and would rather simple English to be used. I’d suggest that we adjust the wording on a section-by-section basis. I think drawing inspiration from the site proposed by @David would be a good start.
I’m still not really that happy with the basic concepts section. It does provide us with an opportunity to lay out information in a more bespoke way than would be possible with the docs, but if anything this is a symptom of a larger problem. Wouldn’t this suggest that the documentation I’ve linked isn’t formatted in a way suitable to encourage new users to read through?
There’s not really any statements that require backing at the moment though, I think once we refine the wording we can include more factual statements and statistics that we could reference
Is it in the unlimited flexibility?
That is true. After reading the AnkiDroid website, it does feel like an outstanding flashcard app.
I do not speak English as a first language so this might give you an overview.
I tried to integrate the AnkiDroid wording in to the advantages section. It is just my opinion though, anything can be changed.
The new landing page seems to have no link to ankiweb for online flashcard review?
It is in the plan.
It was better before, the text doesn’t work in that design, but the concepts might
I’ll strikethrough my point above, better to work on the ‘technical’ problems rather than have too many chefs in the kitchen discussing the text
I think if there are Anki mini icons in the download it might be easier for users to choose, like this:
I’m not sure I agree here, sorry.