Website interface design needs to cater to user operation habits

Source: Internet
Author: User

By classifying different requirements of the interface design and the impact of the interface design elements on user behavior, we can study the importance of the user in the interface design. Interactivity has become the goal of network interface design. To make the design meet the availability requirements, it is necessary to fully understand the user characteristics and diversified requirements. This requires finding the right way to record and implement diversified user requirements.

  

 

The interface is the media of interaction between people and objects. In other words, the interface is the new face that the designer gives the objects.

 I. Classification of Interface Design

(1) functional implementation-based interface design. The most basic performance of the interactive design interface is its functionality and usability. Through the interface design, the user can understand the function operation and transmit the information of the work to the user more smoothly, that is, the user, it is the basis and value of functional interfaces. However, the user's knowledge level and cultural background are different. Therefore, the interface should be more internationalized and objectively reflect the information of the works.

(2) Interface Design focusing on emotional expression. It is the true artistic charm of the design to convey an emotion to the user through the interface. The user's feelings when he or she is in touch with the work, so that he or she can resonate with each other and use emotional expressions to effectively reflect the emotional relationship between the work and the user. Of course, there is a unity of certainty and uncertainty in the transmission of emotional information. Therefore, we emphasize the emotional experience of users when they come into contact with works.

(3) Interface Design Based on environmental factors. Any interactive design work cannot be separated from the environment, and the surrounding environment has a special impact on the information transmission of the design work. It includes the history, culture, technology, and many other features of the work. Therefore, creating an interface environment is a design task that cannot be ignored. This is the same reason that we need to turn off the light when watching a movie.

  

 

 Ii. interface components

The keyboard and mouse interfaces of computers are the most traditional components of man-machine interfaces, but these become the limitations of man-machine interfaces. This is because humans cannot freely integrate information data into their active thinking and imagination through the keyboard and mouse, which makes them feel relaxed about man-machine interfaces. How to go beyond the limitations of the keyboard and mouse to further expand the interface between the digital system and the human, so that the digital system truly enters the human life, become the current interface design research direction.

(1) Use actions as the interface. Henry See has long-term research on computer information organization capabilities. His work "follow" Regard emphasizes device works with action as the interface. the device is built in a specific smart environment and has a virtual character who is reading a book, the visitor's actions can affect the actions of this "Reader. The effect of the movements of the participant on the virtual character shows that the participant respects and infringes on the private space of the reader. Soomei and heagnoes have created a series of devices that combine pose tracking. In plant transformation, the behavior and body form of visitors affect the types of artificial organisms. This is an interactive environment. Visitors can see that they have created a virtual garden with their bodies when they enter this virtual space [2]. Body posture and activity scope directly affect the growth of virtual plants.

(2) Use touch and touch as the interface. Christa Somy and meginne: "mobile phone feeling" explores the dual emotions of strangers sharing personal information. David SIMO and Tom White developed a water-based human-machine interface device called consciousness water flow, which presents a small waterfall with a floating text on its surface, if a visitor tries to touch these words, the water and text will ripple up a small ripple: "You can stretch your hand to touch the water flow, try to cut off or stir up the text to make the shape change, convert to a new text, enter the drain, return to the source of the water flow, and then flow out again."

(3) staring as the interface. Drik Luese brink and Joachim Sauter's "invisible" De-Viewer explores the power of watching in symbolic form. The audience can see different changes through the paintings hanging on the walls of the art gallery. The tracker invisible to the audience is hidden behind the painting, which tracks the direction of eye gaze in real time, that is, the "eye tracker ". When the audience stands in front of the painting, the audience's focus will dissipate, and the eyes of the audience will be displayed in a painting next to it. When no one observes the work for more than 30 seconds, the picture is restored to its original state. The device uses the gaze as the interface to make the audience realize that no matter where he looks, he is destroying the image with his eyes.

(4) using breathing as the interface. Cha Davis Char 'davies has created a series of virtual worlds that use various organic and geographical landscapes. these virtual worlds are very different from most Virtual Reality environments, in his work, the audience activities in the virtual world by breathing the pace, thus "removing the boundaries between themselves and nature", in the review of the penetration exhibition by the ISEA at the International Electronic Art conference, annick burude concluded that the "animation interface" plays an important role in successfully transmitting an object to the virtual world. Penetration makes us closely connected. When we breathe it and penetrate with us, and this work depends on the body of the audience, their basic activities (breathing and balancing) it is very important to understand the work itself.

  Iii. Interface Design Requirements

