Interface design including the following:
1. The interface design of dialogue
2. Data input interface design
3. The screen display design
4. Control interface design
1. The interface design of dialogue
In interface design to use dialogue style choice, and add user access and control mechanism. Dialogue is for the task order
Spell, but to follow the following principles:
(1) feedback (Feed back) : at any time will do what is information told users, especially response time is longer.
(2) the state (Status) : tell the user is in the system what position, avoid the user is in the wrong environment issued the grammar correctly
Command.
(3) from (Escape) : allows users to suspend a *, and can from this choice, avoid the user a deadlock occurs.
(4) the Default value (Default) : as long as can predict the answer, as far as possible a Default value, save the user work.
(5) as far as possible simplified dialogs step sequence: use LveYu or code to reduce the number of user keystroke.
(6) for Help (Help) : as far as possible to provide online online Help.
(7) recovery (Undo) : in the user * make a mistake, but to return and start again.
In the dialogue design should consider the above standards as far as possible, media design dialog box has many standard format for use. In addition, the conflict of interface design factors should carry on the compromise deal with.
2. Data input interface design
Data input interface often accounts for most of the end user use time, also is the computer system is the most prone to errors in part one.
Its total goal: simplified users' work and, if possible, to reduce the input error rates, but also bear the user error.
These requirements in design implementation can use a variety of methods:
(1) as reduce user memory, the choice list.
Common input to a default value; Using the code and abbreviations, etc.; The system automatically fill in the user has input over content.
(2) to interface with the foresight and consistency.
Users should be able to control the data input order and make * make clear, use and system environment (such as Windows * make system) consistent style
Data input interface.
(3) prevent user errors.
In the design of the input to confirm (only the user, just press the button to confirm), clear mobile (use TAB keys or a mouse in the table
Mobile), clear cancelled, already input data is not removed. To delete must to confirm, to a fatal mistake, to warn and return
Out. For less reliable data input, to give advice information, treatment need not stop.
(4) provide feedback.
To the user can view they have input, and the content of tip effective input answer or numerical range.
(5) according to user input speed and automatic format.
Users should be able to control the data input speed and can automatically format, the input Spaces can be accepted.
(6) allow editing.
The ideal situation, in the input can allow editing and adopt after style is consistent, the editor of format.
Data input interface can be through the dialogue design way realization, if conditions have use as far as possible to be automatic input. Especially the image, sound
Sound input in remote input and multimedia application will develop rapidly.
UI design tool-Balsamiq Mockups
As C/S structure engineers, UI design is part is well worth considering. Before and customers to discuss software interface is always in the draft in complete, not convenient modification, also can't clear to express your true idea, recently found out from the Internet based on a development of AIR tool: Balsamiq Mockups, can quickly and draw the UI sketches, hope you use this kind of tool coder construct beautiful interface.
Operation, and drag, the control group, and even the alignment between elements have been doing very close;
A lot of interface prefabricated elements, from simple box, drop-down box, the browser main elements, to use the navigation bar often get, calendar, form, to complex Tag Cloud, Cover Flow, maps, WYSWYG format tool column, had these need not draw up from, often with white board than all quick;
Interface elements of the change is very simple, such as a navigation bar few tag page's label, is to use commas words, drop-down box option is a branch of the text;
Using XML to record and preserve interface elements and layout,
This makes every design can be well into SVN, Git, and CVS in tools such as management and tracking;
Can design complex interface element, save, later can repeat use (including amendment);
Can design a PNG format will be derived the picture;
Can use this command line operation, so let me write a script, from the SVN checkout a list of all the design documents, export picture, packaging with after mail sends project managers, engineers and even that customer;
Cross platform, and Balsamiq Mokups is Flex and the realization of Air with, so in Mac OS, Linux and Windows can use;
Not only have the desktop version, and can be integrated in the Confluence, JIRA, and the XWiki version, make different ground online collaboration more convenient effective;
The mainland and Taiwan on both sides of the Taiwan straits exchange UI design industry
Countries Taiwan nets on August 19, the Beijing news across the Taiwan strait interactive digital content design contest yesterday held in Beijing, fully involved in the event of the co-sponsors UI polymerization nets managing editor XuHaiBo sir the race clearance to accept our reporter interview said, though
