Skip to content
BranchesTags

Repository files navigation

UX Project Checklist

Start your next UX project with this checklist and don't forget anything!

###Research

#####Competitive Analysis See how others solve similar problems and try to not reinvent the wheel.

#####Data analysis Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...

#####User feedback Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?

###Plan

#####User stories Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.

#####User flows Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.

#####Red routes Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.

###Explore

#####Brainstorm & sketch Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!

#####Wireframe Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.

#####Prototype You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.

###Communicate

#####IA Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?

#####Language Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.

#####Accessibility You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.

###Create

#####UI elements Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.

#####Gestures So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...

#####Responsiveness Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.

###Give feedback

#####Waiting times If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?

#####Errors Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.

#####Completed actions Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!

###Finalise

#####Finalise layout It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"

#####Use of images and icons Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.

#####Font & colours hierarchy Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.

###Delight

#####Micro copy Every word is important, and a bit of personality will help your brand.

#####Micro interactions Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?

#####Transitions Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.

###Analyse

#####KPI Setup What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.

#####AB Test plan Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.

#####Test UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...

About

ux project checklist

Resources

Readme
Activity
Custom properties

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - degeist/uxchecklist.github.io: ux project checklist · GitHub
Skip to content
BranchesTags
Repository files navigation
UX Project Checklist
Start your next UX project with this checklist and don't forget anything!
###Research
#####Competitive Analysis
See how others solve similar problems and try to not reinvent the wheel.
#####Data analysis
Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...
#####User feedback
Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?
###Plan
#####User stories
Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.
#####User flows
Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.
#####Red routes
Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.
###Explore
#####Brainstorm & sketch
Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!
#####Wireframe
Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.
#####Prototype
You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.
###Communicate
#####IA
Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?
#####Language
Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.
#####Accessibility
You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.
###Create
#####UI elements
Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.
#####Gestures
So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...
#####Responsiveness
Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.
###Give feedback
#####Waiting times
If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?
#####Errors
Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.
#####Completed actions
Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!
###Finalise
#####Finalise layout
It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"
#####Use of images and icons
Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.
#####Font & colours hierarchy
Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.
###Delight
#####Micro copy
Every word is important, and a bit of personality will help your brand.
#####Micro interactions
Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?
#####Transitions
Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.
###Analyse
#####KPI Setup
What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.
#####AB Test plan
Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.
#####Test
UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...
About
ux project checklist
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - degeist/uxchecklist.github.io: ux project checklist · GitHub
Skip to content
BranchesTags
Repository files navigation
UX Project Checklist
Start your next UX project with this checklist and don't forget anything!
###Research
#####Competitive Analysis
See how others solve similar problems and try to not reinvent the wheel.
#####Data analysis
Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...
#####User feedback
Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?
###Plan
#####User stories
Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.
#####User flows
Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.
#####Red routes
Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.
###Explore
#####Brainstorm & sketch
Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!
#####Wireframe
Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.
#####Prototype
You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.
###Communicate
#####IA
Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?
#####Language
Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.
#####Accessibility
You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.
###Create
#####UI elements
Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.
#####Gestures
So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...
#####Responsiveness
Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.
###Give feedback
#####Waiting times
If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?
#####Errors
Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.
#####Completed actions
Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!
###Finalise
#####Finalise layout
It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"
#####Use of images and icons
Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.
#####Font & colours hierarchy
Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.
###Delight
#####Micro copy
Every word is important, and a bit of personality will help your brand.
#####Micro interactions
Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?
#####Transitions
Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.
###Analyse
#####KPI Setup
What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.
#####AB Test plan
Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.
#####Test
UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...
About
ux project checklist
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - degeist/uxchecklist.github.io: ux project checklist · GitHub
Skip to content
BranchesTags
Repository files navigation
UX Project Checklist
Start your next UX project with this checklist and don't forget anything!
###Research
#####Competitive Analysis
See how others solve similar problems and try to not reinvent the wheel.
#####Data analysis
Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...
#####User feedback
Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?
###Plan
#####User stories
Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.
#####User flows
Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.
#####Red routes
Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.
###Explore
#####Brainstorm & sketch
Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!
#####Wireframe
Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.
#####Prototype
You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.
###Communicate
#####IA
Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?
#####Language
Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.
#####Accessibility
You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.
###Create
#####UI elements
Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.
#####Gestures
So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...
#####Responsiveness
Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.
###Give feedback
#####Waiting times
If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?
#####Errors
Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.
#####Completed actions
Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!
###Finalise
#####Finalise layout
It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"
#####Use of images and icons
Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.
#####Font & colours hierarchy
Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.
###Delight
#####Micro copy
Every word is important, and a bit of personality will help your brand.
#####Micro interactions
Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?
#####Transitions
Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.
###Analyse
#####KPI Setup
What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.
#####AB Test plan
Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.
#####Test
UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...
About
ux project checklist
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
GitHub - degeist/uxchecklist.github.io: ux project checklist · GitHub
Skip to content
BranchesTags
Repository files navigation
UX Project Checklist
Start your next UX project with this checklist and don't forget anything!
###Research
#####Competitive Analysis
See how others solve similar problems and try to not reinvent the wheel.
#####Data analysis
Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...
#####User feedback
Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?
###Plan
#####User stories
Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.
#####User flows
Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.
#####Red routes
Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.
###Explore
#####Brainstorm & sketch
Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!
#####Wireframe
Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.
#####Prototype
You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.
###Communicate
#####IA
Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?
#####Language
Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.
#####Accessibility
You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.
###Create
#####UI elements
Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.
#####Gestures
So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...
#####Responsiveness
Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.
###Give feedback
#####Waiting times
If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?
#####Errors
Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.
#####Completed actions
Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!
###Finalise
#####Finalise layout
It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"
#####Use of images and icons
Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.
#####Font & colours hierarchy
Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.
###Delight
#####Micro copy
Every word is important, and a bit of personality will help your brand.
#####Micro interactions
Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?
#####Transitions
Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.
###Analyse
#####KPI Setup
What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.
#####AB Test plan
Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.
#####Test
UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...
About
ux project checklist
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - degeist/uxchecklist.github.io: ux project checklist · GitHub
Skip to content
BranchesTags
Repository files navigation
UX Project Checklist
Start your next UX project with this checklist and don't forget anything!
###Research
#####Competitive Analysis
See how others solve similar problems and try to not reinvent the wheel.
#####Data analysis
Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...
#####User feedback
Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?
###Plan
#####User stories
Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.
#####User flows
Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.
#####Red routes
Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.
###Explore
#####Brainstorm & sketch
Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!
#####Wireframe
Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.
#####Prototype
You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.
###Communicate
#####IA
Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?
#####Language
Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.
#####Accessibility
You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.
###Create
#####UI elements
Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.
#####Gestures
So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...
#####Responsiveness
Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.
###Give feedback
#####Waiting times
If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?
#####Errors
Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.
#####Completed actions
Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!
###Finalise
#####Finalise layout
It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"
#####Use of images and icons
Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.
#####Font & colours hierarchy
Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.
###Delight
#####Micro copy
Every word is important, and a bit of personality will help your brand.
#####Micro interactions
Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?
#####Transitions
Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.
###Analyse
#####KPI Setup
What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.
#####AB Test plan
Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.
#####Test
UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...
About
ux project checklist
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - degeist/uxchecklist.github.io: ux project checklist · GitHub
Skip to content
BranchesTags
Repository files navigation
UX Project Checklist
Start your next UX project with this checklist and don't forget anything!
###Research
#####Competitive Analysis
See how others solve similar problems and try to not reinvent the wheel.
#####Data analysis
Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...
#####User feedback
Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?
###Plan
#####User stories
Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.
#####User flows
Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.
#####Red routes
Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.
###Explore
#####Brainstorm & sketch
Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!
#####Wireframe
Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.
#####Prototype
You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.
###Communicate
#####IA
Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?
#####Language
Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.
#####Accessibility
You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.
###Create
#####UI elements
Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.
#####Gestures
So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...
#####Responsiveness
Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.
###Give feedback
#####Waiting times
If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?
#####Errors
Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.
#####Completed actions
Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!
###Finalise
#####Finalise layout
It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"
#####Use of images and icons
Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.
#####Font & colours hierarchy
Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.
###Delight
#####Micro copy
Every word is important, and a bit of personality will help your brand.
#####Micro interactions
Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?
#####Transitions
Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.
###Analyse
#####KPI Setup
What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.
#####AB Test plan
Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.
#####Test
UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...
About
ux project checklist
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
GitHub - degeist/uxchecklist.github.io: ux project checklist · GitHub
Skip to content
BranchesTags
Repository files navigation
UX Project Checklist
Start your next UX project with this checklist and don't forget anything!
###Research
#####Competitive Analysis
See how others solve similar problems and try to not reinvent the wheel.
#####Data analysis
Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performance...
#####User feedback
Always speak with the Customer Care team! Don't have one? Check your old surveys or videos. What do your customers say? What do they actually do?
###Plan
#####User stories
Have you done personas yet? If not, DO IT NOW. Ok, now use them to write down user stories and scenarios.
#####User flows
Create your user's flow based on the scenarios you created; you can use it later to review the journey and create wireframes on top of each step.
#####Red routes
Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.
###Explore
#####Brainstorm & sketch
Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!
#####Wireframe
Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.
#####Prototype
You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.
###Communicate
#####IA
Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?
#####Language
Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.
#####Accessibility
You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.
###Create
#####UI elements
Reuse elements and patterns, follow your style guidelines. Don't have one? Create your guidelines. Start small, then create pages.
#####Gestures
So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection...
#####Responsiveness
Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV? Bonus: remember cross device experience.
###Give feedback
#####Waiting times
If your users have to wait ages for the page to load, at least show them a loader, if it takes longer why don't you try something more entertaining?
#####Errors
Be clear and specific about what and where a user's error is. I mean your error, because if it's your fault you should say it.
#####Completed actions
Give immediate and clear feedback of successful actions. Do not always wait for server response, trust your server once in a while!
###Finalise
#####Finalise layout
It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "Is this the best I can do?"
#####Use of images and icons
Use of icons and images is strongly influenced by context, culture and layout. Like icons, test your images, small changes can bring huge improvements.
#####Font & colours hierarchy
Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.
###Delight
#####Micro copy
Every word is important, and a bit of personality will help your brand.
#####Micro interactions
Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs?
#####Transitions
Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.
###Analyse
#####KPI Setup
What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.
#####AB Test plan
Plan your A/B test ahead and, if you can, plan a short roadmap of improvements. Your goal is not just improving KPIs, but learning something.
#####Test
UX lab, survey, sessions recording... Test, observe, and fix...test, observe, and fix...
About
ux project checklist
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages