#ux

10 Knowledge Base Software Best Practice Examples
▻https://hackernoon.com/10-knowledge-base-software-best-practice-examples-24f2c9ae845e?source=rs

https://cdn-images-1.medium.com/max/1024/1*Ecf3IyhupzuKyzCxngyQUg.jpeg

A great knowledge base usually follows a set of best practices. These will help you deliver useful content to your customers, and empower them to help themselves.We’ll now go through 10 real-life examples of outstanding knowledge bases to illustrate each of the best practices.Contents1. Getting Started Tutorials — MailChimpFor SaaS (Software as a Service) companies, your software onboarding stage is crucial for customer engagement and retention. It’s also significant when customers are signing up for a free trial and deciding if they like your product.Your knowledge base must be accessible to new users. These types of users need to get up and running with your product quickly, and this is where #documentation comes in.Email marketing software company MailChimp makes its Getting Started (...)

#knowledge-base-software #ux #saas-tools #knowledge-base

#privacy’s Expanding Frontiers 2019
▻https://hackernoon.com/privacys-expanding-frontiers-2019-ea87ccc3e7a6?source=rss----3a8144eabfe

https://cdn-images-1.medium.com/max/1024/1*fX6Wd-s7xBt9zCa11_aDDg.jpeg

Privacy’s Expanding FrontiersIllustration by Geralt via PixabayJanuary 28 was International Privacy Day, the perfect day to explore the impact of #gdpr on the protection of privacy in the post GDPR era.A bit over 6 months ago, on May 25, GDPR (General Data Protection Regulation) became enforceable all over Europe. The GDPR aims primarily to give control to individuals over their personal data. It also addresses the export of personal data outside the EU and EEA areas.As a breach of GDPR might result in sanctions reaching up to 4% of the previous fiscal year’s turnover, one would think that the main concern of companies would be to comply in order to avoid facing fines.Yet, Bart Willemsen — Senior Director Analyst at Gartner, commented at the January 28 “2019 Privacy Predictions” event in Tel (...)

#ux-strategy #ux #cybersecurity

Improving the UX of PSprices.com: Structure to increase conversion.
▻https://hackernoon.com/improving-the-ux-of-psprices-com-structure-to-increase-conversion-f4a16f

https://cdn-images-1.medium.com/max/1024/1*OV4h70PA1gtaUcHObedgyA.png

A while ago I decided as a hobby project to improve the User Experience of PSprices.com. I love the price monitoring product that they build, but the UX is quite a mess. As I’m focused on UX and not on #design, I tried to keep the design and branding unchanged.Normally I would never make any changes to a website withouth analysing the existing usage data. In this case, as I’m not involved with the website, I had to make some assumptions.Before and afterMy main focus in the new UX is to help the user reach his goal of: Buying the game now when the price is low, or buying it later when the price drops more. By reducing unnecessary info, improving the flow through the page I created a UX design that is very likely to perform better in reaching the user’s goal (and the business goal of the (...)

#ux-design #conversion-optimization #user-experience #copywriting

#ui/UX and the Company Experience. A refined know-it-all guide on all about the Product.
▻https://hackernoon.com/ui-ux-and-the-company-experience-a-refined-know-it-all-guide-on-all-abou

https://cdn-images-1.medium.com/max/480/1*wXPph6mp1CNggWnQhFUlFw.gif

UI/UX and the Company ExperienceA refined know-it-all guide on all about the Product.About the authorPavel Pekanov is a seasoned #creative Director, Art Director and Designer (and a Developer, but tss-s tell no one). Started his creative career in 2004, followed by the launch of his own Creative Agency in 2008. Ranked a top earning freelancer on Upwork (former Elance) in 2013. Launched a few startups of his own. Featured on CSS Design Awards. Former Creative Director at QUOINE. Pavel has been helping startups, founders and well run businesses with Branding, Product Design, UI/UX and Brand Experience for 14+ years.Personal website: pekanov.comPortfolio website: pekanovdesigns.comUI/UX & Product DesignUI (User Interface) and #ux (User Experience) go along together these days. Thought it (...)

#product-design #company-experience

How to Enhance the #usability of your Payment Systems
▻https://hackernoon.com/how-to-enhance-the-usability-of-your-payment-systems-8ac2f07d518b?source

https://cdn-images-1.medium.com/max/1000/0*poH5WxR68nZ9E4es.jpg

How to Enhance Your #payments UsabilityWhen the word “Usability” pops-up, quite often users confuse it with — “User Experience”.The usability of any product shapes its user experience, and thus, usability is a part of #ux. Usability is not just the comfort of using a product, but a lot more about user satisfaction, a website being aesthetically pleasant and engaging.Online retailers previously overlooked the checkout page optimization and focused only on optimizing the front end, design and product alignment on their website. This made sense because what the user came across was the front end, that convinces the user to make a purchase.However, when it comes to conversion, it is the website checkout page that needs to be optimized in terms of product specifications & call-to-action buttons (...)

#ecommerce #payment-usability

“Going #agile”
▻https://hackernoon.com/going-agile-c9fcce6cb65?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/482/1*rB2cWi1YtdCP69nvKUmTmg@2x.jpeg

I was on a plane recently, and ended up sitting next to a CEO of a medium-sized company. He was deep in the email-responding zone for most of the flight, but finally took a break to have a drink. He was obviously a seasoned leader; I immediately had that “this person can build alignment and inspire people” vibe. We chatted, mentioned “what we did”, and quickly the conversation turned to “product” and “Agile”.What I was immediately struck by was how many pieces were missing in terms of his understanding of modern product development. Again, we are talking a very smart, passionate, and grounded executive here, who is extremely dedicated to the success of his team/company.His first area of confusion was, unsuprisingly, Agile. Apparently they had “gone Agile” (using a consulting firm), and by (...)

#going-agile #design #ux #product-management

Assessing the #ux of #immigration, Refugees, and Citizenship Canada’s Website
▻https://hackernoon.com/assessing-the-ux-of-immigration-refugees-and-citizenship-canadas-website

https://cdn-images-1.medium.com/max/440/1*8Hn781tTY7SiFpGxg-CYaA.jpeg

Canada has welcomed over 1.2 Million immigrants in the last five years alone. Imagine how many lost documents, missed deadlines, and rework has been required due to the inevitable misunderstandings that occur as people from abroad attempt to relocate their lives?Immigration processes can take years and cause an immense amount of anxiety for all those involved. Ensuring that the UX of this process is streamlined will help both the government agencies and the people they’re serving.While UX can be applied to every level of the immigration process, I’m going to address those accessing immigration information on the internet.How might we simplify the online immigration experience for newcomers wanting to live in Canada?UX FactorsAccording to the United States Department of Health & Human (...)

#ux-of-immigration #canada-immigration #design

Top 7 #ux Principles for Designing High-Converting Landing Pages
▻https://hackernoon.com/top-7-ux-principles-for-designing-high-converting-landing-pages-3e4cb951

(Photo by Hal Gatewood on Unsplash)Are you looking for tips on how to design high-converting landing pages? If so, you have come to the right place. In this brief but informative guide, you will learn the top 7 user experience principles you need to know to design landing pages which convert, and have a high conversion rate.Before we begin, let us again remind ourselves what a landing page is and what its goals are. A landing page is a dedicated online page built solely for accomplishing one or more #marketing goals such as generating leads or getting clicks. When designed and promoted correctly such pages can become valuable marketing instruments. Building high-converting landing pages requires extensive knowledge in such areas as consumer psychology, marketing, copywriting, design, (...)

#ux-landing-pages #landing-pages #landing-page-design

10 Product Development Traps
▻https://hackernoon.com/10-product-development-traps-2de02bc358bd?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*QaTue7XbJqpB_vxPpNbmyw.jpeg

These are not “rules”, but rather tendencies. We seem wired to go in one direction, and have to actively offset the tendency. I’ve fallen into each of these (repeatedly) over the years, and have observed extremely savvy product developers do the same. How do you avoid them? Two things stand out: 1) visualize the work and limit work in progress, and 2) make it safe for team members to call out tensions, lack of coherence, etc.I’m writing a book that covers these traps and more. You can check it out here. I’d love your comments.We underestimate the amount of work we actually have in progress and the impact (of that high WIP) on flow, quality, and value delivered…and overestimate the value of parallelizing workWe underestimate the drag created by dependencies, constraints, hand-offs, reviews, (...)

#product-development-traps #product-management #agile #ux #product-development

