| Article Description: Mobile Application Interaction Design trends: Innovative design of trend elements. |
These two months in the busy product 2012 interactive design, is very touching. Remember IM group everyone in the 2012 busy at the time, product director said a word: "You see the annual fashion show, clothes are exaggerated, but when used in the market, only to see the Conference on the one or two of small fashion elements ... interactive design is the same, the annual excellent application brings new trends, The interaction design can always be elevated to a new height, standing on the shoulders of giants to see a higher look farther ... It's not a derogatory "micro-innovation, Nano micro-innovation, pixel-level copy ..." Although their ability and experience can not be summed up like the "2012 Mobile Application Interaction Design Trends" such an article, but think back to some of their own inspired nubility application, in fact, still very use meaning.
A, photos and other information display designA
class Pinterest Irregular photo stream crazeAfter the Pinterest came out, there were many high imitation designs, but another way of thinking, this irregular plate design has a bit like a newspaper section or a picture of the puzzle template, if the rigid list items have been bored, try the irregular plate layout, perhaps for the application of information browsing to bring a little fun.
(ii) Cascade, transparent and carousel notificationsPath drives the design of the big cover. But then the large background image occupies half screen area, how much is a bit wasteful, so superimposed on the above information becomes inevitable, but the superposition of information design has become interactive design and the greatest test of vision, how to use the good area, but also to show the information to fully show the end?
Small ExperienceIn the business card design, save the development workload requirements is the host state of the business card and guest state of the card as far as possible in accordance with the reuse, but the two display information, to display a lot of information, quite let a person nerve-racking, such as
| Demand Point |
Results |
| ① Guest state Praise button to be easy to click; ② host State Praise your people to reality, including numbers, praise of the person's information; the person who praises you should have notice; ③ host State of business cards and guest state cards to be as far as possible to reuse |
① 's button is superimposed on the cover; ② If more people praise you, the way the Avatar scrolls shows; ③ if someone new to you is not using the text notification situation, but using the red digital icon to remind, because of iOS habits, users are very easy to acquire. |
From the design of business card, I learned the most is the visual experience and the balance of information display, in the interactive design, how to layout information, those information is the display, the information is cumbersome, the information can be displayed in the best way, is a great test. Business card design is over, although this version has a lot of regrets, but the next version continue to work hard. Website Download Address: http://mobile.qq.com/iphone/
(iii)
push, pull, shake, move photo displayThe first thing to see is Flickr, which uses motion-camera techniques to display photos and
Push, pull , shake , move and other forms to break the boundaries of the frame, expand the picture vision, better attract attention. Later, it was found that the method was used on various landing pages, especially the photo-sharing app. At that time did not get weico+ invitation code, see it's welcome page, suddenly a literary high small fresh impression on the formation, in fact, even if not in the login page, some banner photos display area, this design method can have good effect? Really ❤ want to try.
Two, the button design method
(a) hidden designRead the article "Mobile design Space Save the road" quite agree, hate those simple and rude to all the buttons are displayed in the same interface design, always worried that users can not click to see Ah, the development cost is very high ah ..., the result of an interface is full of buttons, users can not tell which is the core button, but also affect the visual experience. Their own in the work, but also try to put unnecessary buttons to fold up, give a clear reminder. As long as the hint is reasonable enough, the user will not find the button you hide, but let it find, there will be surprises. This is not just an observation of the results of one or two users. The dynamic effect of splitting may be only one of the solutions, perhaps depending on the scene can be pushed down, tearing and so on display dynamic effect.
(b) expansion and pull operation, not detached from the scene, with gestures instead
Used to do the application, write operations, reading the type of operation process, always used to design a new read the comments of the interface, and then click on the Write Action input box, keyboard bouncing. It was silly and naïve to think that writing a comment or reading a comment is the user's current primary operational task, and that unnecessary information interferes with the user's immersion experience. But it turned out that writing reviews, reading, and so on was just a temporary task for me, and I wasn't as detached from the original as I was when I was writing reviews or reading reviews. These expanded designs, most of which can be pushed or pushed off with gestures, are a feature of the mobile touch-screen button design.
(c) side sidebar designFacebook is the first I have seen the use of the sidebar, and later path, Yue read and so have adopted this design, the interface structure is more complex, sidebar helps to reduce the level of interface relationship, make full use of display space, or make directory-type data easy to operate. But, looking at the application, you'll find that the sidebar is all the same underneath the content page, there is no other way, so that the sidebar display also innovative, very read may be a small inspiration bar: The button to bring up the sidebar is not necessarily at the top, sideslip out of the hierarchy is not necessarily at the bottom.
Third, guide the design to guide the user according to the sceneThe new app-enabled boot page has become standard for apps, and colleagues often discuss this kind of function in the end this kind of guidance is not appropriate, and finally unified out of the conclusion is that the Guide interface can only get up to inform users of the role of new functions, to be through a few pages to teach users how to use software, too wishful thinking, The real boot can be placed when the user is using the feature. such as Sina, Yue read the night mode, in the evening will not remind users.
four, "write" The operation of the designThe most traditional writing operations, such as micro-Bo (Sina, Tencent, QQ space), in the title of the content page to add the entrance to write operations, and later Instagram appeared most of the photo software put post operations in the middle of the position, And then foursquare the checkin operation to the middle ... After the advent of light bo, write the operation of the button in the middle, more and more of the middle of the big button tab design. At the same time there is another trend, that is, the path of all the write operations are folded up, become a small button. Two kinds of forms. The use of two kinds of design is mainly related to the information structure of the whole software, that style is more appropriate, slowly experience it. ...... Every year, there are too many "tidal elements" that can make people think, the big principle must be the design insists the innovation, but sometimes the innovation is comes to the life small experience, first grasps one or two points summarizes, continues to diverge the thought, simultaneously warns oneself not to turn these ideas into the cottage thought, laughable.
