All posts by: Versions Collective

Continue Reading

Looking Ahead in UX: Progressive Web Apps

We all know there’s plenty to talk about in mobile web, but perhaps the biggest thing in the field is progressive web apps. Introduced and evangelized by Google for over the past year, they have been garnering attention for some more and more press due to their development capabilities and user experience optimization. What are Progressive Web Apps? Progressive Web Apps are a grouping of technologies, design concepts, and Web APIs that work together to deliver an app-like experience on the mobile web and bring features usually expected from native apps to the mobile browser experience. According to Google, they are described as; “experiences that combine the best of the web and the best of apps.” Core features include: no install required quick to load full screen experience run in secure container accessible to anyone on the web leverages standards based technology responsive Why Progressive Web Apps? Removing the complexity […]

1
3 months ago
Continue Reading

UI/UX Testing: Tools of the Trade

In the design stage of product development, testing is the ideal tool to optimize and refine for usability. Usability testing is one of the most fundamental parts of the overall UI/UX design process. These tests can and should involve close observation as users move  through pathways, for the purpose of identifying any usability issues or user experience sticking points. Naturally, as a part of the design process flaws are often unavoidable part of the design process and once these issues have been discovered, a site owner can strategize on a plan to rework the process for heightened UX. The first step to getting set up for any kind of testing is to first observe what’s happening on your website. You can do this with the usage of inexpensive software that’s fairly easy to set up and understand. They will give you a good idea of how users are interacting with your website on multiple levels. […]

0
4 months, 13 days ago
Continue Reading

Applying Social Proof to Your Web Design

Equipped with well crafted content and engaging imagery, getting customers to point of purchase should be a simple feat – right? The reality is that even if a product or service is the best in its class and is represented by a beautiful web design, it might not be enough to make an conversion in the digital environment. There are many elements that go into a user making the decision to engage with a company. However, it’s what you don’t say – and more about what other people do say – that can be the most powerful aspect in the conversion process. Leveraging the opinions of an audience in marketing, is nothing new, but in the digital world, social proof has become an essential part of user experience design. Analytics show that the use of social proof is over 70% effective in convincing a customer to purchase a good or […]

0
8 months, 1 day ago
Continue Reading

Balancing Content and Simplicity in UI Design

A digital content strategy can prove to be the most important relationship that a company shares with its audience, helping to build authenticity and ample conversion opportunities. A successful content implementation builds trust and develops a connection without actually being face to face, however, when it comes to designing a clean and minimal user interface to represent the content, it’s common that the content editing process becomes a problem. The process of designing and developing a user-centered interface that is simple yet effective is no small feat, particularly when there is detailed content at hand. Distilling information down to the core meaning, while remaining coherent and resonant is a powerful approach and can mean, among many other benefits, a sustained level of heightened conversion and a better user experience – but getting there can be a winding road. Many shy away from a minimalist approach to content and design because adding, […]

0
9 months, 15 days ago
Continue Reading

UI Fundamentals for Mobile App Design

Everyone who launches an app wants it to succeed – that’s a given. It all starts with an idea – hopefully something that has never been done or something that needs to be optimized – more than a pretty face – a true a problem solver. For the elements to come together to create an mobile app that will take off – several implementations must be in place. A great idea, enthusiastic innovators, a solid development team, and a great UI design. It may seem simple to gather these elements, however, the result is only as good as the sum of the parts. Each factor in play must be strong enough to stand on it’s own, yet smart enough to pass the baton to the next. A team of stakeholders, ideally, should ideate and collaborate as an entire from concept to launch in order to deliver the most optimal user […]

1
1 year ago
Continue Reading

UI Design: Bridging the Gap Between Simplicity and Complexity

Both determining if a user interface needs a redesign, and the task of designing it is no simple feat. The process involved can be ardouos, involving many steps, stakeholders and time. While a UI redesign at the onset may seem like a cut and dry endeavor, it is critical to understand the inner workings of how an optimal end product is produced and the challenges that will almost certainly arise as the project unfolds. Engaging in a UI redesign usually means that a site is either outdated or is not working ideally for the user. Aspects in consideration could be as simple as a navigation restructure to content all the way to image curation. Each project has it’s own set of goals specific to the company it represents, but ultimately, creating an interface that is as intuitive as possible is the holy grail. This is where the hard part comes […]

1
1 year, 1 month ago
Continue Reading

5 Truths of Iterative Design

Among design methodologies in the digital sphere, the use of Iterative Design is one of the most rigorous – and effective. Tapping into a cycle of bordering on obsessive optimization, iteration is a regenerating process whose effects can be felt and seen long after a launch. In its wake, iterative design can drastically improve functionality, build needed components to a platform and add a positive complexity. Though highly effective, its important to be aware of the sometimes hard truths that a project tapping into an iterative strategy can face. #1: Iterative Design is Best Implemented Early Iteration should begin on a project immediately, with concepts coming into fruition through prototyping and concepting. The review/analyze/test phase is entered – refinements are made and prototyped again. Its important that the cycle is run through rapid iteration, so ideas have a chance at success and don’t get stale. #2: An Iterative Process is a Hands-On Approach An […]

1
1 year, 3 months ago
Continue Reading

UI Design Process: How Do You Prototype?

Whether it is with an internal team or client, having the tools to effectively present an idea and show the process to delivery is integral in gaining stakeholder approval and ultimately, the best end product. The path of designing an interface is no different that any other creative process. Designers require a toolbox to aid in the communication and visual aspects of the project, and prototyping is the main driver for helping this process along. Determining what method to adopt for a specific ui design project will depend on the content, team cognition, budget & time constraints as well as the preference of the design and development teams. Sketching Sketching, albeit low-fi, is perhaps the most innovative route when developing an interface. Sitting down to pen and paper leaves the possibilities open to all possibilities and no constraints. It allows the designer to explore the problem and come up with a solution through experimentation. Without […]

1
1 year, 6 months ago
Continue Reading

Treating Text As An Integral Element of UI Design

More often, when designing for UI, the primary focus tends to be on site navigation, layout and imagery. Even with talk of importance placed on user experience and quality content, text – particularly body copy – gets ignored until later in the game and dropped in as an afterthought. When you really look at the elements of an interface, the majority of what drives the design is type. Both the layout and font choice are critical aspects that will determine the success or failure of a site. When all the layers of image and color are peeled back, the reality is that the majority of UI is text. Ensuring that this driving design element is handled properly through placement, context and hierarchy is key. Font Choice The fonts chosen for site content should be given as much effort as those selected for a logo. Just as a logo can set […]

2
1 year, 7 months ago
Continue Reading

The Organized UI: Prioritizing Content Through Visual Hierarchy

When planning out an interface with any amount of information, there is content, in both visual and contexual format, that must be organized for the maximum user experience. Using type, color, contrast, shape, placement and scale, among other layout qualities – a designer can organize elements on a page so that users gets a sense of visual importance – leading them to a greater chance of engagement. With the great deal of weight placed on user experience and pathways today, visual hierarchy can be a great instrument in the toolbox of a ui designer and site owner. Both content creators and designers must align to create a strategy for prioritizing their content. Benefits of Using Visual Hierarchy Hierarchy guides the user from one element to the next, ideally in a flow that corresponds to the content’s message. Creating a visual hierarchy provides a bird’s eye view on how to design so that users engage with […]

1
1 year, 7 months ago