Why Outcomes Over Outputs ?
▻https://hackernoon.com/why-outcomes-over-outputs-1735cc6c7b9a?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*3a4sYLw5KLCRqBTzQ-wB-A.jpeg

Why should teams create outcome/mission based roadmaps, converge on solutions later, focus on the problem-to-solve, experiment, limit planning inventories, avoid chasing story-point velocity, start together, limit handoffs, and [fifty other things] ?Better near, mid, and long-term business/customer/user/societal outcomes and a sense of impact…plain and simple. This is common sense (to some), of course, but I’m amazed by how often the calls for “outcomes over outputs” (and similar) ignore first principles. I fall into this trap often. The discussions are frequently framed in philosophy, “best practices”, maker advocacy, “theory of work”, and org design debates (e.g. “Teal”). This is important stuff, but almost orthogonal to outcomes over outputs. Or the talk is more “well, of course that’s how we (...)

#product-management #agile #leadership #ux #outcomes-over-outputs

Inclusive Components
▻https://inclusive-components.design

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

Cards
04/06/18

Data Tables
31/03/18

Notifications
27/02/18

A Content Slider
22/11/17

Collapsible Sections
26/10/17

Tabbed Interfaces
05/10/17

A Theme Switcher
08/09/17

Tooltips & Toggletips
25/07/17

Menus & Menu Buttons
10/05/17

A Todo List
07/04/17

Toggle Buttons
31/03/17

#intégration #web #accessibilité #composants #bonne_pratique #bonnes_pratiques #pattern #UX #ergonomie

Design Handoff: 7 Things Must Known About Design Specs for Developers
▻https://hackernoon.com/design-handoff-7-things-must-known-about-design-specs-for-developers-965

https://cdn-images-1.medium.com/max/900/0*yPScyd7m78Q-PWA_.png

Quick summary:Design handoff takes place when designers finish the work and need to deliver results to developers. The ultimate goal of design handoff is to minimize the guesswork and improve the effectiveness of the design process. Here are 7 things that designers can do to make the handoff as smooth as possible:Establish effective communicationPrepare a handoff checklistPrepare high-quality assetsAutomate the handoff process using special toolsDesign for edge casesDescribe complex animated effects in detailsSchedule a meeting for handoff1. Establish effective communicationThe relationships between the design and engineering team play a vital role in project success. Many product teams make the same mistake — they isolate design and development teams. As a result, two teams work (...)

#design-handof #ui #ux #web-design #ui-design

Certainty Theater
▻https://hackernoon.com/certainty-theater-43f18c278cf9?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*qOdlhBAjvlgbIUayhPbBoA.png

We often reward Certainty Theater (a not-so-distant relative to Success Theater).I remember when a CTO asked me for a more detailed, solution-oriented roadmap. I resisted. He asked repeatedly. I finally caved and spent twenty minutes sketching out a dozen ideas based mostly on gut feel. “John really nailed this! He has a super clear vision. We need to start on this in Q2!” Ooof…not my best work. I was participating in Certainty Theater.Why did I resist? Because I knew the opportunity was lucrative…and that the company would deliver better outcomes if a cross-functional team of designers, developers, and customers started together (including further exploring the problem). If I committed to that big batch of prescriptive work before we started together, we’d miss out on all sorts of (...)

#agile #certainty-theater #product-management #design #ux

Data visualizations for text: How to show the process of writing
▻https://hackernoon.com/data-visualizations-for-text-how-to-show-the-process-of-writing-c3221fad

https://cdn-images-1.medium.com/max/427/1*slBy366g6Jku84j8SRg-pA@2x.png

