V² > Products > ViStand > Intro

[VillageHubertChen]

Create

• HC: Create Issue
• HC: Create Article in Classeur, cross link issue vs article
• HC: Share with co-writers
• HC, TC: Create Outline
• HC: Set Progress Bar to "Create-Complete"

Develop

• HC: Set Progress Bar to "Develop-Active"
• HC, TC: Fill in Content to Outline
• HC, GI, TC: Develop Art Briefs
• HC: Create Structure in V² Art / Move Art Briefs to V² Art
• ML: Create Images
• Image Processing & Linking Images to article
• Check all References are considered
• Check all Writing Notes are considered
• HC: Set Progress Bar to "Develop-Complete"

Before LVMUG Presentation

• Clean Desk
  • reduce line height of copy
  • increase leading and trailing paragraph margin
• How it works
  • background color tab: #9EB1C1
  • link color blue: 300 normal 500 hover
• Any Section
  • section margin top: 90px
• Display Freedom
  • change to light blue grey background
• Sleek & Stylish
  • remove slide titles
• Title & Subtitles
  • apply new styling: improve margins, subtitle is lighter grey
• Make the page full width
  • On feature pages we change the layout to be like feature pages of: https://firebase.google.com/features/
• How it works
  • convert to horizontal tabs
    • Tabs: Uplifting, Conquer Cables, Beautiful
  • Slide copy on mobile must be moved under slide
• New position for slide copy on wide pages
  • Same style as with horizontal tabs: Move to right side of slide vs under slide
  • check if it is needed to change layout so it is clear the text belongs to slide and not to subtitle.
• Modular Desktop All-in-One
  • Change Title to "Overview"
  • Change Titles and copy according → Proposed edits for text of ViStand Introduction page (Overview section)
  • The slide show needs a max width of 960 px for two reasons:
    1. Otherwise the vertical height is too big and the reader might not notice the changed copy under the slide
    2. This is the max resolution of artwork that we provide
• You Fix It
  • Add call outs
    • HC: Write callout texts
    • LC: Implement callouts
      • move the slide copy to top
      • callout text shows under slide
• HC: Image Processing of all pictures (see related to do list above)

After Guilin Trip

• Replace Solidworks Man with outline man in Enhance comfort
• Implement Story 2 of Mobile Docking Workstation
• → → Use Case Notebook + Docking Station ← ←
• The story in "You Fix It" is very good, but up until now not used. How to use it?

Beta

• HC: Set Progress Bar to "Beta-Active"
• HC: Trigger TC, BC, SL to review Article and to create change requests via V²Flow
• TC: Include all change requests that you can
• TC: Trigger reviews by shops, MUG, schools, universities
• TC: Include all change requests that you can (text)
• HC, LC: Include remaining change requests (art, coding)
• TC: Write post to announce beta testing of this article in our Blogs
• HC: Set Progress Bar to "Beta-Complete"

Make

• HC: Set Progress Bar to "Make-Active"
• Read the Article in context of navigation. Fix any inconsistencies
• Read the Article in context of related articles. Fix any inconsistencies
• Read Article cover to cover. Fix flow if not smooth.
• HC: Set Progress Bar to "Make-Complete"
• TC: Write post to announce this article in our Blogs

Open Sales

• Complete buy pages in shop
• TC: Post stripped article in Quora, linked to here
• BC: Post DIY Articles on instructables

[VillageHubertChen]

References

• Spine Health > 10 best laptop setups
• OSHA > Computer Workstation Ergonomic > Purchasing Guide
• OSHA > Computer Workstation Ergonomic > Evaluation Checklist
• OSHA > Computer Workstation Ergonomic > Seating Positions
• OSHA > Computer Workstation Ergonomic > Components
• OSHA > Computer Workstation Ergonomic > Displays

Notes for Images

• Illustration for "Enhance Comfort" http://www.3dconnexion.com/
  • 

3D Mouse

• http://www.3dconnexion.com/

Ergonomics

Computer

• Dell Alienware Steam Machine
• Dell Graphics Amplifier
• Dell Alienware Alpha

[VillageHubertChen]

Writing Notes

Art Workflow

• Develop Art Brief, including Slide Show
• Develop final file & folder names for

Slideshow

When Slideshow over Tabs

Tabs

Feature pages mostly use tabs. Tabs are great when each tab represents a unique feature. The group of tabs represent consequently a group of features.

Slideshow

In our case we use slideshow because each slideshow is about one feature. The slides are telling the story of this features, just like a comic strip or movie would. In fact, some of the slideshows we will replace with an interactive movie, that will have an identical user interface just as the slide show.

---

(v2) Making a Stand for the All-in-One (Text Block)

Going vertical is the secret. Elevate your computer off the desktop and mount it high up on the ViStand. As a bonus it is hidden out of sight, too! The second secret is getting the cable clutter out of the way – elegantly – with ViStand's integrated cable management system. Last but not least it gives you a shelf for your keyboard when not in use. This not only frees even more desk space, but at night your keyboard does not collect dust. And cat owners will notice that their PC is still sleeping in the morning!.

Note: We should copy this text block for occasions we need one contiguous copy on this subject

Idea: Assembly Animation

"Correct Method" → Intro

Directions

• Focus on our messages of reasons of usefulness of ViStand
• Our heroes need to be the visuals
  • Our heroes can not be the text due to wide gamut of audience with so different preferences in text
• Story line is important
• Our text need to comply completely with current American hyper sensitive political correctness
  • not the whole world is on this trip
• We are a disruptive community (innovative and helpful to users and mom & pop shops, and planet)
  • Our share holders are end users, mom & pop shops and planet's representatives.
  • Our reasons of usefulness is our ambassador to deliver that we are disruptive
• Use what we already have as much as possible
• Focus of effort is on Title / Subtitle {Story} & Picture
  • TC turns copy draft into final copy
  • TC actively collects proof reading from schools and universities.
• Must meet deadline of Intro & Features is ready by China team on Friday:
  • 12:00 lunch: Start internal review including review with TC
  • 3 pm published

Reference sites for languages

• Apple
• Razer

Today:

Intro

1. HC & TC (Restructure) (Section Title / Section Subtitle / Section Story / Section Grouping)
   1.1 Review with Bobby
2. HC & GI (Write Art Briefs & Copy, finished in message, not political correct writing)
   → later 3. Read Razer & Apple as reference on writing (Tom at any time) (optional)
3. HC & GI fill in all writing & art briefs ← ← URGENT

Computer for Squality

• Make strong VESA bracket
• Rework PC with pico ATX PSU
• Swap Displays HC / ML so 24" goes onto "Portable Workstation"

Writing & Artwork

• HC & TC: Structure
• BC: Quick review of structure
• HC & GI fill in structure
• BC & TC review art briefs
• TC polishes the text to American political correct, can be done after Friday

---

To Do List

• Clean up redundancy of "How it Works" & "Modular All-in-One"
• Add Tagline: Modular All-in-One Converter & Mobile Docking Station
• Split presentation into two distinct use cases as per tagline above
• Add use case of Notebook + Thunderbolt / USB-C Docking Station
  • Slideshow: 1. Thunderbolt 2. USB-C 3. ViDock
• ViStand Desktop Beautifier (Common denominator to all use cases ViStand)
• Group all points into chapter & section (Lukas can style it in the feature page)
  • Do first on the features page, Lukas is laying it out first.
• Start with pictures without interactivity. Their job is to deliver the feel of the product!