Design/AnacondaStorageUI/MockupsDraft4

From FedoraProject

Jump to: navigation, search

Contents

Anaconda Storage UI Design

Mission Statement: To make it easier to find and identify the device(s) that you want to work with in anaconda, especially when there are large numbers of devices and/or types of devices present.

Resources

Content

Screen Flows

Fedora 11 Anaconda Screenflow

Anaconda fedora11 screenflow.png

Inkscape SVG Source

Proposed Anaconda Screenflow

Anaconda proposed screenflow.png

Inkscape SVG Source

Mockups

These are draft 4, updated 24 August 2009.

Changelog

  • 'Local' devices tab has been renamed to 'Basic'
  • Added IQN to search, multipath, and other SAN devices tabs
  • s/Fiber/Fibre
  • New filter icon is used consistently across screens
  • "Basic vs Advanced Installation" is now renamed "Installation to Basic or Specialized Devices"
  • Chopped off UNIX-style device names (woowoo!)
  • Modified data vs install target selection screen such that install target list widget is much more compact (so we can fit the longer WWIDs now that we've cut the UNIX-style device names)

Mockup Sources

All mockups are sourced in this one SVG file:

Mockups' Source SVG

Choose Installation Type

Anaconda installtype 4.png

Do you want to upgrade?

Anaconda upgradeornot 4.png

Simple Device Selection

Anaconda devselectsimple 4.png

Advanced Device Selection - Local Devices Tab

Anaconda devselect-localtab 4.png

Advanced Device Selection - BIOS RAID Devices Tab

Anaconda devselect-biosraid 4.png

Advanced Device Selection - Multipath Tab - Unfiltered

Anaconda devselect-mpathtab1 4.png

Advanced Device Selection - Multipath Tab - Interconnect Filter

Anaconda devselect-mpathtab2 4.png

Advanced Device Selection - Multipath Tab - Vendor Filter

Anaconda devselect-mpathtab3 4.png

Advanced Device Selection - Other SAN Tab

Anaconda devselect-othersan 4.png

Advanced Device Selection - Search Tab (Port/Target/LUN)

Anaconda devselect-searchtab-ptl 4.png

Advanced Device Selection - Search Tab (WWID)

Anaconda devselect-searchtab-wwid 4.png

Select Partitioning Scheme (Simple Use Case)

Anaconda partscheme 4.png

  • explain free space better - is it 'unpartitioned' ? 'free space' is ambiguous

Select Partitioning Scheme (Advanced Use Case)

Anaconda drive data-install selection 4.png

Mockup Archive

PDF Format

Wiki Format

Icon Work

Design Team ticket 63 concerns the updating of icons in Anaconda. Some icons may need to be redesigned/created also as part of this UI redesign effort. Some notes on this follow.

Install Type Icons

Right now we have install and upgrade. One idea proposed in UI feedback in that we have three install types:

  • clean install
  • multiboot install (don't overwrite other OSes)
  • upgrade

Here's some icons to demonstrate these:

Anaconda installtypes-iconsketches clean-multiboot-upgrade.png

Other:

Anaconda installtypes-iconsketches 5installoptions.png