Changes between Version 13 and Version 14 of UIGuidelinesForShift/DansWorkingPage
- Timestamp:
- 05/28/09 02:45:39 (16 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
UIGuidelinesForShift/DansWorkingPage
v13 v14 173 173 * MediaResource [[BR]] 174 174 ==== Halos ==== 175 * ''PageHalo'' [[BR]] 176 * '''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]] 177 * '''Graphic Design''' [[BR]] 178 * '''Interaction Design''' [[BR]] 175 179 * ''FramePropertiesHalo'' [[BR]] 180 * '''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]] 181 * '''Graphic Design''' [[BR]] 182 * '''Interaction Design''' [[BR]] 176 183 * ''FrameAppearanceHalo'' [[BR]] 184 * '''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]] 185 * '''Graphic Design''' [[BR]] 186 * '''Interaction Design''' [[BR]] 177 187 * ''LinkHalo'' [[BR]] 188 * '''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]] 189 * '''Graphic Design''' Sophie 1 used a chainlink for this; something better might be nice. Possible conflict with the chaining halo.[[BR]] 190 * '''Interaction Design''' [[BR]] 178 191 * ''AnchorHalo'' [[BR]] 179 * ''CharacterHalo'' [[BR]] 180 * ''ParagraphHalo'' [[BR]] 192 * '''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]] 193 * '''Graphic Design''' It seems possible that this halo could both be both dragged and clicked, which needs to be comprehensible to the author.[[BR]] 194 * '''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]] 195 * ''CharacterHalo''[[BR]] 196 * '''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]] 197 * '''Graphic Design''' [[BR]] 198 * '''Interaction Design''' [[BR]] 199 * ''ParagraphHalo''[[BR]] 200 * '''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]] 201 * '''Graphic Design''' [[BR]] 202 * '''Interaction Design''' [[BR]] 181 203 * ''ChainingHalo'' [[BR]] 204 * '''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]] 205 * '''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]] 206 * '''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]] 207 * ''AlignHalo'' [[BR]] 208 * '''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]] 209 * '''Graphic Design''' [[BR]] 210 * '''Interaction Design''' [[BR]] 182 211 ==== HUDs ==== 183 212 * ''PageHud'' [[BR]] 184 * ''FrameHud''[[BR]] 213 * '''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]] 214 * '''Graphic Design''' [[BR]] 215 * '''Interaction Design''' [[BR]] 216 * ''FramePropertiesHud''[[BR]] 217 * '''Description''' [[BR]] 218 * '''Graphic Design''' [[BR]] 219 * '''Interaction Design''' [[BR]] 185 220 * ''AlignHud''[[BR]] 221 * '''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]] 222 * '''Graphic Design''' [[BR]] 223 * '''Interaction Design''' [[BR]] 186 224 * ''AnchorHud''[[BR]] 225 * '''Description''' [[BR]] 226 * '''Graphic Design''' [[BR]] 227 * '''Interaction Design''' [[BR]] 187 228 * ''CharacterHud''[[BR]] 229 * '''Description''' [[BR]] 230 * '''Graphic Design''' [[BR]] 231 * '''Interaction Design''' [[BR]] 188 232 * ''ParagraphHud''[[BR]] 233 * '''Description''' [[BR]] 234 * '''Graphic Design''' [[BR]] 235 * '''Interaction Design''' [[BR]] 189 236 * ''LinkHud''[[BR]] 237 * '''Description''' [[BR]] 238 * '''Graphic Design''' [[BR]] 239 * '''Interaction Design''' [[BR]]
