invited you to collaborate on this board

UX Design as Product Differentiation

Examples of digital products that use strong visual design and interaction design to make them stand out from the crowd.
·
75 Pins
 5y
Collection by
Number based and infographic inspired ui combined with a strong black and white color scheme.
Great idea. Socially fed local weather comments.

Big Typo

10 Pins
- One main color - Shake as input #onemaincolor #shake
Daily by Buffer. Product differentiation: Swipe content instead of scrolling.
The dating app Tinder uses swipe as the main input.

Single Control

14 Pins
The app Timeless uses *one main input* and *one main color* to differentiate itself.
Foursquare - Find Rest... One main color
The app Sleep Cycle Alarm Clock uses one main color and one main input as a way to differentiate itself.

One main Color

10 Pins
3D page transition as the main navigation scheme.
The photo based story app Steller uses a flip page transition to move through an individual story.
Pinch gesture as a the differentior.

3D Transitions

8 Pins
The home service app Bizzby uses the IxD pattern Fill-in-the-blanks combined with a strong background color.
The travel app "Where is the bus" uses the Fill in the blanks IxD pattern as main navigation.
Big typo and "Fill in the blanks" IxD pattern as main UI.

Fill in the Blanks

3 Pins
Clear Interactions
GIF Exercise by Sergey Valiukh | #ui #interface #animation
Holde det enkelt. Men supplere med spennende animasjoner.

Grids and Rows

7 Pins
Blocky 3D effects on swipe
Pinch gesture as a the differentior.

Pinch

2 Pins
Methaphor as main ui idea: Vertically stacked folder tabs.
The sketch app Paper uses a strong notebook metaphor to explain its core idea.
Aye, Compass uses illustration as main ui. Also the compass is the main output.

Metaphor

5 Pins
Microsoft Office's uses its own logo as a start button to create a clear signature element. The button is even named after the name of the product.
The travel site Momondo uses it's own logo as a map pin.
CircleMe reinforce it's name into the main UI by using a circular menu.

Logo as interaction element

3 Pins
The newsletter brand Mailchimp decorates their site and apps with a mascot to add a personality.

Mascot

1 Pin
Analog illustration.
Simplified infographic style with minimal copy as main ui.

One main Illustration

4 Pins
3D page transition as the main navigation scheme. Mobile Ui Design, Ui Ux Design, Mobile Ui Patterns, Ios Phone, Inspiring Things, Ui Inspiration, Gestural, User Interface Design
3D page transition as the main navigation scheme.
The photo based story app Steller uses a flip page transition to move through an individual story. Iphone App Design, App Ui Design, Iphone Ui, Mobile Web Design, Ui Design Inspiration, Best Apps
Pttrns Homepage - Pttrns
The photo based story app Steller uses a flip page transition to move through an individual story.
Pinch gesture as a the differentior. Web Design, Mobile App Design, Mobile Ui, Design Layouts, Flat Design, Design Ideas, Calendar App
Business Design News & Trends | Fast Company
Pinch gesture as a the differentior.
Blocky 3D effects on swipe Gui Interface, Design Thinking, Apps, Layout, Web Design Mobile, Template Web, Template Design, Design Responsive
50 Flat Mobile UI Design with Remarkable User Experience
Blocky 3D effects on swipe
- One main color - Shake as input #onemaincolor #shake Great Inventions, Best Mobile, Mobile Application, Main Colors
- One main color - Shake as input #onemaincolor #shake
The app Timeless uses *one main input* and *one main color* to differentiate itself. Ios Ui, Apples, Timeless
Top 13 Time Management Software
The app Timeless uses *one main input* and *one main color* to differentiate itself.
Number based and infographic inspired ui combined with a strong black and white color scheme. Web App Ui Design, Responsive Design, Ios Apps, Iphone Apps, Tablet Ui, Mobile App Templates
alerts.png by Karol Ortyl
Number based and infographic inspired ui combined with a strong black and white color scheme.
Daily by Buffer. Product differentiation: Swipe content instead of scrolling.
The dating app Tinder uses swipe as the main input.
Page not found - Phone Cruncher
Facebook Paper uses flip transitions as a way to create a unique look and feel. Source: http://www.phonecruncher.com/reviews/2267056/facebook_paper_review_in_5_animated_gifs.html
Branded Interactions
Clear Interactions
GIF Exercise
GIF Exercise by Sergey Valiukh | #ui #interface #animation
GIF for Restaurant Menu
Holde det enkelt. Men supplere med spennende animasjoner.
블럭을 모티브로 매우 재미있게 컨트롤 방식을 표현하였다 Interaktives Design, Web Ui Design, Graphic Design, Icon Design, Design Trends
UltraLinx
블럭을 모티브로 매우 재미있게 컨트롤 방식을 표현하였다