Page MenuHomePhabricator

[AG] UX: Create wireframes for Questionnaire
Closed, ResolvedPublic

Description

This task is about creating wireframes for the questionnaire part of the tool. While creating, the following feedback of the Project Manager should be considered:

Important notices that accompany the questionnaire have to be shown, even if only a part of it.
The questionnaire option should be more prominently positioned on the site so that people feel encouraged to use it
The most important things should be on the left site (image on the right side)
Big images are preferable
Possibilities to copy the licence should be provided via several buttons (not one button)

Event Timeline

KasiaWMDE assigned this task to Snaterlicious.
KasiaWMDE raised the priority of this task from to Medium.
KasiaWMDE updated the task description. (Show Details)
KasiaWMDE moved this task to UX on the Tool-Attribution-Generator board.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 26 2015, 10:41 AM

The attached wireframes are just about basic layout.

  • "Important Notes" container may change its height. Hence, that container should be vertically flexible without shifting any other container's position. (Nothing should be below that container.)
  • The image would always be centered vertically in the browser's viewport (scrolling...).
  • Not overwhelmed by the idea of aligning the image to the right as alignment of text block would be in disorder and important interaction is pushed too far off the center. The center is a more comfortable place for the eye to rest as one can monitor changes on the screen more easily, keeping in mind that this software has multiple stages instead of being one static page.

Thumbs up from the PM for aligning the image to the left.

Snaterlicious set Security to None.
Snaterlicious closed this task as Resolved.Sep 24 2015, 10:08 AM
Snaterlicious added a subscriber: Snaterlicious.

Exported results of https://docs.google.com/presentation/d/1g01fV_DQcbwBIxb84Rvu1kXisM1dhbFoVH3TDmO5fcs/edit#slide=id.gc6540e1d7_0_0 for future reference: