Affordance Shots

Inspirational designs, illustrations, and graphic elements from the world’s best designers.

mobile dashboard concept — I explored dashboard design. Play with interaction here : https://xd.adobe.com/view/305efdba-3ac6-4c6f-6be9-8eb865003afa-466f/
- 14
- 0
- 728
mobile dashboard concept

September 12, 2019

0
- Save
- Like
YouJin Choi
Table View Builder – Drag and Drop Interactions — Exploring some drag and drop interactions for building table views for a data object. The Form View builder (previous shot) and this one are part of the same product we are going to release on our next product version. The UI components and visual design are powered by Lexicon. Feedback is welcome!
- 98
- 2
- 9,022
Table View Builder – Drag and Drop Interactions

August 16, 2019

0
- Save
- Like
Liferay Design Team Felipe Pires
Form View Builder – Drag and Drop Interactions — Hey Dribbblers! 👋🏾 Here it's some drag and drop interactions I'm designing for one of our products for our next release, powered by Lexicon. What do you guys think? 🤔
- 194
- 6
- 18,895
Form View Builder – Drag and Drop Interactions

July 26, 2019

0
- Save
- Like
Liferay Design Team Felipe Pires
Buttons and Actions — A collection of button and action affordances a part of our pattern library for an ongoing project.
- 10
- 0
- 994
Buttons and Actions

June 23, 2019

0
- Save
- Like
Reed Ellard Pro
Sign In — See Behance case study here 📱Sign in page with multiple ways 🏀See you next in my next shot! -- You have any inquiry? need help on design? Let's talk for your next project
- 12
- 0
- 1,148
Sign In

May 29, 2019

0
- Save
- Like
Fariz Maulana Pro
Onboarding — See Behance case study here 📱Onboarding app for Fundra ios App! 🏀See you next in my next shot! -- You have any inquiry? need help on design? Let's talk for your next project
- 29
- 4
- 1,941
Onboarding

May 27, 2019

0
- Save
- Like
Fariz Maulana Pro
A - 36daysoftype — A - 36daysoftype
- 8
- 0
- 119
A - 36daysoftype

April 02, 2019

0
- Save
- Like
CarlUX
Making it easier to contact us — This is a revamped page giving access to different sections of the customer service. Increased affordance with icon buttons.
- 11
- 1
- 1,526
Making it easier to contact us

March 24, 2019

1
- Save
- Like
Ali Chemlal
Online Fundraising - iOS App - Fundra — Hi All, Campaigns page in iOS App for my project Fundra (Accountable fundraising for nonprofits) 🎁will post another next week!
- 31
- 2
- 3,464
Online Fundraising - iOS App - Fundra

January 28, 2019

0
- Save
- Like
Fariz Maulana Pro
Accountable fundraising for nonprofits - Campaigns — 🎁A continuity series that I upload for Fundra. Fundra is Transparent and accountable fundraising for nonprofits 🚩This design is a campaigns page, where a user starts to campaigns Nonprofit programs. following by another user who joins campaigns, or starts to donate into their campaigns 🏀See you next week in my next shot!
- 32
- 0
- 2,378
Accountable fundraising for nonprofits - Campaigns

January 21, 2019

0
- Save
- Like
Fariz Maulana Pro
Online Fundraising - Notifications — 🎁A continuity series that I upload for Fundra. Fundra is Transparent and accountable fundraising for nonprofits 🔔This design in notifications for a user that are involved in charity, fundraising, and nonprofits. easily to track their campaign, raised for donations and to track their goals 🏀See you next week in my next shot!
- 66
- 9
- 4,592
Online Fundraising - Notifications

January 14, 2019

0
- Save
- Like
Fariz Maulana Pro
Online Fundraising - Nonprofit Profile — Hi All, Early iteration for my project Fundra 🎁will post another next week! Presentation inspired by 3drops
- 43
- 6
- 3,467
Online Fundraising - Nonprofit Profile

January 07, 2019

0
- Save
- Like
Fariz Maulana Pro
Training Journeys Prototype — Training Journeys (3/4) Half a year ago we kickstarted work on a big project with a design sprint. In the past weeks, we launched the first iteration. Feels great to hear positive user feedback and to see great test results. This is a prototype I made to explore a motion and navigation. What affordances do we need where, how can gestures help navigate? Exploring behavior, transition and set ...
- 20
- 1
- 1,771
Training Journeys Prototype

January 03, 2019

0
- Save
- Like
Freeletics Team Fritz Frizzante
Bed And Breakfast
- 28
- 0
- 1,586
Bed And Breakfast

October 05, 2018

0
- Save
- Like
Mohamed Junaid
Affordance & Feedback tooltip — These little 3 dots are affordance, because users are not familiar with this conceptual model yet. Using signifier for a dropdown menu with list of options.
- 10
- 0
- 888
Affordance & Feedback tooltip

August 28, 2018

0
- Save
- Like
Molham Bakir Pro
Exploring affordance for long-press interaction — By revealing a hidden layer when pull, pushed. an expectation is set that the cards can behave with more freedom (rotation, scale). This leads to tranformation (extreme back angle) that can be expected when long pressed ..leavign space for quick actions such as verifying/ checking-in without redirecting to other screens and preserving context
- 11
- 0
- 454
Exploring affordance for long-press interaction

August 08, 2018

0
- Save
- Like
Dhyani
Orange Player — Here's an iOS Music Player with tweaks. The progress bar has more affordance. Ability to swipe previous and next song easily. And availability of a mini player while browsing the playlist. Love to hear your thoughts and hope you like it :) @Joseph Angelo Todaro: Hope you remember this :)
- 17
- 0
- 410
Orange Player

October 10, 2017

0
- Save
- Like
Siddhartha Banerjee Pro
Simple Drag and Drop — A simple drag and drop file mechanism for uploading files
- 10
- 1
- 862
Simple Drag and Drop

March 21, 2017

0
- Save
- Like
Justin Baker Pro
Primary navigation interaction — Quick showcase of a navigation component we worked on as a part of a redesign of an online testing web application. I've been trying to build components that allow for sloppy interaction, even with a pointer. Accessible experiences provide better interaction for users without accessibility problems too. I feel like it's the same with touch interfaces: things that work great on touch are easier...
- 17
- 0
- 1,264
Primary navigation interaction

February 24, 2017

0
- Save
- Like
spacefarm Team Darin Dimitroff
Checkbox switch UI with disabled affordance Icon — A UI example I designed for a checkbox switch-style element. I've included additional features to provide better visuals when the checkbox is in a disabled state. Our previous effort was simply to dim the switch using opacity, but I was deeply unhappy with it. Our second attempt included the use of a padlock icon, but this was was confusing as a padlock is normally synonymous with security or ...
- 22
- 2
- 2,934
Checkbox switch UI with disabled affordance Icon

July 15, 2016

0
- Save
- Like
Adam Stuart Clark
car wash — www.youjin-choi.com
- 8
- 0
- 768
car wash

July 12, 2016

0
- Save
- Like
YouJin Choi
weather x index — http://www.youjin-choi.com/Weather-x-Index
- 15
- 0
- 945
weather x index

July 11, 2016

0
- Save
- Like
YouJin Choi
weather x activity — www.youjin-choi.com
- 14
- 0
- 806
weather x activity

July 07, 2016

0
- Save
- Like
YouJin Choi
weather app — http://www.youjin-choi.com/Weather-x-Index
- 6
- 0
- 446
weather app

July 06, 2016

0
- Save
- Like
YouJin Choi

← Prev Next →

or sign in

Loading more…