Interaction design for Posts

[achan]

In the announcements section of our bulletin, we want to be able to link to a page to display more information for an individual announcement so that they can be shared with their friends on Facebook or anywhere else.

These links will generally contain:

• [x] title
• [x] author
• [ ] editor
• [x] content
• [x] banner image

Let's brainstorm and gather some examples of well-done post layouts.

Examples:

http://www.desiringgod.org/articles/come-thou-fount-of-every-blessing http://www.theverge.com/2015/4/24/8493407/frank-miller-batman-the-dark-knight-returns-dc-comics

Phase 1

• Is there any more information that we want to add to a post?
• Create a general mockup for this page. It does not need to be detailed, but just to think through how the post's information would be laid out.
• If possible, show some examples of other sites that inspired your design decisions.
• Try to have a mockup ready for next week so that we can all discuss about it next week.

  Phase 2

• Determine number of fonts used in post page
• Background color
• Color theme

[chohinlo]

First Post Mockup:

https://www.dropbox.com/s/7rf4g6bhul7m08h/post_mockup1.png?dl=0

Please leave comments on how to improve. Currently missing a back button to return to bulletin.

[chohinlo]

Please note that everything can be subject to change. The small image was drawn as a sample of what could accompany a post.

[achan]