i OS Screen Mockup By Darong Leng Chris
i. OS Screen Mockup By Darong Leng & Chris Knakal
Goals Create quick, simple mockup of i. OS UI Define shapes and create multiple instances of them Create multiple i. OS screens to see easily the usage flow of the user Direct user manipulation on shapes and storyboards
Mockup Multiple storyboards (scene nodes) GUI controls Two cameras
How Technical Requirements Are Met? 1. Friendly UI 2. Graphical Objects a. Scene. Node hierarchy of at least 2 gens b. At least three Scene. Nodes 3. Ability to edit graphical objects a. Selection: LMB b. Modify: Removal, and/or changing of transform 4. Two different views a. At least two viewports
Requirements 1) Friendly UI: 1) Graphical Objects a) Scene. Node hierarchy of at least 2 gens i) Scene. Node hierarchy (2 x minimum) b) At least three Scene. Nodes
Requirements Continued 3) Ability to edit graphical objects a. Selection: i. Select one shape through left mouse b. Modify: Removal, and/or changing of transform i. transform by dragging the blue dots ii. selected shapes can be removed through hitting ‘Delete’ key 4) Two different views At least two viewports:
Requirements Continued 5) Direct manipulation a. Direct manipulation of the WC window: Being able to drag the green square Big Camera Small Camera Whole View
Stretch Goals Allows user to create texts Allows user to select multiple shapes through dragging
Excitement Requirements COPY & PASTE shapes. (Ctrl+C) & (Ctrl+V) REDO and UNDO on shapes. (Ctrl+Z) & (Shift+Ctrl+Z) Download the canvas as JPG/PNG. Upload images.
Done, Thanks - No time for question.
- Slides: 10