V² > Products > ViStand > Intro

[VillageHubertChen]

Create

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

  Develop

• [x] HC: Set Progress Bar to "Develop-Active"
• [x] HC, TC: Fill in Content to Outline
• [x] HC, GI, TC: Develop Art Briefs
• [ ] HC: Create Structure in V² Art / Move Art Briefs to V² Art
• [x] 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

• [x] Clean Desk
  • reduce line height of copy
  • increase leading and trailing paragraph margin
• [x] How it works
  • background color tab: #9EB1C1
  • link color blue: 300 normal 500 hover
• [x] Any Section
  • section margin top: 90px
• [x] Display Freedom
  • change to light blue grey background
• [x] Sleek & Stylish
  • remove slide titles
• [x] Title & Subtitles
  • apply new styling: improve margins, subtitle is lighter grey
• [x] 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
  • [x] 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!

[VillageHubertChen]

Proposed edits for text of ViStand Introduction page (Overview section):

(from Tom Caswelch)

❏ symbol designates text for pop-up card

ViStand Overview

OLD TEXT:

ViStand is the missing component to make the Modular All-in-One™ a reality for you, in a way that you can keep using all PC components that you already own! It merges the best features of the traditional All-in-One with the modularity of the traditional desktop:

NEW TEXT:

ViStand makes the Modular All-in-One™ a reality. Using PC components that you already own, it combines the best features of a traditional AiO with the modularity of the classic desktop: ❏ Don’t be limited to the configurations offered by traditional All-in-Ones. Build your Dream Machine!

Display Freedom

OLD TEXT:

A traditional All-in-One will always limit your choices for the display(s). ❏ No need to make compromises when choosing your display!

NEW TEXT:

Traditional AiO designs limit your options for displays. ❏ Choose the display that best suits your needs and budget!

Modular Desktop All-in-One

OLD TEXT:

We take the Modular All-in-One with all its benefits ❏ Go where no All-in-One has gone before: Up to 24 core Xeon and Quadro 4000 / GTX 1080.

NEW TEXT:

The Modular All-in-One has numerous benefits! ❏ Expand your options for all component categories.

Sleek & Stylish

OLD TEXT:

Simply beautiful from all angles. ❏ Clean minimalist design with maximum utility & upgradeability.

NEW TEXT:

Simply beautiful from all angles. ❏ Minimalist design + upgradeability = maximum utility .

Mobile Docking Workstation™

OLD TEXT:

We take the Modular All-in-One with all its benefits ❏ Go with your mobile where no mobile has gone before: Do real work comfortably!

NEW TEXT:

Expanding the concept of the All-in-One. ❏ Do real work comfortably with improved ergonomics!

Portable Workstation

OLD TEXT:

Unchain your Desktop ❏ When a mobile device is not enough but you need portability!

NEW TEXT:

Unchain your desktop! ❏ When a mobile device is not enough but you need portability!

ViStand grows with You

OLD TEXT:

... as your needs or budget increases you simply upgrade versus upbuying. ❏ as your needs or budget increases you simply upgrading versus upbuying.

NEW TEXT:

…as your budget or requirements increase, upgrade only the critical components. ❏ Double or triple your Return On Investment!

You Fix It™

OLD TEXT:

Repair, don't repurchase! ❏ Repair, don't repurchase! Both your wallet and the planet will thank you!

NEW TEXT:

Modularity Rocks! Repair, don’t Repurchase! ❏ Both your wallet and the planet will thank you!

Enhance Comfort

OLD TEXT:

Laptops and tablets are not ergonomically‐ideal for long‐term use. ViStand offers a comfortable solution to this problem ❏ Proven ways to reduce pain and strain while working with tablets and notebooks.

NEW TEXT:

Laptops and tablets are not ergonomically ideal for long work sessions. ❏ ViStand provides the solution to reducing pain, strain, & fatigue.