← Back to team overview

unity-design team mailing list archive

Re: Shutdown dialog countdown

 

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


Follow ups

References