| Uxstatus |
|---|
|
Ready, but will get extended |
Basic concept
An area is a structural block of a web page and collects one or more paragraphs. Web developers commonly sub divide a page into a number of areas to group together similar content in order to improve usability, legibility and, in general, the overall structure of a page.
...
| Mockup |
|---|
| Mockup - RegionEditing - Overview |
|---|
| Mockup - RegionEditing - Overview |
|---|
| 1Version | 3 |
|---|
| Name | Mockup - RegionEditing - Overview |
|---|
|
The above mockup shows a home page with four main areas: a side column for ads, one for extras, a central main area and a footer. The bars of the containing paragraphs are hidden.
...
| Mockup |
|---|
| Mockup - RegionEditing - empty page |
|---|
| Mockup - RegionEditing - empty page |
|---|
| 1Version | 4 |
|---|
| Name | Mockup - RegionEditing - empty page |
|---|
|
Selecting an area
| Mockup |
|---|
| Selecting an area - slide in |
|---|
| Selecting an area - slide in |
|---|
| Version | 1 | |
|---|
| Name | Selecting an area - slide in1 |
|---|
|
The edit bar of the selected area is colored using the selection color to guarantee consistency across the interface. The background of the area is slightly colored to emphasize its entire block. All edit bar of its sub paragraphs slide in. Care must be taken that any such transition is smooth and does not disorient the user, while still feeling snappy as to not hold up editing for too long.
...
| Mockup |
|---|
| Selecting an area - fade in |
|---|
| Selecting an area - fade in |
|---|
| Alignment | CENTER |
|---|
| 1Version | 2 |
|---|
| 2Size | CENTER1000 | 3 |
|---|
| Name | Selecting an area - fade in1000 |
|---|
|