1. Ensure readers with ease of operation. The Interface Design of interactive works uses the hypermedia link technology to orchestrate media elements such as text, graphics, images, sounds, and animations to form a coherent whole, presented in a complex interaction system. The interface reflects the sum of information rather than a single information. If the same term is used in prompts, menus, and help, in different application systems, the interface appearance, layout, interaction mode, information display, and interface design should be consistent [3]. Based on your own cognitive experience, you can understand functional operations and select the content correctly through visual cues on the interface. You can return to the main interface or exit the entire multimedia file anywhere, therefore, each operation should be logical for users who can easily understand the information and emotions they want to express.

2. issues that need to be considered first during interface design. As a new media form, interactive design must highlight the essence of artistic visibility and integrate new artistic thoughts and ideas into the works to attract and influence users. The interface enables the reader to open the layer that is first exposed to when interacting with the work. Through the avant-garde artistic symbols used by the designers on the visual interface, the virtualized space structure creates a leaping visual effect, it can arouse users' beautiful emotional communication, so that they can resonate with the information conveyed by the designer through the works. The purpose of the interface design is to promote the transfer of information to meet user needs. When designing an interface, the key lies in whether the interface can effectively support interaction. The components on the Interface serve interactive behaviors. It can be very beautiful and abstract and artistic, however, the interaction functions and functions of the work cannot be damaged for any reason [4].

  Iv. Composition of webpage Interfaces

After determining the web interface, you need to further determine the organizational structure of the interface. Different from traditional media, web pages increase vividness and complexity, and emphasize various interactive experience effects implemented by code language programming, however, the layout and optimization of more page elements are also worth consideration by web designers. The elements of a software interface usually include the main tone of the interface, font size and color, interface layout, interaction mode, interface function distribution, and interface input and output mode. The elements that affect user productivity include: input/output mode, interaction mode, and function distribution. In systems that use imperative interaction mode, the command name and parameters are also the content of the Interface Element [5]. The elements that affect the user's evaluation of system friendliness include: color, font size, interface layout, etc. The software interface is a whole, any element that does not meet user habits and does not meet user requirements will reduce users' acceptance of the software system.

5. user requirement analysis

Network interaction has become one of the important goals in network interface design. In order to improve the network availability from the design perspective, designers should fully pay attention to and understand the diversified requirements and behavioral characteristics of users. Relying on the correct method to more accurately record and achieve diversified user requirements, the design of the network field begins with the investigation and analysis of users, factors that directly affect user use are analyzed based on user needs, user psychological analysis, user network knowledge, and user emotional experience. In user analysis, we need to use psychology, communication, sociology, and other related theories to analyze the needs and responses of different types of users to different interfaces, it provides a reliable theoretical basis and reference for the analysis and design of interactive systems, making the designed interactive system more suitable for various users [6].

1. user-centered design. The entire design process is always centered on users, starting from user research, user modeling, information concept design, website prototype design, user testing, and solution implementation, truly user-centered. Ensuring consistency of user interface operations is one of the key points of webpage interface design. In the design of the homepage list box, if you double-click one of them, some tasks are completed. Double-click any of the items in the list box to complete the same task. That is, the positions and colors of all window buttons must be consistent. The consistency of user interface design enables users to establish a precise psychological model for the operation of the network interface, thus reducing user training and support costs. In terms of Visual page communication, the subject content and positioning of the website determine to be consistent with the elements used previously [7].

2. Reduce users' thinking design. Generally, the short-term memory can only be kept for about 20 seconds, and the maximum length is no more than one minute. How much information can we store in such a short period of time? The answer is 7, 2, 5 ~ 9 projects, with an average of 7 projects. It can be seen that a person's attention is concentrated and a small amount in a short period of time. The user interface based on recognition depends largely on the visibility of the object that the user cares about, displaying too many objects and attributes makes it difficult for users to find objects of interest. At the same time, users often repeatedly enter some information, such as personal accounts, security information, Operation habits, and next operation behavior, which takes the time for users to complete other important tasks.

3. clearly reflect the special services of the website. The user interface should clearly reflect the special services of the website, arrange the largest space, and display the biggest selling points of the website in the most conspicuous position, and the most common training systems that users are most interested in, other users will also be interested in channel information, the latest shared information section, and Forum section on a prominent position on the interface. These are user-centric interfaces that basically meet user needs.

4. cater to users' habits. Catering to the user's habits, mainly to make the user easy to operate to the extreme. As a Ul designer, we should learn more about the areas where users are used to searching for navigation bars and what parts are used to as the focus of websites, click "register" somewhere, "search box", "button" [8] ", and" color "to accelerate users' heartbeat and increase their consumption impulse. As a result, the overall layout of the website is re-planned based on the user's behavior habits, making the website simple, simple to the extreme, through a clear process and interface, it allows users to spend less time thinking and searching for websites, and allows accurate colors and expressions to reduce users' psychological struggles. Through continuous research, various usability experiments are used to calculate the time required for users to think about each interface. Then, the best criterion for page design is the page on which users spend the least time.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.