Histórico da Página

Quando usar

• Para notificar falhas críticas que impedem a continuação do uso do sistema ou da tarefa em questão.

Estrutura

• A caixa de mensagem é composta de

Quando usar

Uma aplicação informa aos usuários em uma Caixa de Mensagem de Erro quando um erro ocorre. Esta informação diz ao usuário que um sério problema ocorreu e que este requer a intervenção ou correção antes que o trabalho possa continuar.

• Para situação onde sistema esta reportando uma mensagem. (o que quer dizer esta frase?)

Estrutura

...

• um símbolo, mensagem, e botões Repetir/Cancelar ou OK (Ajuda é recomendável)

...

• .

...

• Mensagens de erro concentram-se

...

• no procedimento para correção do erro, não na causa do erro.

...

• Pode ser disponibilzado um botão que leva à funcionalidade necessária para a correção do erro

...

• . Para um erro repetido, a mensagem inclui recomendações para ações preventivas.

(O exemplo traz apenas uma mensagem com o texto "Message". Este tipo de exemplo é válido se o público são desenvolvedores, mas para usabilistas o exemplo deve trazer as recomendações aqui descritas aplicadas, de preferência em seu caso mais completo. Assim, deveria trazer uma mensagem com a forma de corrigir o erro e até com um botão extra levando para onde o erro pode ser corrigido. Isto também vale para outros componentes que tratam de mensagens.)

Comportamentos

• A Janela Modal é carregada na interface com o efeito de Zoom-in

...

• .
• Para ação de fechar a Janela Modal é utilizado o efeito de Zoom-out.

Boas Práticas

...

• Sugere-se sempre uma ação focal no rodapé e que irá

...

• receber a tecla de ação Enter pelo teclado.

Exemplo

• Mensagens

Código fonte

{flash:file=^erro_messages_meiu.swf|width=640|height=480}

Código fonte

< em desenvolvimento >

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
	creationComplete="startUp()">
	<mx:Script>
		<![CDATA[
			import com.datasul.framework.ui.msg.model.UIMessage;
			[Bindable]
			public var _model:SampleMessagesModel = new SampleMessagesModel();

			[Bindable]
			public var _controller:SampleMesssagesController;

			private function startUp():void {
				_controller = new SampleMesssagesController(this);
			}

		]]>
	</mx:Script>
	<mx:VBox horizontalAlign="center" horizontalCenter="0" verticalCenter="0">
		<mx:ComboBox id="cbTypeMessage" dataProvider="{_model.collection}"/>
		<mx:HBox>
			<mx:Button label="Info" id="btnInfo" click="_controller.onMessage(UIMessage.INFO, String(cbTypeMessage.selectedItem.data) )"/>
			<mx:Button label="Confirm" id="btnConfirm" click="_controller.onMessage(UIMessage.CONFIRM, String(cbTypeMessage.selectedItem.data))"/>
			<mx:Button label="Warning" id="btnWarning" styleName="WarningMessageButton" click="_controller.onMessage(UIMessage.WARNING, String(cbTypeMessage.selectedItem.data))"/>
			<mx:Button label="Error" id="btnError" styleName="ErrorMessageButton" click="_controller.onMessage(UIMessage.ERROR, String(cbTypeMessage.selectedItem.data))"/>
		</mx:HBox>
	</mx:VBox>
</mx:Canvas>

Referências

• http://designinginterfaces.com/

...

Veja Também