I'm designing a flashcard webapp, I'm facing a UX issue. At the beginning, I thought it would simply be on one side a question, and on the other side the answer just like the "real life" flashcards.
But finally I'd like to let the user answer the question directly one the "question side" and then the other face would reveal the answer, but I don't know exactly what is the best way to do that, until right now I had two ideas, first, here is a little screenshot :
And here are my ideas :
- Displaying the question in big (like the world Montagne), and reducing it (to the size of Moutain) whenever the user would start to type and what the user would type would have the same size than Montagne, then when turning the card, the answer would be displayed in big (like the world Montagne) and the question in small.
- Something that I found problematic with the first solution was that there isn't anything to indicate to the user that he should type the answer, so my second solution would be to display the question in small right from the very beginning and there would be a blinking text cursor to indicate to the user that he have to type his answer.
What is the best way to do in your opinion ? Have you got other ideas ? Does it makes sense to let the user type something on a card ? I'm opened to all your suggestions.