Data visualizations for text: How to show the process of writing with the writing graphScroll to the bottom of this story for a link to the original post.TEXT EDITORS (and the files they work) reveal surprisingly little about the history of editing. If you’re lucky, you get revisions to browse, and if not, you get undo/redo buttons. By adding temporal metadata to files, apps can display more than just the product — they can show process. This post introduces the writing graph, a timeline for viewing editing activity. A proof of concept below shows how new media artists, reflective writers and even casual readers can use this text visualization to learn more about what they’re reading.THE HISTORY OF MANIPULATING TEXT is rich with innovation (e.g., water-soluble cave paint, clay tablets, (...)

#p5js #ux #text-editor #data-visualization #digital-art

From Decision Maker to Decision Supporter
▻https://hackernoon.com/from-decision-maker-to-decision-supporter-8b163a1ecf67?source=rss----3a8

https://cdn-images-1.medium.com/max/1024/1*qOkOWhd_HK26WKjhYE3I-w.jpeg

My dad gave my new son a book of fun pen/marker doodles. I’m using them in posts.As a product manager, it is your responsibility to make sure that the best possible decisions get made…not to necessarily make those decisions.Sometimes you’ll have the best idea, especially when it comes to areas requiring deep domain knowledge. Most of the time, you won’t, nor will you necessarily be the best arbiter/judge of ideas. To elicit better ideas — to make better decisions — the talented people on the team (you included) will need context, data, space, opportunities to iterate on and improve ideas, tactics for reducing cognitive bias, and access to facilitation/decision-making frameworks. You may even be called on to break a tie occasionally, though it is better to establish an open-to-all framework that (...)

#design #agile #decision-making #product-management #ux

10 #ux Tips To Create High-Performing Landing Pages
▻https://hackernoon.com/10-ux-tips-to-create-high-performing-landing-pages-90d11fae88b6?source=r

A landing page could be the homepage of a website or any web page, representing a particular product or event, where the user lands on. The intent behind having a landing page for any website is to present a product, without bragging (using clear and precise content, and images). But the success of this page’s #design depends on whether the user decides to take the specified action — such as signing up for updates or making a purchase.Is your landing page successful in persuading users to take the desired action? If not, then it could be because your landing page is not able to offer the expected user experience, which ultimately results in a lot of failed conversions. This article focuses on the checklist of user experience practices that you should be cross-checking while designing your (...)

#marketing #landing-pages #ux-design

#gestalt-Driven #ux: The Patterns That Drive Our World
▻https://hackernoon.com/design-psychology-gestalt-driven-ux-64ac01cd257a?source=rss----3a8144eab

https://cdn-images-1.medium.com/max/960/1*LS1lBey-wBkVD7hRbMZoDA.jpeg

How and why we perceive things the way we doIt’s incredible to think where we’ve come in the last 30 years. We’ve digitized much of our daily lives, including our interactions with each other and the tangible world.As such, we’ve had to evolve and adapt how we consume #technology: touch, voice, sound... taste? We’re having to transact increasingly complex information with more things with less time. It truly is chaos! Or.. at least it would be if we didn’t apply gestalt psychology to our interactive experiences.Let’s take a look at this gourmet dessert.Looks tasty? I’m honestly not sure exactly what it is, but it’s on the same plate right? So it must go together!But, what if I take the plate away and the ingredients just lay on the table in the same exact position? Can the restaurant-goer still (...)

#gestalt-driven-ux #design

Solutions for private key management in decentralized apps
▻https://hackernoon.com/solutions-for-private-key-management-in-decentralized-apps-24f95634be16?

https://cdn-images-1.medium.com/max/1024/1*3GggWGvVHs4_tZ-8FyCPnA.png

How to reconcile #ethereum’s call for decentralization and users’ need for support services?On Ethereum, private keys are used to access accounts, sign messages etc. Once you lose access to your private key, you lose access to all funds stored with that account.How is that different from losing a credit card pin code? It is you can’t ask the bank to give you a new code, because the bank doesn’t exist on Ethereum. Your funds are still credited to your address on the #blockchain, but there is no way for you to withdraw them.Accounts and [DApp-] services on the Ethereum blockchain aim to be decentralized, and no one is safekeeping access codes on your behalf.A service storing your private key in its database would be able to access your funds at any moment — just like a bank — and this is (...)

#ux-design #cryptography #dapps

User Story Mapping For Beginners
▻https://hackernoon.com/user-story-mapping-for-beginners-f1b280d53c27?source=rss----3a8144eabfe3

https://cdn-images-1.medium.com/max/1024/0*A6jFgWFMcjaP9kuM.png

User Story Mapping (USM) allows for project managers, developers and designers to put a method behind the continuous complexity of product #design and creating an awesome User Experience (UX). Creating with USM allows for developers to create products and processes which are user-centered and user experience focused.The process begins with keying in on user goals, and breaking down the product/process through understanding the problem at hand. Each step that the user takes to reach the goals are collected and listed. Simply follow the journey and narrative to uncover each step involved in the user’s activity. Create a solutions to improve the product, maybe even multiple to create user stories, a tool that helps you have shared understanding within your team.By organizing the goals, (...)

#tech #agile #ux #ui

The ultimate guide to proper use of animation in UX
▻https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9

« bonnes » et « mauvaises » pratiques pour l’intégration des animations CSS dans les interfaces utilisateurs (en anglais)

#css3 #animation #interface_utilisateur #ux

Et si on tenait compte des utilisateur·ices dans les projets libres ? – Framablog
►https://framablog.org/2018/10/02/et-si-on-tenait-compte-des-utilisateur%c2%b7ices-dans-les-projets-libres

Alors déjà, c’est quoi l’UX Design ? UX Design, ça veut dire User Experience Design en anglais, ce qui revient à Design de l’Expérience Utilisateur·ice en français. C’est une discipline qui a pour objectif de prendre en compte les besoins, les attentes et les usages des utilisateur·ices visé·es pour proposer un service ou outil qui leur convient le plus possible et leur proposer une expérience positive. C’est donc très loin de « juste » réaliser des maquettes graphiques !

Pourquoi parler d’UX avec des devs ? Parce que tout le monde est convaincu chez Framasoft que le logiciel libre c’est bien, mais s’il est utilisé par un maximum de personnes c’est quand même mieux. Et il n’y a pas moyen de demander aux utilisateur·ices d’utiliser des logiciels qui ne sont pas correctement conçus, ou qui ne prennent pas en compte leurs besoins.

C’est un peu ça. L’UX, c’est créer des logiciels :

utiles (car ils apportent de la valeur aux utilisateur·ices) ;
utilisables (car ils peuvent être utilisés sans provoquer (trop) de frustration) ;
et utilisés (car du coup les utilisateur·ices ont envie de… les utiliser !).

Les fourberies du Dark #UX
►https://framablog.org/2018/08/18/les-fourberies-du-dark-ux

L’expérience utilisateur (abrégée en UX pour les professionnels anglophones) est une notion difficile à définir de façon consensuelle, mais qui vise essentiellement à rendre agréable à l’internaute son parcours sur le #Web dans un objectif le plus souvent commercial, ce … Lire la suite­­

#Non_classé #a11y #Accessibilite #Amazon #DarkUX #Facebook #Utilisabilité

Technosterone & UXtrogens - Goulven Champenois & Marie-Cécile Paccard
▻https://www.youtube.com/watch?v=8d-eDSu7UbQ

http://www.kyleinselman.com/sites/default/files/pictures/JustBeYourself.jpg

6 Basic #ux principles I self-learned as a Product Manager
▻https://hackernoon.com/6-basic-ux-principles-i-self-learned-as-a-product-manager-1b117beae091?s

https://cdn-images-1.medium.com/max/1024/0*P86MKOm9bsNiLkNC.jpg

Photo by Kelly Sikkema on UnsplashI have been into products this entire decade, and with the quest to become a good product manager comes the quest to learn ancillary things. One such thing is user experience. Great product almost always have great and simple user experiences. I have picked up some basic ux principles along my Product Management Journey, which I have listed below. A heads up before you read: Some of the things I mentioned may be actual UX principles somewhere with nice names, but I never came across them. What i am trying to do is basically list a few key principles which are based more on experience and common sense, which are many a times completely ignored.1. Reduce Motion of limbsI want you to try an exercise, stop using alt+tab to change the apps you are working (...)

#basic-ux-principles #ux-principles #ux-principle-for-pms #product-management

The Canary Dies
▻https://hackernoon.com/the-canary-dies-bcfd99912e17?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/806/1*rFvhkfTl9i0PAq_wYx5X4g@2x.jpeg

Well into the 20th century, coal miners brought canaries into coal mines as an early-warning signal for toxic gases, primarily carbon monoxide. The birds, being more sensitive, would become sick before the miners, who would then have a chance to escape or put on protective respirators. (Wikipedia — Sentinel Species)At a conference last fall, I chatted with some other attendees, and realized that I wasn’t alone in experiencing a certain pattern. Granted these folks were self selected — they signed up for a conference on product development (Agile and Lean focused to be specific)— but I found the similarities interesting nonetheless.So…getting personal. I am what you might call “sensitive”. Sometimes others call it out as “systems thinking” or “being perceptive”, but let’s use sensitive for now.It (...)

#ux #leadership #change #agile #systems-thinking