Tag / ui
Why the discovery phase is the most important web design step
The discovery phase in web design can help you create products and services that your users really need. Here’s why you need to take it seriouslyCreating websites that people want to use requires an intense amount of research. To truly understand the people who will be using your products and services is the main current of user experience design.
Oriol Beda quipped in UX Collective that “research is still seen as a magic wand that is only waved when problems arise”.
If you don’t know who your audience is, how can you ever expect to design something suited to their wants and needs? The answer is you won’t. You’ll end up with a half-baked product that nobody will want to use. For a better design process, research should be a primary tool for answering problems and not a fall back for when things go awry.
So, what steps can UX/UI designers take to ensure that they’re creating successful work? When it comes to web design, one of the most important steps is the discovery phase.
In this pos..
20 Free iPhone X Mockups [PSD, Sketch]
via TheyMakeDesign
А compilation of iPhone X Mockups in PSD and Sketch. It includes clay style, realistic mockups and flat design in different angles from frontal to perspective and isometric ones.
Check them out, maybe you’ll find one of them useful for your next project:
Frontal and Perspective iPhone X PSD Mockups by RamotionFrontal Mockup by PixedenPerspective PSD Mockup by Virgil PanaFrontal Sketch mockup by murathanFrontal PSD Mockup by Alexander LitvinenkoFrontal PSD Mockup by Unite ThemeFrontal PSD Mockup by KonstantinFrontal PSD Mockup by Danish DesignsFrontal PSD Mockup by PSD DaddyFrontal PSD Mockup by Design BoltsPerspective PSD Mockup by Super Crowds inc.Frontal Sketch mockup by Rajat KashyapFrontal Sketch Mockup by Greg DlubaczFrontal Sketch Mockup by Roberts OzolinsFrontal Sketch Mockup by Rifayet UdayFrontal Sketch Mockup by Joseph Angelo TodaroFrontal Sketch & PSD Mockup by Pierre BorodinPerspective PSD & Sketch Clay Mockup by RamotionPerspective PSD Clay Mockup by laz..
Full-stack UXers: Who They Are and How to Find Them
Within the user experience community, there’s been an increasing push toward finding individuals whose skill sets extend beyond those of a typical UX designer. Specifically, businesses are looking for leaders who can carry a project from initial design to front-end development.
These leaders are called full-stack UXers.
But when it comes to filling this in-demand position, there’s not a lot of clarity about what qualifications a full-stack UXer should bring to the table – or how to find them.
What is a full-stack UXer? Perhaps the best entrypoint into understanding a full-stack UXer is to explain what they are not. Contrary to what the title might suggest – and what certain job postings may unrealistically demand – the role doesn’t call for someone with a deep mastery of every part of the design trajectory. In practice, there are very few UXers who are as skilled in programming languages as they are in pixel-perfect design.
While full-stack UXers don’t need to have in-depth experie..
Deliver Products People Love…Without Guessing, Part 2: Shared Understanding
Every month companies in the United States spend billions of dollars on market research, competitive analysis, customer segmentation studies, and the like. The goal is essentially to answer a single question: “What should we build and how should we market it to be successful?” They spend days analyzing their spreadsheets filled with the data from these studies, dictate a list of features to be built, and hope they are successful. What is the result?
About 95% of new products fail.
The sad thing is, you do not have to guess. In Part 1 we talked about Jobs To Be Done and how understanding what Jobs a customer is looking to hire a product to do, the drivers that influence the job, the current approaches they take to accomplish that job, pain points that exist, and what competition is out there can help you understand the circumstances around the Job and ensure you’re solving the right problem.
Today we’re going to discuss an often-heard but not-so-often understood principle: Shared Unders..
The Ultimate Guide to Launching a Mobile App Redesign
Each time you are launching a mobile app redesign, you are risking to make some users unhappy. But there may be so many reasons for an app redesign that it actually can be your number one priority. And it’s, of course, vital to identify your particular reason or reasons for redesigning an app. You need to be 100% sure about what you are getting into.
Redesigning has got many advantages. So, undoubtedly, a well-done redesign can move your business in a new direction and help increase ROI.
First off, you need to ask yourself why your app needs a redesign. So, you might want to launch a mobile app redesign because:
User experience trends have changedYou are about to launch a new featureYour competitor is providing a better app experienceYour current design is a mess and is not user-friendlyAs soon as you are sure about launching an app redesign, you need to start acting. Let’s discuss your moves one by one in more detail.
Talk to your usersEverything you do, you do for your users. So, it’..
A Primer to Web Accessibility for Designers
Quick wins to make your designs more inclusiveWhat is Accessibility?When was the last time you visited a website and got frustrated because you had trouble using it? Maybe the site was using Web GL technology that your browser didn’t support, you couldn’t read it’s text due to it being so small, or the mobile experience simply wouldn’t load on your iPhone. If you think back to these annoying experiences where you functionally could not navigate a site, chances are you’ve experienced inaccessibility in one form or another.
This is not to say that all frustrating experiences are inaccessible, but there are definitely overlaps between bad UX and inaccessibility. An easy way to think of this is that a bad experience for the general public is usually much worse for a disabled or impaired individual.
If you find yourself squinting to read small text on a site, for example, chances are a visually impaired person wouldn’t be able to read it at all. If you make this small text size larger, you’..
IA Summit, Convergence, and Embracing Architecture
The IA Summit is a conference that ambitiously questions the architectural underpinnings of our digital interfaces. It has become a place where many attendees discover their home away from home and create unexpected bonds with other professionals who are eager to understand how the things in our world relate. The driving force behind this exchange of ideas is a compulsion to understand the experiential factors of human-computer interaction (HCI) and the informational relationships that give rise to their structure. As our world of digital experience and informational complexity expand, IAS18 seeks to raise awareness of the systemic impact of our UI and UX design decisions and the role we play to tame information environments at scale.
The End of Boundaries Digital engagement is pressing beyond the screen to provide an extension of our bodies and the augmentation of human experience. For instance, we used to only look at screens on a desktop. We advanced to persistently holding them in..
8 Universal Design Necessities for E-commerce
Great web design is an art, and in the increasingly accessible digital world, it has become ever more important to ensure that your design decisions are focused on an accessible user experience. This not only facilitates more positive engagements with a business’ audience, but is also an important step in establishing a brand’s reputation, visibility, and authority.
The principles of universal design arose from a recognition of the need to overcome obstacles to accessibility, particularly in the case of individuals with physical or cognitive difficulties. However, as the name suggests, universal design extends beyond these challenges to encompass the barriers faced by individuals in all walks of life, for myriad different reasons.
Accounting for all users’ needs is no minor feat, yet there are a few fundamental tenets to use to make your work better and transform the customer journey into an experience that is accessible and enjoyable for all.
1. Provide Choice Customizability enabl..
UX in 2018: The human element
Our UX in 2018 series has featured trends in design, accessibility, and content. As January comes to a close, we begin to explore perhaps the most important topic for UX in 2018: diversity and inclusion in UX.
The past year has been one of reckoning on many fronts. Uber’s culture crisis. The sentiment analysis mistakes in Google’s AI. Facebook’s algorithm allowing anti-Semitic categories. These are just a few of far too many failures we’ve seen in the past year.
How do we improve our industry so this no longer becomes an autofill option?
Today, we start a year of highlighting these conversations at UX Booth. They will not always be easy conversations to have, but we all must make 2018 a year that is better for everyone in our industry. We want to share the many voices of UX and rise together in building a stronger culture of diversity and inclusivity. How can we be better advocates for those we work with and those we design for? I hope to hear from many of you so that we can share y..
Enter The Dragon (Drop): Accessible List Reordering
Over the years of being a web developer with a focus on accessibility, I have mostly dealt with widely-adopted, standardized UI components, well supported by assistive technologies (AT). For these types of widgets, there are concise ARIA authoring practices as well as great tools like axe-core that can be used to test web components for accessibility issues. Creating less common widgets, especially those that have no widely-adopted conventions for user interaction can be very tricky.