Dialog Guidelines¶
Dialog Guidelines¶
- It compiles the guidelines for dialog.
- In intra-mart Accel Platform , basically window.alert and window.confirm is not used for design uniformity.
Implementation method¶
imuiAlert is used for the warning dialog of window.alert().
imuiConfirm is used for the confirmation dialog of window.confirm().
imuiDialog is used in the pop up screen of Input Auxiliary Screen.
- Refer to API list for the details.
Placement of buttons¶
General-purpose Dialog box (like Input Auxiliary Screen)
“OK”, “Cancel” buttons are placed.However, when wording is not suitable with “OK”, determine by functional units, such as an “Input” and “Determine”.
Title¶
- Set by not using any word having grammatical variations e.g. “Input error” and “Registration Confirmation”.
Icon¶
alert, confirm display icon
Icon Image imuiAlert imuiConfirm Message and Icon
- Refer the following if an icon is displayed for messages other than the above.
Icon Image Meaning Message Example Process cannot be continued, failed,error etc.
- “Failed in processing” “Registration could not be
- done.”
Warning like the process can be continued by the user operations. ” Select XXX to be deleted. Completes the process normally like Normal, success etc. “Succeeded in processing.” “Registered” The information which is to be displayed at the top of the input form – Confirmation etc., Confirms continuation of user operation “Registering. Do you want to continue?”
Icon size of 16, 24, 32 pixels is provided.Select the size according to the screen.32 or 24 are recommended to deliver the message.