background preloader

Why ‘Ok’ Buttons in Dialog Boxes Work Best on the Right

Why ‘Ok’ Buttons in Dialog Boxes Work Best on the Right
by anthony on 05/25/11 at 11:30 pm A question designers often wonder when designing dialog boxes is where to place their ‘Ok’ and ‘Cancel’ buttons. The ‘Ok’ button is the primary button that completes the action the user initiated. The ‘Cancel’ button is the secondary button that takes users back to their original screen without completing the action. Based on their functions, what is the best order to place them? Should the ‘Ok’ button come before the ‘Cancel’ button or after? Platform consistency is not good enough Many have referred to following platform conventions as the answer. “Consistency” is a popular word used among designers. There are certain platform design conventions that are widely used today because they work for users. Visual weight & labels matter, but so does placement One could argue that making your action buttons prominent by giving it more visual weight and a clear and distinct label is more important than its placement. Why ‘Ok’ Buttons work best on the right

Related:  HCINewsDesign appliModal

3 Tools for Getting the Most Out of Your A/B Testing The beauty of online marketing these days is that there's a massive, even overwhelming, amount of data available to inform and validate the choices you make. Whether you're making small deicisions (What color should I make the call-to-action?) or large ones (Should our messaging focus on pricing or benefits?), data can conclusively point you in the right direction. Robot 'sets new Rubik's Cube record' A robot has just set a new record for the fastest-solved Rubik's Cube, according to its makers. The Sub1 Reloaded robot took just 0.637 seconds to analyse the toy and make 21 moves, so that each of the cube's sides showed a single colour. That beats a previous record of 0.887 seconds, which was achieved by an earlier version of the same machine using a different processor. Infineon provided its chip to highlight advancements in self-driving car tech.

OK-Cancel or Cancel-OK? Summary: Should the OK button come before or after the Cancel button? Following platform conventions is more important than suboptimizing an individual dialog box. We get countless questions about small details in UI design that don't matter much to the overall user experience. How To Write a Product Feature Set One of the key benefits of a product feature set is that it helps communicate your product vision with others, such as your team or investors. In this article, I'll teach you how to structure your product feature set and what should be covered in such a document. Along the way, I'll try to convince you of the value of writing a product feature set. When you start building a product, you have a vision of what you want to achieve. Through a product feature set, you’re forced to make your vision as specific as possible.

EU's Galileo satellite system goes live after 17 years Image copyright Getty Images The EU's Galileo satellite system has gone live, aiming to supply the world's most accurate satellite navigation technology. It follows 17 years of development, plagued by delays and budget increases. How to improve the accessibility of overlay windows – part 1 Lightbox, modal window, dialog, overlay… There are many names used to describe a component with the same (or very similar) functionality. For the purpose of this article, I will use these terms interchangeably to refer to a window which is triggered by the user, appears on top of the viewed page overlaying other content, and which must be acknowledged by the user before they can come back to the main page area. When the window is open, the rest of the page is dimmed and the user is only able to interact with that window's content. Overlay windows can be used to display a larger version of an image featured on the page, show additional information relevant to the main page content, or to ask the user for some input or response (for example, a login form). Keyboard accessibility Most of the issues found in modal windows are related to keyboard accessibility.

15 common mistakes designers make Although we don't like to admit it later on in our careers, when we start making our way as designers, we make a lot of mistakes. Once you're working in a creative agency you quickly learn that there are a lot of things you should not do. Here I've compiled a list of common design mistakes for you to be aware of. Although I've committed most of these crimes myself, I have learned from them and hopefully they can help you too... Addressing Hoaxes and Fake News By Adam Mosseri, VP, News Feed A few weeks ago we previewed some of the things we’re working on to address the issue of fake news and hoaxes. We’re committed to doing our part and today we’d like to share some updates we’re testing and starting to roll out. We believe in giving people a voice and that we cannot become arbiters of truth ourselves, so we’re approaching this problem carefully.

Making Modal Windows Better For Everyone To you, modal windows1 might be a blessing of additional screen real estate, providing a way to deliver contextual information, notifications and other actions relevant to the current screen. On the other hand, modals might feel like a hack that you’ve been forced to commit in order to cram extra content on the screen. These are the extreme ends of the spectrum, and users are caught in the middle. Depending on how a user browses the Internet, modal windows can be downright confusing. About Interaction The theoretical part of HCI is very rich. There are plenty of guidelines, principles, theories and laws that constitute universal truth designers can depend upon. The first three are in general concrete and usually proposed by gurus and experienced designers, while the laws are more abstract and mostly discovered by experiments. However, many laws are misunderstood or misused by designers. In this blog article, I will be talking about many common HCI “laws/models” that can be expressed by numbers, formulas or graphs. My list of laws/models are not complete, but it includes many useful laws as follows:

The farmer who built her own broadband "I'm just a farmer's wife," says Christine Conder, modestly. But for 2,300 members of the rural communities of Lancashire she is also a revolutionary internet pioneer. Her DIY solution to a neighbour's internet connectivity problems in 2009 has evolved into B4RN, an internet service provider offering fast one gigabit per second broadband speeds to the parishes which nestle in the picturesque Lune Valley. That is 35 times faster than the 28.9 Mbps average UK speed internet connection according to Ofcom. It all began when the trees which separated Chris's neighbouring farm from its nearest wireless mast - their only connection to the internet, provided by Lancaster University - grew too tall. Ultimate Resources For Mobile Web Application Design The advancements of smartphones have improved the quality of mobile web development. It is now possible to generate entire webapps using only HTML5 and CSS3. Coupled with many JavaScript libraries the possibilities for mobile development are endless. In this post, I have put together just over 70 resources for developing mobile websites and web applications. This collection is more focused on HTML5 / CSS3 / JS webapps as opposed to frameworks or native applications. The purpose is to give your mobile webapp a similar look & feel commonplace with native interfaces.