I'm doing a site that makes people write "cards" quickly. Each card contains of a title and a body.
However, the designed workflow is that the user:
- Writes the body, listing out the detailed events
- Quickly adds a title
With the situation, the user isn't trying to carefully plan out each step; the user needs to quickly spill out their thoughts (think brainstorming-esque) and then add a title so they can quickly scan through the information and see what each card is about.
It would make sense to have this layout:
download bmml source – Wireframes created with Balsamiq Mockups
However, that seems confusing for the user to have content shift places when saved.
Even with different arrangements (read: side by side), the problem still persists: you expect to read the title first when viewing and expect to write the title last when creating. Furthermore, will a user want the title on the top when going back with modifications later (thus creating another discrepancy in the layout)?
I could still have the title last and have it bigger than the body text, but that breaks standard convention and makes the reader's eyes go up and down too much, especially when skimming through lots of information.
What's the best approach for this?