One button for two actions
I have a comparison site. On the landing page there are two text boxes which are used for products to be compared, and a button to trigger “compare”.
If a visitor fills these two boxes, products are compared according to the…
Focus the user on save screen, or still show preview?
In my 3 screens below, I’ve shown the edit, review and save screens. These screens are part of a 4 stage process.
On the final screen (save), instead of the interface having a new screen, a sidebar slide animates in on the …
The design and implementation of the purely theoretical "self destruct" button
I had an Adobe Flash instructor in college who told me a story about getting bored at work. He had some downtime and was looking for a way to pass the time. While looking at some Flash code, he discovered that if you created an executable file with a couple of lines of code you could create a program that would perpetually reboot the users computer. So, armed with his new found knowledge, that’s exactly what he did and promptly asked one of his friends to try out this new program he created. My response was, “You created a self destruct button.”
Now, he did this just for fun. Just like I’m asking this question just for fun.
Ever since, and quite often, when I’m working with developers I ask them if they included a self destruct button. I will then get one of two responses, either a blank stare or a simple “No”. So I’m convinced the only people I can turn to are UX professionals. Which brings me to my question, which I’ll phrase from a UX standpoint.
What user scenario(s) could prompt the inclusion of self destruct button? How would you as a UX professional go about designing/implementing the self destruct button? Finally, and most importantly, what would it do? If you wanted to take it a step farther, how would you calculate conversions/success?
Remember this is purely theoretical and just for fun, so the answers can follow suit, but they should still have some basis in reality (just a little is good).
If we use the story as an example, the scenario that prompted the self destruct button was a developer with too much time on his hands. The design process was simple: create an executable with a line of code. We all know by this point what the executable file did. If you’re curious, according to the story the implementation was a complete success and rebooted the machine over a 100 times before being unplugged and summoning IT. So, the 100 reboots would be the conversions and the calling of IT would be the success metric.
Form Label – disabled or enabled?
What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well?
1) If labels are also disabled then it’ll give a stronger clue to the user wherein just by look…
How to manage credentials information to the user?
I’ve created a plugin for an editor.
This plugin gets some information from the project and shows you all the related issues, getting the information from an external application (Github, gitlab, redmine, etc).
In the plugin, I have two “objects”: Credentials (to get the issues) and External applications.
Sometimes I can guess how to get the information only with the user supplied credentials (i.e.: github, or gitlab cloud service), sometimes I need extra information (a local gitlab, redmine, etc).
My question is.. How do I show this configuration to the user?
I was thinking about having a third object called “Location”. The idea was the following: the user configures different locations (i.e: “work gitlab -> 100.1.1.23”,”home redmine -> 127.0.0.1), and assigns some credentials to them (“work gitlab” has the authentication tokens A,B and C while redmine has only the autentication token D, etc).
When the user creates a new project in the IDE, the plugin scans the project files (“.git/config”) to see if the project is related to any configured location.
If that’s true, the plugin gets the issues automatically, otherwise it asks the user for the new data.
Another idea is do nothing…In any new project, the user would have to configure the credentials and the external application that will use them.
Is this approach correct? Does anyone have a better idea?
How to make registration/login for premium account purchase as painless as possible?
I am currently working on a fundraiser to gain several thousand premium accounts subscribers for my site.
Because these are premium accounts (like Reddit Gold), a user must have an account so the payment can be linked to the…
eCommerce Payment Process
We have an eCommerce website that takes credit card payments, everything is fine, however sometimes a user enters their details, gets approved and moves on to the Complete page – they then hit back and hit Submit AGAIN (they …
eCommerce Payment Process
We have an eCommerce website that takes credit card payments, everything is fine, however sometimes a user enters their details, gets approved and moves on to the Complete page – they then hit back and hit Submit AGAIN (they …
What are some good online resources for learning UI-UX?
Along with those listed here, I’ve included several more you should take some time to explore.
1. Learn the fundamentals
Before doing anything, learn the basics. Get a solid foundation of knowledge to understand what user experience design is, and how UI design fits within it. Become familiar with the terminology, the theories and best practices. Learn how to put them to use. There are many parts to the overall UX design process, but understanding them all will make you a better designer.
Here’s a few online resources/articles I would recommend:
- The Hipper Element by Joel Marsh (UX Crash Course: 31 Fundamentals)
- Lynda.com (http://www.lynda.com/Web
-User-Ex…) - Team Treehouse Blog (http://blog.teamtreehous
e.com/10…) - Smashing Magazine (http://www.smashingmagaz
ine.com/…)
2. Get to know the tools
As a UX/UI designer, you will most likely use a variety of tools throughout your career. Learn as much as you can about them so you can execute on deliverables as a UI/UX designer. From wireframing to mockups to prototypes, you will need to understand how to complete a variety of items which requires several different tools.
- Wireframing Tools
- Balsamiq: http://support.balsamiq.c
om/cust… - Omnigraffle: https://www.omnigroup.com
/video/… - Illustrator: 10 Tips for Building Wireframes With Illustrator – Tuts+ Design & Illustration Article
- UXPin: http://blog.uxpin.com/cat
egory/t… - UI Design Tools
- Sketch: Learn iOS design and Xcode
- Photoshop: https://www.google.com/we
bhp?sou…
3. Find a mentor
The best advice I received when beginning my career was to find someone who’s great at doing what I wanted to do. Find a mentor. Find someone who’s got the experience and is willing to share it with you. Network with other designers to talk to and learn from. You can read a blog I posted about the importance of finding a mentor (https://medium.com/@joey
This will be a person you’ll rely on throughout your career for advice, critiques and help. So choose carefully. If you are serious about learning and becoming a designer, I’d recommend our program at Bloc (Learn Web Design with a Mentor | Bloc). We do one-on-one mentorship with experienced professionals who will help you become a better designer.
4. Hone your craft
The best way to learn is to put your knowledge and skills to action, and continue learning. Learn by doing. Find a project and begin working on it. Once you complete that one, find another and build it. Build something for yourself. Build something for a friend. Build something for fun. Build something just to build something.
Disclaimer: I am the UX Design Director at Bloc (http://www.bloc.io), where we offer one-on-one mentorship for people wanting to learn how to develop for the web, create mobile applications or become a designer.
How to retain users when payment is *not* the last part of the process?
I’m working on a project in government that requires users to fill in an online form and make payment for the service online, but that’s not the end — users then have to do some stuff in the real world, including downloading and printing some now-finalised documents, and taking them to the appointment they’ve booked as part of the online application process.
The problem: in online transactions (most typically shopping), payment is almost always the last thing you do, to the point where the research participants we’ve tested with tend to switch off when they see that their (pretend) payment has been successful. It’s vital that we retain users: while they might think the ‘conversation’ is over after payment, we know it isn’t, and there’s some important information after payment that we don’t want them to miss.
(NB: it would be inappropriate to put the information before payment, because (a) it’s not relevant yet, being about what they need to do next, and (b) users can change their form details at anytime up to making payment successfully, so we don’t want them to download any documents until the details they’ve given can no longer be changed)
Are there any examples out there (ideally good ones, but I’ll take what I can get) of online processes where payment is not the last thing? Or any tricks to stop people from dropping out? This isn’t e-commerce in its usual sense; the experience will be worse for everyone (customers and government) if customers pay but don’t see the information after that about what they need to do next.
Thanks in advance 🙂