On the current situation and design trend of game website

Source: Internet
Author: User
Tags versions

Why does the game's website build seem to have never changed this year? Is this a function or a thought inertia? What is really right? The job of the designer is to do the style in this frame? There are actually a lot of thinking points,

The answer is actually changing with the environment. Today's answer will be your bondage tomorrow. But I think the most important thing is the conclusion of the thinking process, can have a kind of communication mechanism, a platform to communicate with the industry designers the process of thinking. Step-by-Step, inertial thinking of the design, may make your thinking more narrow.

Like ideas, the theme of "game website", designers Emily and Jason will share their thoughts on the status quo, view and direction of the game's website.

1. The future of your appearance: about the game official website trend of conjecture by:emily

User interface design with the continuous popularization of product screen operation, has been integrated into our lives. Interface design is a people-centered, so that products to achieve simple use and pleasant use of the design, user interface design for any product, service is extremely important.

In the past few years we have seen the rapid development of the Internet, the information we have at hand is exploding, and visual designers are not just visually expressive, now and in the future, from the perspective of information architecture and interaction processes, no matter how the future trends change, in the final analysis, Designers are trying to reduce the user's cognitive costs. So that the content of the information hosted by the interface more direct and convenient rendering in front of users, users will need to be in different use scenarios can be better support, user experience has become a ruthless role.

The current game class site static, suffocating Web page layout, can you should let users passively receive information to the initiative to create the Internet Information transformation? How to enable users to achieve the critical point of change, need to use a lot of design skills to do. In the future, with the mobile end of the number of smart device users more and more, how the appearance of change, to investigate the essence of how to think and prepare?

1. The flat Trend Game class website can be flattened? It depends on how you do it! How to make the most of the elements look cleaner, with unique large background images, foreground images or buttons, text and navigation, and more rational use of interactive methods? The flat design has a unique appearance, It relies on a clear hierarchy and facilitates user understanding and interactive design and layout, as well as popular JS apps and interactive design with small surprises. (Some JS animation does not support IE6, but if you still stick to the stereotypes of the words whether to change it, IE6 can not always continue it?) CSS3 The general trend, seize the time to learn about learning)

http://www.nexon.com/

http://www.diesel.com/

The flat design uses a lot of simple user interface elements, it is very important to typesetting in the web design. It can be a beautiful button, icon, navigation and so on. For example: The button elements on the page should be simple and easy to click or select, if you add a little interaction on the intuitive many. In addition to the simple styling, there are bold colors to encourage users to click. However, in the design style, not too much to rob the user's attention. Streamlined to no more streamlined, any interface element, must serve the function, must have its purpose of existence, this may have more consideration in the future.

http://tetris.hangame.com/

Fonts should conform to the overall design, be a tool for conveying information to provide navigation, and tell users what to do on your site and, of course, to play some interesting and different layouts. Font selection You can use a simple sans-serif font to differentiate elements by font size and weight. But pay attention to too much, it is best not to use those very uncommon fonts, because Baobuzzi it will take you into the pit. Stuck in a simple sans serif font, there are a lot of changes and weights on the subject. How to use the font is also a learning, to learn to allow different fonts to express different concepts, typography is designed to help users understand the design, so that fonts become a powerful weapon to simplify your design.

New interactive features of 2.HTML5&CSS3: Multi-platform support, responsive layout

The design of the Ring Web page is a new idea of Web page design, which satisfies the experience effect of the browsing mode under different equipment. Below sorted out some website, can give everybody some inspiration.

http://shopping.naver.com/

Http://www.microsoft.com/en-us/default.aspx

3. Content takes precedence over form, user depth customization

Content-oriented modular construction, a variety of typesetting methods, adaptive principle module is independent and reusable, and the content of the slightest impact. Customize the system, for different push content, choose the most effective way. You can display the latest uploaded pictures, the latest information and so on. Can read the information directly in the module, you can also select, Delete, subscribe to the magnetic paste operation.

https://plus.google.com/

4. The existence value of the Guide page

The Internet is a content for the King, game website is no exception. The important factor that users visit the website is to get information, how to present the information in a faster and more detailed way to the user is also the website designers need to keep thinking and pursuing. The mature type of game website user base is basically fixed, the guide pages have little impact on them, because they have the set goals, the information they have to understand, so they have to endure the wait, the user's endurance is stronger than we think, where there are flaws they will choose to bypass, to find a way to go forward , if there is no way, then they will give up.

But what can we do now that can't be further optimized? From the data to find problems, give users one more time to click the jump opportunities, but also may soon become unbearable loss of potential users, any number of obstacles to quickly and efficiently access to information users will lead to the loss of the user base.

Of course, is not to say that the Guide page is useless, in some games new version of the release, some important operational activities, etc., the Guide page is able to complete its due responsibility. We can take another way, such as important operation activities on line, the guide page it can be the form of floating layer window (video), can also be full screen of the activity page, it is controllable timeliness, to the end of the activity after the Guide page has completed his mission. A little more to take into account the user's feelings of use, can not cause trouble to the user under the circumstances of the push marketing activities.

The future: What do we need to do?

Next, there will be some new attempts at different types of game websites. It takes courage to live a good life, it takes courage to do a job well, and it takes courage to break through the present situation. In the past experience, have been instilled with the concept of courage, all need a determination, but the fact that courage is not always needed, many times just need a little desire, heart unwilling desire! When you're thinking about a big plan, the plan itself is filled with countless uncertainties, When these uncertainties are gathered together, the vast future can easily collapse.

