#format wiki
#language en

= Design Brief - Software Centre Visual Design =

||<tablestyle="margin-left:20px;" style="border:none;">{{attachment:ArtDesign-TinyDotBright.png}}||<style="border:none;">Community:||<style="border:none;width:300px;">Software Centre||
||<style="border:none;">{{attachment:ArtDesign-TinyDotBright.png}}||<style="border:none;">Contact: ||<style="border:none;width:300px;">MatthewPaulThomas||
||<style="border:none;">{{attachment:ArtDesign-TinyDotBright.png}}||<style="border:none;">Posted:||<style="border:none;width:300px;">10 Dec 2010||
||<style="border:none;">{{attachment:ArtDesign-TinyDotBright.png}}||<style="border:none;">Due:||<style="border:none;width:300px;">24 Feb 2011||
||<style="border:none;">{{attachment:ArtDesign-TinyDotBright.png}}||<style="border:none;">Packages affected:||<style="border:none;width:300px;">software-center||

== Problem Statement ==

Ubuntu Software Centre ("USC") displays a home screen which permits the user to select from a list of thirteen departments. The current home screen is themed but this theming is not carried forwarded to the other departments. 

== Goal(s) ==

Create a theme which provides consistency between the home screen and departments with the desired outcome of improving the user experience. 

== Assumptions ==

Images will be displayed as a watermark and must not interfere with the content being displayed.

The Unity desktop and humanity icon themes will be used.

The total number of images to be designed will consist the following.

'''General'''
  1.#1 Home
  * What's new
  * Featured
<<BR>>
'''Specific'''
  1.#1 Accessories
  * Developer Tools
    * Debugging
    * Graphical Interface Designer
    * Haskell
    * IDE
    * Java
    * Libraries
    * LISP
    * Localization
    * Mono/CLI
    * OCaml
    * Perl
    * Profiling
    * Python
    * Ruby
    * Vision Control
    * Web Development
  * Education
  * Fonts
  * Games
    * Arcade
    * Board Games
    * Card Games
    * Puzzles
    * Role Playing
    * Simulation
    * Sports
  * Graphics
    * 3D
    * Drawing
    * Painting & Editing
    * Photography
    * Publishing
    * Scanning & OCR
    * Viewers
  * Internet
    * Chat
    * File Sharing
    * Mail
    * Web Browsers
  * Office
  * Science & Engineering
    * Astronomy
    * Biology
    * Chemistry
    * Computer Science & Robotics
    * Electronics
    * Engineering
    * Geography
    * Geology
    * Mathematics
    * Physics
  * System
  * Sound & Video
  * Themes & Tweaks
  * Universal Access


It is assumed sub departments will be themed to the department they support. For example the "Astronomy" sub department of "Science and Engineering" will be themed as "Science and Engineering".

It is also assumed the content of "featured" and "what's new" will be themed like a department.

== Design Considerations ==

The desired result should be subtle, not stealing attention from the items people can choose on each screen. Designs should be a single color which USC can then render as a pastel shade or can be used with a limited number of pastel colors.

The desired outcome should be adaptable, working just as well in a window that’s 2560 pixels wide as in one that’s 800 pixels wide. Maybe they should hug one corner of the window (like the clouds currently do), or maybe they should be designed to tile horizontally. Either way, probably they should be vectors rather than bitmaps.

'''Roles'''

  * Typical Ubuntu user

'''Desired message'''

''Software Centre is:''
  * Expansive
  * Easy
  * Valuable

''Metaphors and associations:''
  * Library
  * Market
  * Turn page
  * Sliding block puzzle

== Constraints ==

  * Consistency in style. 
If the design uses different styles, the look should be deliberately different. Refrain from drawing 2-px outlines in one illustration and 3-px outlines in the next.

== Workflow ==

  * Create submissions for the home, featured, what's new screens and each of the other 13 departments.
  * Post mock ups for discussion.
  * Use the mailing list to facilitate design discussions.
  * Revised and update submissions as desired.
  * The successful candidate will be chosen by the Software Centre community.

== Links ==

  * Community
    * [[https://wiki.ubuntu.com/SoftwareCenter/DepartmentVisualDesign|USC Visual Design Development Wiki Page]]

  * Other products in the market space
    * [[http://www.apple.com/mac/app-store/|Mac App Store]]
    * [[https://chrome.google.com/webstore|Google Chrome App Store]]

== Monogram Submission ==

=== General ===

The assets of the Monogram theme consist of a tinted background supplemented with a page mark which supports the "turn page" and "sliding block puzzle" metaphor/association and a monochrome version of the department icon (monogram).

The page mark and monogram are absent from the Home Page in order to support the "featured" and "what's new" banners.

||<style="border:none;"> '''Home''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5288/5353480754_cdfea51d6c.jpg}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5288/5353480754_0de28d931c_o.png|Zoom]] ||

<<BR>>

||<style="border:none;"-2> '''What's new''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5123/5353467020_4e0b88df80.jpg}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5123/5353467020_5844ec7faa_o.png|Zoom]] ||

<<BR>>
||<style="border:none;"-2> '''Featured''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5088/5353467018_e30638b5b8.jpg}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5088/5353467018_b9b956db1e_o.png|Zoom]] ||
<<BR>>

=== Departments ===

The following images are a mock up of the department pages with the department icon as it appears on the home page and the department page.

||<style="border:none;"-2> '''Accessories''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5041/5353420624_d1dae012d8.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5126/5353420628_530d591530_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5041/5353420624_ba919ef9be_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Developer Tools''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5284/5353446880_e26a1e2b36.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5208/5353446882_35460e2ec2_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5284/5353446880_d0590f1a77_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Education''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5089/5353487832_ee1441a84a.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5124/5353487834_0d4e79b43e_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5089/5353487832_6ff86d6254_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Fonts''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5170/5353494884_a346209922.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5242/5353494886_573c4d01a5_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5170/5353494884_079e90233a_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Games''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5203/5353501504_d4aa58620e.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5121/5353501510_ae03d37f22_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5203/5353501504_377ef706cd_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Graphics''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5169/5352894663_2da9be2cbc.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5241/5352894673_269dfe12eb_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5169/5352894663_3f5c07b165_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Internet''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5008/5352901965_ea5790a68c.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5043/5352901969_63801f7805_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5008/5352901965_29589ea8da_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Office''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5010/5352906811_48823ebe7c.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5006/5352906815_83e54ba8c4_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5010/5352906811_f608d371ea_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Science & Engineering''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5008/5353525618_0e84fd73fe.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5202/5353525626_e25621eb55_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5008/5353525618_e286a09144_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Sound & Video''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5204/5353532816_81d6fa1c87.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5202/5353532818_5f8ace21ab_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5204/5353532816_519b7fb321_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''System''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5048/5353537190_2cb07c2317.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5002/5353537198_06cbb58548_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5048/5353537190_72f19a6231_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Themes & Tweaks''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5087/5353543332_cb224f6b7d.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5241/5353543338_98bf71a795_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5087/5353543332_e4a47f8f52_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

||<style="border:none;"-2> '''Universal Access''' ||
||<style="border:none;"> {{http://farm6.static.flickr.com/5241/5353548976_6f1cc07b9b.jpg}} ||<style="border:none;"> {{http://farm6.static.flickr.com/5210/5353548978_2fd2c6af3e_o.png}} ||
||<style="border:none;":> [[http://farm6.static.flickr.com/5241/5353548976_69385e0702_o.png|Zoom]] ||<style="border:none;":> Icons ||
<<BR>>

== Attachments ==

<<AttachList>>

----

CategoryJohnBaer