Changes between Version 43 and Version 44 of InteractionAndGraphicsDesign

Timestamp:

05/28/09 02:54:02 (16 years ago)

Author:

danvisel

Comment:

--

InteractionAndGraphicsDesign

@@ -261 +261 @@
  * MediaResource [[BR]]
 ==== Halos ==== 
+ * ''PageHalo'' [[BR]]
+  * '''Description''' The page halo appears when the user selects the page itself. It opens the page HUD, which allows the user to set the border and fill of the page.[[BR]]
+  * '''Graphic Design''' The icon should make clear that the user is changing the border and fill of the page. This can probably be the same as the frame appearance halo.[[BR]]
+  * '''Interaction Design''' Standard halo. This halo should also appear in the top left corner of the page when a page is selected in the page preview palette; getting to this functionality can be tricky when the page is covered with frames.[[BR]]
  * ''FramePropertiesHalo'' [[BR]]
+  * '''Description''' The frame properties halo appears when the user has selected a frame. Clicking it opens the frame properties HUD which allows the user to modify the frame's location and size and other properties.[[BR]]
+  * '''Graphic Design''' Th[[BR]]
+  * '''Interaction Design''' [[BR]]
  * ''FrameAppearanceHalo'' [[BR]]
+  * '''Description''' The frame appearance halo appears when the user has selected a frame. Clicking it opens the frame appearance HUD which allows the user to modify the frame's border and fill settings.[[BR]]
+  * '''Graphic Design''' This can probably be the same as the page halo. The icon should make it clear that this affects that frame's margin and fill.[[BR]]
+  * '''Interaction Design''' This is a standard halo; click on it and the HUD opens.[[BR]]
  * ''LinkHalo'' [[BR]]
+  * '''Description''' The link halo appears when the user selects the page (allowing links that happen when the page is opened) when the user selects a frame (allowing links triggered by a frame) or when the user selects text (allowing links triggered by a frame). In all cases, the link HUD is opened, which allows the author to create and modify links.[[BR]]
+  * '''Graphic Design''' Sophie 1 used a chainlink for this; something better might be nice. Possible conflict with the chaining halo.[[BR]]
+  * '''Interaction Design''' This is a standard halo; click on it and the HUD opens.[[BR]]
  * ''AnchorHalo'' [[BR]]
- * ''CharacterHalo'' [[BR]]
- * ''ParagraphHalo'' [[BR]]
+  * '''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]]
+ * ''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]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' This is a standard halo; click on it and the HUD opens.[[BR]]
+ * ''ParagraphHalo''[[BR]]
+  * '''Description''' The paragraph halo appears when the user's cursor is in a paragraph (in which case the changes made in the paragraph HUD will affect the paragraph of the insertion point) or when the user has selected across paragraphs (in which case the changes made in the paragraph HUD will affect all paragraphs partially or completely selected.) It brings up the paragraph HUD, which allows paragraph-level changes to text.[[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' This is a standard halo; click on it and the HUD opens.[[BR]]
  * ''ChainingHalo'' [[BR]]
+  * '''Description''' The chaining halo appears when the user selects a frame. It is used to chain frames together and to set autoflow to the next page if the frame is full.[[BR]]
+  * '''Graphic Design''' Maybe the chaining halo should be at the bottom right corner of the frame? As currently envisioned, this halo can both be dragged and clicked, which needs to be comprehensible to the author. Also the icon needs to be distinct from the link halo, which does something different.[[BR]]
+  * '''Interaction Design''' The chain halo could be dragged and dropped on another frame to chain a frame to another frame; clicking the halo could set it into autoflow mode, so the frame would automatically flow onto the next page. These interactions probably need to be worked out. Probably a table of interactions should be worked out here?[[BR]]
+ * ''AlignHalo'' [[BR]]
+  * '''Description''' The align halo appears only when the user has selected more than one frame. The align halo opens the align HUD which allows the user to align frames relative to each other.[[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' This is a standard halo; click on it and the HUD opens.[[BR]]
 ==== HUDs ====
  * ''PageHud'' [[BR]]
- * ''FrameHud''[[BR]]
+  * '''Description''' The page HUD is used to set the margin & fill for the page; it is just like the frame properties HUD, but acts on the page rather than a frame. [[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' [[BR]]
+ * ''FramePropertiesHud''[[BR]]
+  * '''Description''' [[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' [[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]]
  * ''AnchorHud''[[BR]]
+  * '''Description''' [[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' [[BR]]
  * ''CharacterHud''[[BR]]
+  * '''Description''' [[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' [[BR]]
  * ''ParagraphHud''[[BR]]
+  * '''Description''' [[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' [[BR]]
  * ''LinkHud''[[BR]]
+  * '''Description''' [[BR]]
+  * '''Graphic Design''' [[BR]]
+  * '''Interaction Design''' [[BR]]
 
 == 2. Schedule ==