Design/AnacondaStorageUI

From FedoraProject

< Design(Difference between revisions)
Jump to: navigation, search
(Wiki Format)
(Mockups)
Line 27: Line 27:
 
== Mockups ==
 
== Mockups ==
  
These are draft 4, updated 24 August 2009.
+
These are draft 5, updated 12 September 2009.
  
 
=== Changelog ===
 
=== Changelog ===
* 'Local' devices tab has been renamed to 'Basic'
+
==== Design Changes/Additions ====
* Added IQN to search, multipath, and other SAN devices tabs
+
* the mockups are now organized into two separate paths
* s/Fiber/Fibre
+
* a status bar to indicate the total number of devices & space present in the UI vs. the selected number of devices & space has been added.
* New filter icon is used consistently across screens
+
* there are now icons to explain the 5 partition screens in the basic screen flow
* "Basic vs Advanced Installation" is now renamed "Installation to Basic or Specialized Devices"
+
* boot device selection has been removed from the partition scheme screen. it was a small dropdown on that screen, now it is a full-blown screen.
* Chopped off UNIX-style device names (woowoo!)
+
* new upgrade/install icons that are distro-agnostic / de-branded
* 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)
+
* RAID devices no longer use UNIX-style device names
 +
 
 +
==== Bug Fixes ====
 +
* upper-right-corner list filter boxes have been cleaned up (removed old unused items)
 +
* the capacity column was missing from several SAN-related screens. It has been added.
 +
* fixed more instances of the term "fiber" to read "fibre"
 +
* the term "bios raid" has been replaced with "firmware raid" (for UEFI consideration)
 +
* the term "product name" has been replaced with "model"
 +
* usage of the term "device" has been made consistent throughout the mockups. there are no more references to "drive"
  
 
=== Mockup Sources ===
 
=== Mockup Sources ===
Line 42: Line 50:
 
All mockups are sourced in this one SVG file:
 
All mockups are sourced in this one SVG file:
  
