unity-design team mailing list archive

[Martin Albisetti <martin.albisetti@xxxxxxxxxxxxx>]

On 12/09/2009 04:09 PM, mac_v wrote:
> On Wed, 2009-12-09 at 18:37 +0000, Matthew Paul Thomas wrote:
> > My original design for the alert had primary text: "Are you sure you
> > want to close all programs and shut down the computer?" The countdown
> > was supposed to be secondary text, not primary text.
> > <https://wiki.ubuntu.com/SessionTerminationConfirmation>
> >
> > I think this would have prevented the problem you observed.
>
> The mockup is a bit of , the question asked is "Are you sure...."  to
> which the answer should either be "yes" or "no"

That's a great observation.
Attached are 2 versions, one as a question, and the other more like a 
confirmation. The text, I'm sure, can be tweaked a bit.

The important bit here is that I moved the countdown to the bottom, made it 
smaller and grayed it out.
I'm not sure this is enough, it would be worth doing some quick user testing to 
see if people react to it differently.

Attached is also the source balsamiq[1] file in case anyone wants to play with 
it and propose other alternatives.

If there's consensus that this is a general improvement, with mpt's permission, 
I will add it to the wiki page and see if we can start experimenting with the 
change early on.



[1] http://www.balsamiq.com/products/mockups (it's a commercial application, 
but online version is free to play around with)
--
Martin

<mockup version="1.0" skin="sketch" measuredW="725" measuredH="492" mockupW="369" mockupH="437">
  <controls>
    <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="368" y="80" w="347" h="164" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="-1"/>
    <control controlID="1" controlTypeID="com.balsamiq.mockups::Button" x="561" y="176" w="-1" h="-1" measuredW="143" measuredH="28" zOrder="1" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Yes%2C%20shutdown%20now</text>
      </controlProperties>
    </control>
    <control controlID="2" controlTypeID="com.balsamiq.mockups::Button" x="383" y="176" w="-1" h="-1" measuredW="94" measuredH="28" zOrder="2" locked="false" isInGroup="-1">
      <controlProperties>
        <text>No%2C%20dismiss</text>
      </controlProperties>
    </control>
    <control controlID="3" controlTypeID="com.balsamiq.mockups::Icon" x="383" y="120" w="-1" h="-1" measuredW="32" measuredH="32" zOrder="3" locked="false" isInGroup="-1">
      <controlProperties>
        <icon>CircledXIcon%7Cmedium</icon>
      </controlProperties>
    </control>
    <control controlID="4" controlTypeID="com.balsamiq.mockups::Label" x="423" y="120" w="285" h="56" measuredW="472" measuredH="25" zOrder="4" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Are%20you%20sure%20you%20want%20to%20close%20all%20programs%20and%20shut%20down%20the%20computer%3F</text>
      </controlProperties>
    </control>
    <control controlID="5" controlTypeID="com.balsamiq.mockups::Label" x="497" y="85" w="-1" h="-1" measuredW="87" measuredH="29" zOrder="5" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Shut%20Down</text>
        <size>16</size>
      </controlProperties>
    </control>
    <control controlID="6" controlTypeID="com.balsamiq.mockups::Label" x="376" y="212" w="-1" h="-1" measuredW="327" measuredH="23" zOrder="6" locked="false" isInGroup="-1">
      <controlProperties>
        <text>The%20computer%20will%20shut%20down%20automatically%20in%2047%20seconds</text>
        <bold>false</bold>
        <size>12</size>
        <color>8421504</color>
      </controlProperties>
    </control>
    <control controlID="7" controlTypeID="com.balsamiq.mockups::Canvas" x="368" y="318" w="347" h="164" measuredW="100" measuredH="70" zOrder="7" locked="false" isInGroup="-1"/>
    <control controlID="8" controlTypeID="com.balsamiq.mockups::Button" x="561" y="414" w="-1" h="-1" measuredW="112" measuredH="28" zOrder="8" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Shutdown%20now</text>
      </controlProperties>
    </control>
    <control controlID="9" controlTypeID="com.balsamiq.mockups::Button" x="383" y="414" w="-1" h="-1" measuredW="65" measuredH="28" zOrder="9" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Cancel</text>
      </controlProperties>
    </control>
    <control controlID="10" controlTypeID="com.balsamiq.mockups::Icon" x="383" y="358" w="-1" h="-1" measuredW="32" measuredH="32" zOrder="10" locked="false" isInGroup="-1">
      <controlProperties>
        <icon>CircledXIcon%7Cmedium</icon>
      </controlProperties>
    </control>
    <control controlID="11" controlTypeID="com.balsamiq.mockups::Label" x="423" y="358" w="285" h="56" measuredW="380" measuredH="25" zOrder="11" locked="false" isInGroup="-1">
      <controlProperties>
        <text>All%20programs%20will%20be%20closed%20and%20the%20computer%20will%20shut%20down</text>
      </controlProperties>
    </control>
    <control controlID="12" controlTypeID="com.balsamiq.mockups::Label" x="497" y="323" w="-1" h="-1" measuredW="87" measuredH="29" zOrder="12" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Shut%20Down</text>
        <size>16</size>
      </controlProperties>
    </control>
    <control controlID="13" controlTypeID="com.balsamiq.mockups::Label" x="376" y="450" w="-1" h="-1" measuredW="327" measuredH="23" zOrder="13" locked="false" isInGroup="-1">
      <controlProperties>
        <text>The%20computer%20will%20shut%20down%20automatically%20in%2047%20seconds</text>
        <bold>false</bold>
        <size>12</size>
        <color>8421504</color>
      </controlProperties>
    </control>
    <control controlID="14" controlTypeID="com.balsamiq.mockups::Label" x="346" y="45" w="-1" h="-1" measuredW="76" measuredH="29" zOrder="14" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Option%20A</text>
        <size>16</size>
      </controlProperties>
    </control>
    <control controlID="15" controlTypeID="com.balsamiq.mockups::Label" x="346" y="285" w="-1" h="-1" measuredW="74" measuredH="29" zOrder="15" locked="false" isInGroup="-1">
      <controlProperties>
        <text>Option%20B</text>
        <size>16</size>
      </controlProperties>
    </control>
  </controls>
</mockup>

Attachment: ubuntu-shutdown-dialog.png
Description: PNG image