Instead of looking at the distant future, it's better to walk every step of the way. Hold tightly to the idea that you think you can change the status quo, I will take a little time every day to implement it, do not need to stay up every day to pursue the time of the permit, fatigue brings more harm than save time is greater, not to mention the real can save time. You just need to put yourself in a relatively independent space for the time you take out every day, without any distractions to carry out your thoughts, which is more than any excuse.

2. Talking about the current situation of the game website and micro-innovation By:jason

The Official game website is the fastest and most direct platform for player users to get information about the game. From the initial exposure of the game to the official test, a game of the official website to go through many versions, at present, a few steps are: Mysterious station, trailer station, seal test Station, beta station, public survey station, to the public station, most games have been at this stage , only a few games to announce the official version, so at present, the longest and most informative version of the site is also the official Beta website.

So, what is the purpose of doing so many versions of the official website? First, the market publicity, so that users enter the game, the second dissemination of the latest information game. But what is the main purpose of the user's website? Most of them are the latest information about the game! Even if the site version to do more, a site can clearly convey the game information to users is the most important. But from the current market on the game's official website, in the information communication still stay in a very basic stage.

Looking around, the current market has a mature game official website, most of the use of a lot of years of layout, to cross the line of fire as an example, on the map is the official website of the 08 layout, the following figure is used to date in 11 The official layout, you can find that official website layout difference is not To the Visible game download button and a series of quick features to the left, and then to the top and the carousel map and the latest news, these sections have not changed much in layout design and message delivery.

The layout of the map, news, activities, advertising and other locations, these layouts in 5, 6 years have not happened a big change. Is it because such a layout has become impeccable with the test of time, or is it not easy to change without changing the user's habits?

Navigation bar, at the top is currently more in line with the user experience position, the user wants to do column switching the first reflection is to return to the top of the click Navigation Switch. However, some games on the top of the official website there is no navigation, such as Dungeons and Warriors of the official website, navigation all arranged on the left, is also 11 to date the official website layout. Can be roughly seen, each game official website has developed a user experience belonging to their own users. But still can not get rid of the adoption of multi-year layout of the shackles.

In the web design of the leading South Korea, most of their game website is also not a big change, navigation, picture Carousel, download game buttons, news list. The only thing that changes is to try a variety of design styles. It seems that the website design of Internet games has met a big bottleneck.

Is the game's official website to be so used all the time? There is no new attempt? In fact, some recent games in the official website, still can see the results of the efforts of designers.

1: Website module customization, breaking the old official website layout

In the current Battle of Ares's official web, on the right side of the floating navigation bar, can provide the player to do two kinds of reading mode of the switch, one is "Classic mode", the other is "reading mode", the Classic mode is the more traditional information arrangement, reading mode is to use the type of blog information arrangement, although just layout switch, But this is a very good innovation, can be tailored to different people to customize the different official website reading layout. This attempt lets the visitor and the website both have the simple interaction, but does not come in the past, you stand there, I just look at you, but cannot touch you, lets the visitor have the initiative.

In fact, this type of customization has been on the portal for some years, but the attempt on the game official web site is really rare.

At present, there is a Korean football online website, but also the use of user-defined layout technology, practical or not, but do not deny that the person is really a bright, fresh feeling full. Thoroughly and completely out of the old official layout of the shackles, is not it?

2: The close combination of official website and game data

Blizzard Design in the industry recognized as the industry benchmark, World of Warcraft design layout of the official website very early broke the traditional game official website layout, the use of the type of blog style design, not only that, but also the game with the data in a very close, as long as you login on the site of your game account, you can pull the data in the game, Very detailed, fine to your guild have friends dozen boss to get what advanced equipment, are enumerated, this will let the player feel that the site and the game is a whole, no Shong sense, but also to the player to inquire information provided a great convenience.

But at present, in addition to the Warcraft official website of the game data integration and collation of such excellent, I do not see another game has similar functions, even if there is a few data, the third party plug-ins to provide more detailed data than the official.

3: Customized push

Push, this word compared to everyone is not unfamiliar, in this era of information flooding, the opening of mobile phones, Web pages, all kinds of information pop out, and we are accustomed to this life, the daily cycle of receiving the push to send information.

Use the iphone app push way to give examples, software if you want to update, micro-trust If there is news, Weibo if mentioned, these notices will be pushed to your phone, and will be in your app icon labeled a small red circle, which is written in Arabic numerals, showing a few, represents how many messages you push. Many users have obsessive-compulsive disorder, must be the red point to clean up to be comfortable.

These push way in mobile phone app is very common, but the use of the Web page is very few, we can use the user to develop this habit, bold use in the webpage.

Below is the "QQ Spirit" official website homepage of the News area, in the current official website is commonly used news tab reading, if the tab with the number of unread news bar, can give users the first time to know what kind of news has the latest news, but also more people have the desire to see.

These seemingly inconspicuous push functions can give players a good experience, so that players do not miss the news they want to see.

Summarize

Can be seen in the layout, style, details and personalized customization on the user to do a different attempt to bring the user experience, but whether it is the best user experience, but also to be the future of the evidence, but this is the only way to reform the official website.

In this game official layout has been solidified the era, the game official website carries the important function which transmits the game information. As a designer, in order to convey information to the user in the way of innovation, through the ingenious design layout and details to achieve the best information push way, so that users can more convenient and easier to get the information they want.

We should be bold to break through the current game's official website design bottleneck, try to combine the advantages of other products to promote the game official reform, this is what we all look forward to and want to see!

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.