[[Media:anaconda-storage_mocks_4.svg|Mockups' Source SVG]]
+
[[Media:anaconda-storage_mocks_5.svg|Mockups' Source SVG]]
  
=== Choose Installation Type ===
+
There are two paths through the mockups. One is for using working with '''basic devices''' such as internal IDE/ATA drives, the other is for working with '''specialized devices''' such as SANs, Firmware RAID, etc.
  
[[Image:anaconda_installtype_4.png|800px]]
+
=== Basic Path ===
  
=== Do you want to upgrade? ===
+
==== Choose Installation Type ====
  
[[Image:anaconda_upgradeornot_4.png|800px]]
+
[[Image:anaconda_basic_installtype_5.png|800px]]
  
=== Simple Device Selection ===
+
==== Do you want to upgrade? ====
  
[[Image:anaconda_devselectsimple_4.png|800px]]
+
[[Image:anaconda_basic_upgradeornot_5.png|800px]]
  
=== Advanced Device Selection - Local Devices Tab ===
+
==== Select Device(s) ====
  
[[Image:anaconda_devselect-localtab_4.png|800px]]
+
[[Image:anaconda_basic_devselect_5.png|800px]]
  
=== Advanced Device Selection - BIOS RAID Devices Tab ===
+
==== Choose Partitioning Scheme ====
  
[[Image:anaconda_devselect-biosraid_4.png|800px]]
+
[[Image:anaconda_basic_partscheme_5.png|800px]]
  
=== Advanced Device Selection - Multipath Tab - Unfiltered ===
+
* explain free space better - is it 'unpartitioned' ? 'free space' is ambiguous
  
[[Image:anaconda_devselect-mpathtab1_4.png|800px]]
+
==== Select Boot Device ====
  
=== Advanced Device Selection - Multipath Tab - Interconnect Filter ===
+
[[Image:anaconda_basic_bootselect_5.png|800px]]
  
[[Image:anaconda_devselect-mpathtab2_4.png|800px]]
+
=== Specialized Device Path ====
  
=== Advanced Device Selection - Multipath Tab - Vendor Filter ===
+
==== Choose Installation Type ====
  
[[Image:anaconda_devselect-mpathtab3_4.png|800px]]
+
[[Image:anaconda_adv_installtype_5.png|800px]]
  
=== Advanced Device Selection - Other SAN Tab ===
+
==== Do you want to upgrade? ====
  
[[Image:anaconda_devselect-othersan_4.png|800px]]
+
[[Image:anaconda_adv_upgradeornot_5.png|800px]]
  
=== Advanced Device Selection - Search Tab (Port/Target/LUN) ===
+
==== Advanced Device Selection - Local Devices Tab ====
  
[[Image:anaconda_devselect-searchtab-ptl_4.png|800px]]
+
[[Image:anaconda_adv_devselect-localtab_5.png|800px]]
  
=== Advanced Device Selection - Search Tab (WWID) ===
+
==== Advanced Device Selection - Firmware RAID Devices Tab ====
  
[[Image:anaconda_devselect-searchtab-wwid_4.png|800px]]
+
[[Image:anaconda_adv_devselect-biosraid_5.png|800px]]
  
=== Select Partitioning Scheme (Simple Use Case) ===
+
==== Advanced Device Selection - Multipath Tab - Unfiltered ====
  
[[Image:anaconda_partscheme_4.png|900px]]
+
[[Image:anaconda_adv_devselect-mpathtab1_5.png|800px]]
  
* explain free space better - is it 'unpartitioned' ? 'free space' is ambiguous
+
==== Advanced Device Selection - Multipath Tab - Interconnect Filter ====
 +
 
 +
[[Image:anaconda_adv_devselect-mpathtab2_5.png|800px]]
 +
 
 +
==== Advanced Device Selection - Multipath Tab - Vendor Filter ====
 +
 
 +
[[Image:anaconda_adv_devselect-mpathtab3_5.png|800px]]
 +
 
 +
==== Advanced Device Selection - Other SAN Tab ====
 +
 
 +
[[Image:anaconda_adv_devselect-othersan_5.png|800px]]
 +
 
 +
==== Advanced Device Selection - Search Tab (Port/Target/LUN) ====
 +
 
 +
[[Image:anaconda_adv_devselect-searchtab-ptl_5.png|800px]]
 +
 
 +
==== Advanced Device Selection - Search Tab (WWID) ====
 +
 
 +
[[Image:anaconda_adv_devselect-searchtab-wwid_5.png|800px]]
  
=== Select Partitioning Scheme (Advanced Use Case) ===
+
=== Select Boot Device ===
  
[[Image:anaconda_drive_data-install_selection_4.png|900px]]
+
[[Image:anaconda_adv_bootselect_5.png|9\800px]]
  
 
== Mockup Archive ==
 
== Mockup Archive ==

Revision as of 06:49, 12 September 2009

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 5, updated 12 September 2009.

Changelog

Design Changes/Additions

  • the mockups are now organized into two separate paths
  • a status bar to indicate the total number of devices & space present in the UI vs. the selected number of devices & space has been added.
  • there are now icons to explain the 5 partition screens in the basic screen flow
  • boot device selection has been removed from the partition scheme screen. it was a small dropdown on that screen, now it is a full-blown screen.
  • new upgrade/install icons that are distro-agnostic / de-branded
  • RAID devices no longer use UNIX-style device names

Bug Fixes

  • upper-right-corner list filter boxes have been cleaned up (removed old unused items)
  • the capacity column was missing from several SAN-related screens. It has been added.
  • fixed more instances of the term "fiber" to read "fibre"
  • the term "bios raid" has been replaced with "firmware raid" (for UEFI consideration)
  • the term "product name" has been replaced with "model"
  • usage of the term "device" has been made consistent throughout the mockups. there are no more references to "drive"

Mockup Sources

All mockups are sourced in this one SVG file:

Mockups' Source SVG

There are two paths through the mockups. One is for using working with basic devices such as internal IDE/ATA drives, the other is for working with specialized devices such as SANs, Firmware RAID, etc.

Basic Path

Choose Installation Type

Anaconda basic installtype 5.png

Do you want to upgrade?

Anaconda basic upgradeornot 5.png

Select Device(s)

Anaconda basic devselect 5.png

Choose Partitioning Scheme

Anaconda basic partscheme 5.png

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

Select Boot Device

Anaconda basic bootselect 5.png

Specialized Device Path =

Choose Installation Type

Anaconda adv installtype 5.png

Do you want to upgrade?

Anaconda adv upgradeornot 5.png

Advanced Device Selection - Local Devices Tab

Anaconda adv devselect-localtab 5.png

Advanced Device Selection - Firmware RAID Devices Tab

Anaconda adv devselect-biosraid 5.png

Advanced Device Selection - Multipath Tab - Unfiltered

Anaconda adv devselect-mpathtab1 5.png

Advanced Device Selection - Multipath Tab - Interconnect Filter

Anaconda adv devselect-mpathtab2 5.png

Advanced Device Selection - Multipath Tab - Vendor Filter

Anaconda adv devselect-mpathtab3 5.png

Advanced Device Selection - Other SAN Tab

Anaconda adv devselect-othersan 5.png

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

Anaconda adv devselect-searchtab-ptl 5.png

Advanced Device Selection - Search Tab (WWID)

Anaconda adv devselect-searchtab-wwid 5.png

Select Boot Device

9\800px

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