[MAGNOLIA-4155] Support placeholders with invitations Created: 19/Jan/12 Updated: 22/Mar/12 Resolved: 31/Jan/12 |
|
| Status: | Closed |
| Project: | Magnolia |
| Component/s: | page editor |
| Affects Version/s: | None |
| Fix Version/s: | None |
| Type: | New Feature | Priority: | Neutral |
| Reporter: | Andreas Weder | Assignee: | Espen Jervidalo |
| Resolution: | Fixed | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
| Template: |
|
| Acceptance criteria: |
Empty
|
| Description |
|
We've decided in the last page editor review to investigate on replacing the "Add" button on area bars with placeholders. Such component placeholders have both a location and a size and visually represent the future space the next component added to the said area will occupy. Similarly, area placeholders can be used to give represent empty areas and optional areas, the latter of which have to be created first. I've created a PDF prototype to explore how this could work. The prototype uses the home page of the STK demo project and shows, how the main content area in the middle is filled with teasers containing link lists, shows how navigation works and how the optional Stage area is created by using placeholders. In this study, the placeholders are complemented by invitations, text or icons encouraging the user to click on a link or area. The idea is to visually design placeholder plus invitations such that they are easily recognized by just glancing at any page where they appear. The PDF prototype is attached to this issue and is actually composed of a series of PDF pages linked together. The elements you can click on are emphasized using a red overlay - you can thus click on anything that is colored slightly red. I've also added notes to the left of the screens, where interesting things happen and to point out a number of interesting elements you're supposed to notice. |
| Comments |
| Comment by Andreas Weder [ 19/Jan/12 ] |
|
Here's the PDF prototype. Download it and e.g. open it in "Preview" in OS X. If you do, switch the view to "single pages" in order to get a more realistic experience. On OS X, you can also use Safari to walk through this file. You can actually switch to "single page" view here to through the right-click context menu. |
| Comment by Andreas Weder [ 23/Jan/12 ] |
|
Assigning this to Espen, as he'll be working on it. Let me know if I should create a number of issues capturing every change, if you think that's easier to implement. |