Changes between Version 50 and Version 51 of InteractionAndGraphicsDesign

Timestamp:

05/29/09 04:33:30 (16 years ago)

Author:

danvisel

Comment:

--

InteractionAndGraphicsDesign

@@ -281 +281 @@
   * '''Description''' The anchor halo appears when the user has selected a frame. Clicking it opens the anchoring HUD, which allows anchoring the selected frame in another flow on the current page.[[BR]]
   * '''Graphic Design''' It seems possible that this halo could both be both dragged and clicked, which needs to be comprehensible to the author.[[BR]]
-  * '''Interaction Design''' In Sophie 1, the anchor halo was dragged to a text insertion point in another frame to anchor the frame in that flow; this was fairly opaque to most users, and it seems like it might be better to open a HUD that gives the user instructions for how to drag something that will anchor the frame.[[BR]]
+  * '''Interaction Design''' In Sophie 1, the anchor halo was dragged to a text insertion point in another frame to anchor the frame in that flow; this was fairly opaque to most users, and it seems like it might be better to open a HUD that gives the user instructions for how to drag something that will anchor the frame. Probably we need to talk about this more.[[BR]]
  * ''CharacterHalo''[[BR]]
   * '''Description''' The character halo appears when the user has inserted the cursor in text or has selected text. Clicking on it opens the character HUD, which will change text settings for the selected text or from the insertion point if the user starts typing.[[BR]]
@@ -304 +304 @@
   * '''Interaction Design''' [[BR]]
  * ''FrameAppearanceHud''[[BR]]
-  * '''Description''' The frame appearance HUD is used to set the border & fill for the frame. [[BR]]
-  * '''Graphic Design''' [[BR]]
-  * '''Interaction Design''' [[BR]]
+  * '''Description''' The frame appearance HUD is used to set the border & fill for the frame. Color squares allow setting color; drop-down menus allow choosing different fill and border styles.[[BR]]
+  * '''Graphic Design''' Needs to be clear that clicking on a color square will invoke the color picker; the Sophie 1 colored square wasn't the best.[[BR]]
+  * '''Interaction Design''' Fairly basic HUD; this HUD does open other windows (color picker, gradient window, pattern window).[[BR]]
  * ''FramePropertiesHud''[[BR]]
   * '''Description''' The frame properties HUD is used to set the position and size of the frame (primary uses for this HUD), as well as the margins, padding, and z-order of the frame (secondary uses for this HUD). [[BR]]
-  * '''Graphic Design''' [[BR]]
-  * '''Interaction Design''' [[BR]]
+  * '''Graphic Design''' This HUD consists of text fields and buttons.[[BR]]
+  * '''Interaction Design''' This HUD is fairly basic.[[BR]]
  * ''AlignHud''[[BR]]
   * '''Description''' The align HUD shows options for aligning selected frames relative to each other: there are buttons for aligning all selected frames horizontally (left, center, right) or vertically (top, center, bottom). This could also include controls allowing grouping and ungrouping the selected frames.[[BR]]
-  * '''Graphic Design''' [[BR]]
-  * '''Interaction Design''' [[BR]]
+  * '''Graphic Design''' This HUD shows different buttons representing different align options. Group and ungroup could be buttons as well.[[BR]]
+  * '''Interaction Design''' Would be nice to make it clear which frame the frames are being aligned with respect to. [[BR]]
  * ''AnchorHud''[[BR]]
   * '''Description''' The anchor HUD is used to anchor the frame to a position in a flow in another frame on the same page. The anchor HUD allows the user to switch between unanchored and anchored modes; it also allows the user to change the anchor style, and change what the anchor is set with respect to the chosen anchor style.[[BR]]
-  * '''Graphic Design''' [[BR]]
-  * '''Interaction Design''' [[BR]]
+  * '''Graphic Design''' If the frame is anchored, the anchor HUD needs to make it clear where the frame is anchored to - a line appearing between the frame and the anchor position would be useful. [[BR]]
+  * '''Interaction Design''' Need a way to set the anchor position initally (dragging an anchor to a point in another flow?) and a way to move the anchor position once it is set. Need a way to switch between frames being anchored and frames being unanchored.[[BR]]
  * ''CharacterHud''[[BR]]
   * '''Description''' The character HUD is used to change the text style of selected text - the font, font style, size, and color. Character styles can be saved and reused.[[BR]]
@@ -331 +331 @@
   * '''Graphic Design''' The link HUD needs to reconfigure itself based on the choices that the user is making. Links can also be very complicated: in Sophie 1, there were books with 8 different links on the same frame, so the link HUD should fit in a fairly small space.[[BR]]
   * '''Interaction Design''' For different kinds of links, the third section of the link is going to have to be different. If we're turning to a page, we need to have different ways to select a page; we could have a field, for example, a drop box where a page is dragged to, or a list of all the possible pages that could be chosen from. It needs to be clear to the user what they can do or what they're expected to do.[[BR]]
-
 == 2. Schedule ==