background preloader

Vizual Treats

Facebook Twitter

jQuery.mmenu » slick app look-alike sliding menus for your mobile website. 30 Beautiful Mobile UI Examples. 35 Mobile UI Examples for Inspiration. Home » Mobile » 35 Mobile UI Examples for Inspiration Advertisement There have been so many changes with using mobile phones recently that interfaces from simple touching arrows are now dominated with intuitive and capacities touch screens that detects gestures, number of fingers, pinching for zooming, and so on.

35 Mobile UI Examples for Inspiration

With the dawn of this new age, interface design has been modified to provide a feel that’s very much similar, fluid, and smooth just like running websites with HTML5, CSS3, or jQuery, providing a mobile experience that just blows your mind and satisfies your craving for performance through navigation and movement. Even though most mobile phone customers would look at performance first, interface being second, and appearance being the last factor for purchase, buyers still considers UI as an important element nevertheless. This is what interest developers in creating something that would impress people. 30 Menu Navigation Designs for Mobile User Interface. Menu navigation is one of the essential elements of both web and mobile version.

30 Menu Navigation Designs for Mobile User Interface

In the early days of web design trends, a simple bullet lists will do. With the technological advancements, however, web designers are able to create an extraordinary menu navigation design using the features of CSS. Since there are various open source CSS resources that can be accessed with just one click, today is easier than yesterday. Sure there’s a bunch of drop-down menu navigation (PSD) which every designer can download. 3D Card Flipping UI by Ken Chen. 30 Menu Navigation Designs for Mobile User Interface. Winter. Showcase of Beautiful Flat UI Design. Behold web and user interface designers, a new trend (or style) is taking the world of UI and website design by storm – flat design. It is a minimalistic approach and style to designing websites and UI where we take a step back, strip away all the 3D elements, gradients, shadows and effects to leave behind the bare necessities .

In a nutshell, flat design removes the noise, the bells and whistles, the site accessories that overwhelm visitors and drive away peers. It’s pure and simple, and fundamentally minimalistic. If you are bored with it all and would like to f all back on just the gist , it’s time to give this style a shot. It’s already making its wave through plenty of sites on the Web, and we are showcasing more than 20 beautiful examples of this upcoming design trend here. Like what you see or have know of other amazing examples? Snowbird Weather App "Outside the window" jQuery.mmenu » slick app look-alike sliding menus for your mobile website. iOS Slide Menu Part 4: Creating Multiple Sections in the Menu. iOS Slide Menu Part 4: Creating Multiple Sections in the Menu. Mobile App Design/Dev: Building Navigation with jQuery.

Smartphones are now equipped with some very efficient web browsers.

Mobile App Design/Dev: Building Navigation with jQuery

JavaScript is more powerful than ever before, and can be extended with the help of code libraries such as jQuery. When you add in the latest HTML5/CSS3 specs, it’s possible to build very snappy mobile web apps with some basic frontend code. In this tutorial I’ll show how you can build a mobile-based website/webapp. We’ll use CSS3 media queries for targeting specific devices and screen resolutions. Plus a bit of jQuery helps to animate the menu and load external page content using Ajax calls. Defining the Page Structure Let’s start by going over the HTML page first and style it using some CSS rules.

X-UA-Compatible is used to describe how your document should render in certain browsers. Patterns. AppSites. TappGala: The Best in Mobile Interface Design. Pttrns — Mobile User Interface Patterns. User Interface Design Inspiration - 40 UI Design Examples. User interface design is the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user’s experience and interaction.

User Interface Design Inspiration - 40 UI Design Examples

50 Brilliant iPad Mobile App User Interface Designs. The iPad tablet device has grown wildly in a few short years and is certainly here to stay.

50 Brilliant iPad Mobile App User Interface Designs

Mobile app developers are constantly pushing for the next big idea to rack up popular listings in the iOS App Store. The best way to accomplish this is combining powerful programming techniques with simple intuitive user interfaces. User Interface Design Inspiration - 40 UI Design Examples. iPad UI & Design. iPad UI Conventions. iOS Flat Design UI Patterns - Download Now. Cognitive Dissonance Theory.

Cognitive dissonance refers to a situation involving conflicting attitudes, beliefs or behaviors.

Cognitive Dissonance Theory

This produces a feeling of discomfort leading to an alteration in one of the attitudes, beliefs or behaviors to reduce the discomfort and restore balance etc. For example, when people smoke (behavior) and they know that smoking causes cancer (cognition). Festinger's (1957) cognitive dissonance theory suggests that we have an inner drive to hold all our attitudes and beliefs in harmony and avoid disharmony (or dissonance). Attitudes may change because of factors within the person. Leon Festinger (1957) proposed cognitive dissonance theory, which states that a powerful motive to maintain cognitive consistency can give rise to irrational and sometimes maladaptive behavior.

According to Festinger, we hold many cognitions about the world and ourselves; when they clash, a discrepancy is evoked, resulting in a state of tension known as cognitive dissonance. The Anatomy of an Experience Map. Experience maps have become more prominent over the past few years, largely because companies are realizing the interconnectedness of the cross-channel experience.

The Anatomy of an Experience Map

It’s becoming increasingly useful to gain insight in order to orchestrate service touchpoints over time and space. But I still see a dearth of quality references. When someone asks me for examples, the only good one I can reference is nForm’s published nearly two years ago. However, I believe their importance exceeds their prevalence. I’m often asked what defines a good experience map.

30 Free Toggle Switches UI Elements (PSD) Advertisement A toggle switch is a hinged switch that can assume either of two positions, such as an on/off button.

30 Free Toggle Switches UI Elements (PSD)

It is a switch which is used for breaking or connecting and electrical circuit, such as that present on a switch-board. Toggle switches are now playing a part in the web designing and development industry as they are being used frequently as an UI Element. Toggle switches look really cool and help you enhance your design. It is especially useful in places where you want to give the visitors two choices to choose from.

40 Quality Examples of iOS User Interface Designs. iOS is a mobile operating system developed and distributed by Apple Inc.

40 Quality Examples of iOS User Interface Designs

The user interface, is the industrial design field of human–machine interaction. iOS is based on the concept of direct manipulation, using multi-touch gestures. Interface control elements consist of sliders, switches, and buttons. As of March 6, 2012, Apple’s App Store contained more than 550,000 iOS applications. With new applications released on a daily basis, the App Store is being flooded with apps that we should tap.

India) - iOS 7 - Design. Typography & Lettering /  Peppery, instant yellow. Luxury Watches, Writing Instruments, Jewelry & Leather.