User interface and user experience (Ui/ux) is the key to any product success or failure, especially web,web is a kind of open, can be accessed by anyone anywhere anytime, a special product, the user's experience almost means everything, although the content is more important, but the content can be replaced, experience is unique, This article analyses 15 different ui/ux cases, the inspiration that the excellent user experience brings us is priceless.
Motion parallax effect in content scrolling
Parallax-scrolling is to allow multilayer backgrounds to move at different speeds to form a motion parallax 3D effect, although purely visual, but the visual experience formed when content scrolling is still excellent. Charlie Gentle ' s portfolio website is the best display of the effect, click the right and left navigation button, in addition to scrolling into different content areas, the top of the multi-layer background map to move at different speeds to form the 3D motion parallax effect is very beautiful.
IPhone Slide Refresh
Most of the IPhone's social networking apps include data refreshes, some dangling flash machines, some pressing a button, and, in my opinion, the best way to do this is to drop the refresh. This method is used by default in applications such as Gowalla, Foursquare, and Tweetie, and when you flip a list with your finger, if you want to refresh the data, your finger has not left that area, and if you use the button, the finger must leave the current position, resulting in inconsistent operation, But the slide type refreshes, the finger continues to stay in the original operation position, just changes the movement.
What we can learn from here is that you often check your UI to see if there is an operation that allows the user to shift attention.
Prompt interface anytime and anywhere
Some popular MAC programs are often in the background silently running, to the need for users to intervene when the pop-up interface, completed and silently disappeared, like the Hit List, anytime will need to notify the message displayed, looks like the operating system itself. The
Convertbot disc menu
Convertbot is one of the few UI designs that actually doesn't work but is fun to use. This iphone app is used for unit conversions, and apps like the iphone App Store are endless, but none of this is so interesting. It designed a disk-type operation interface, very image, very beautiful, let people have to take out the impulse to use, this case tells us, sometimes, see also very important. Slidedeck Accordion Navigation
on the Web, the Content scrolling panel based on JQuery is very many, Slidedeck is the leader. Using a unique accordion interface to display content can be viewed as a horizontal version of the Outlook-style navigation panel, but the visuals and experience are superior. Strongbad's random reply
Strongbad is the cartoon image of the enduring network animation homestarrunner launched, and every week, Strongbad will respond to the audience very funny mail, these messages slowly accumulate more and more recently, Site developers to launch a random mail browsing function, click on the Random button, just like the lottery machine, randomly selected a past message display. This random display is very vivid, so that people can not help but point. This UI case tells us that sometimes a slight change in your user interface can have unintended effects. Made by Tinder theme Color Select
This is a very mysterious little site, mysterious to us do not know what it is doing. But the top of this site, there are a few small color block, click, the entire site on the color of the colors on the hue of the color again, although very simple, but the user experience is really wonderful. Pixelmator
Pixelmator is an excellent image editing tool, although it is far less powerful than Photoshop, but contains many innovative features. It has a very interesting feature in the user interface, and you're setting the effect for a location in the image, there is a natural connection between the set point and the settings interface, and the connection changes when the setting point is moved, and although the line doesn't have much practical significance, it is also interesting to give the user a hint of manipulation. Riot Team Navigation Experience
This site has a unique navigation, not only fluent, but also excellent design, mouseWhen you hover over a navigation entry, the navigation entry is slightly out of the container on the left, and you click on it to gradually display the current content in a gradual manner, which does not use any Flash technology. Drag-and-drop operations on the web
In my opinion, any application should support drag-and-drop operations, while the web has its limitations, but in recent years, drag-and-drop operations on the web have become commonplace. In the above site, you can directly drag and drop the favorite program to download the button, directly download. Icondock's shopping cart also supports the operation of the Antilles. (Wufoo and Polldaddy's drag-and-drop form design UI seems to me to be the best implementation of the Web drag-and-drop interface-translator) online Photoshop photo Stacking interface
This is another not practical, but very attractive interface design, Adobe online When Photoshop is loaded, it displays a bunch of photos, and you can grab them, throw them, collide with each other, and have a great physical effect. Move with the mouse
also displays the motion parallax effect, and as the mouse moves, the working area of the screen moves with it. This site also achieved a similar effect. (Feeling this experience is not good-translator) Double scrolling panel
This is a jQuery based, very good content scrolling panel design. The picture scrolls vertically, and the text is synchronized horizontally, and the visuals and experiences are outstanding. Physical Power based scrolling
When I first used the IPhone, I was very impressed with its physical-powered interactive UI, and when I flipped a page with my finger on Safari, the page didn't scroll at a linear speed, but it had a curve speed, like an object in the physical world, that was fast scrolling and slowly slowing down.
To the Simple interface
The beautiful and complex UI makes people like it, and sometimes the simple interface is more appealing. Mac's WriteRoom is a very powerful text editor, and these powerful features are hidden beneath the simple interface.
This article International Source: Design Shack In-depth examples of addictive User experience (original: Joshua Johnson)
Source: Enterprise CMS website Content Management System official website