Usability Heuristics
Incidentally, I just mentioned my error message project (my assignment at ASRC Federal) in a comment in LinkedIn. I saw and responded to a post that requested comments on Nielsen's 10 usability heuristics. The questions:
"Which of these heuristics resonate the most/least with you and your product? When do you follow them? Where do you break them?"
(Link to post: https://www.linkedin.com/posts/shyveeshi_10-usability-heurisitics-activity-6983082316029906944-BHaB?utm_source=share&utm_medium=member_desktop)
I commented:
I like your post. It is very informative. Two of the 10 are on error messages. I gravitated towards those two probably because I worked on an error message project in the past.
(Screenshot of LinkedIn post with comment Fahmeena Odetta Moore -1)
(Screenshot of LinkedIn post with comment Fahmeena Odetta Moore -2)
(Screenshot of LinkedIn post with comment Fahmeena Odetta Moore -3)
Nielsen's Usability Heuristics was (and probably still is) popular. I found a paper that used his usability heuristics in a typical manner - to assess the usability of several university websites. The paper is:
Usability Heuristics as an assessment parameter: For performing Usability Testing
By: Afifa Lodhi
https://ieeexplore.ieee.org/abstract/document/5608809
(Published in: 2010 2nd International Conference on Software Technology and Engineering)
I also found an interesting article that reported on several usability heuristics in use. Nielsen’s is just one. I will look into the usability heuristics in use today.
Usability heuristics: A systematic review
By: Cristhy Jimenez, Pablo Lozada, Pablo Rosas
https://ieeexplore.ieee.org/abstract/document/7750805
(Published in: 2016 IEEE 11th Colombian Computing Conference (CCC))
(Screenshot of journal article on use of Nielsen's usability heuristics)
0 notes
31/100 Days of Code
OHHHHH OHHHH THE RESULTS.TEXTCONTENT CLEARS ITSELF NOW :)
//new new script.js
//icky global variables bc baby's first program
let roundCount = 0;
let computerCount = 0;
let playerCount = 0;
const rock = document.querySelector(".rock");
const paper = document.querySelector(".paper");
const scissors = document.querySelector(".scissors");
const done = document.querySelector(".done");
const results = document.getElementById('results');
let p = document.createElement('p');
let playerChoice;
let computerChoice;
//set & get computerSelection
const choices = [
"rock",
"paper",
"scissors"
];
function getComputerChoice() {
const random = Math.floor(Math.random() * choices.length);
let computerChoice = (random, choices[random]);
if(playerChoice !== "None") {
console.log(Computer wrote ${computerChoice});
results.append(p);
return computerChoice;
} else {
computerChoice = "No Survivors";
}
}
// PLAYER CHOICE NEW SECTION START
rock.addEventListener('mousedown', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
paper.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
scissors.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
function getPlayerChoice() {if (playerChoice) { console.log(`Player wrote ${playerChoice}`); results.append(p); return playerChoice; } else { console.log("Please make a selection"); playerChoice = "None"; }
};
function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(p.textContent = `Finally! Computer wrote ${computerChoice}`); results.append(p.textContent = `Finally! Player wrote ${playerChoice}`);
} else {
results.append(p.textContent = "Please make a selection.");
}switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie");
// console.log(playerChoice);
// console.log(computerChoice);
break;
case (playerChoice === "paper" && computerChoice === "rock") :
console.log("player win");
break;
case (playerChoice === "paper" && computerChoice === "scissors") :
console.log("player lose");
break;
case (playerChoice === "scissors" && computerChoice === "rock") :
console.log("player lose");
break;
case (playerChoice === "scissors" && computerChoice === "paper") :
console.log("player lose");
break;
case (playerChoice === "rock" && computerChoice === "paper") :
console.log("player lose");
break;
case (playerChoice === "rock" && computerChoice === "scissors") :
console.log("player win");
break;
default:
break;
}
}
done.addEventListener('click', function (e) {
results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;
});
JRLKSJFLSDF IT WORKS IT CLEARS ITSELF AND THE P ELEMENTS R INSERTED HOLY SLKDFJSDLF
//new new script.js
//icky global variables bc baby's first program
let roundCount = 0;
let computerCount = 0;
let playerCount = 0;
const rock = document.querySelector(".rock");
const paper = document.querySelector(".paper");
const scissors = document.querySelector(".scissors");
const done = document.querySelector(".done");
const results = document.getElementById('results');
let playerSpace = document.createElement("p");
let computerSpace = document.createElement("p");
let errorMessage = document.createElement("p");
let playerChoice;
let computerChoice;
//set & get computerSelection
const choices = [
"rock",
"paper",
"scissors"
];
function getComputerChoice() {
const random = Math.floor(Math.random() * choices.length);
let computerChoice = (random, choices[random]);
if(playerChoice !== "None") {
console.log(Computer wrote ${computerChoice});
// results.append(computerSpace);
computerSpace.textContent = Computer wrote ${computerChoice};
return computerChoice;
} else {
computerChoice = "No Survivors";
}
}
// PLAYER CHOICE NEW SECTION START
rock.addEventListener('mousedown', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
paper.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
scissors.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
function getPlayerChoice() {if (playerChoice) { console.log(`Player wrote ${playerChoice}`);
// results.append(playerSpace);
playerSpace.textContent = Player wrote ${playerChoice};
return playerChoice;
} else {
console.log("Please make a selection");
playerChoice = "None";
}
};
function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(computerSpace); results.append(playerSpace);
} else {
errorMessage.textContent = "Please make a selection.";
results.append(errorMessage);
}switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie");
// console.log(playerChoice);
// console.log(computerChoice);
break;
case (playerChoice === "paper" && computerChoice === "rock") :
console.log("player win");
break;
case (playerChoice === "paper" && computerChoice === "scissors") :
console.log("player lose");
break;
case (playerChoice === "scissors" && computerChoice === "rock") :
console.log("player lose");
break;
case (playerChoice === "scissors" && computerChoice === "paper") :
console.log("player lose");
break;
case (playerChoice === "rock" && computerChoice === "paper") :
console.log("player lose");
break;
case (playerChoice === "rock" && computerChoice === "scissors") :
console.log("player win");
break;
default:
break;
}
}
done.addEventListener('click', function (e) {
results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;
});
round Winners and Round Outcome prints!
//new new script.js
//icky global variables bc baby's first program
let roundCount = 0;
let computerCount = 0;
let playerCount = 0;
const rock = document.querySelector(".rock");
const paper = document.querySelector(".paper");
const scissors = document.querySelector(".scissors");
const done = document.querySelector(".done");
const results = document.getElementById('results');
let playerSpace = document.createElement("p");
let computerSpace = document.createElement("p");
let errorMessage = document.createElement("p");
let roundWinner = document.createElement("p");
let playerChoice;
let computerChoice;
//set & get computerSelection
const choices = [
"rock",
"paper",
"scissors"
];
function getComputerChoice() {
const random = Math.floor(Math.random() * choices.length);
let computerChoice = (random, choices[random]);
if(playerChoice !== "None") {
console.log(Computer wrote ${computerChoice});
// results.append(computerSpace);
computerSpace.textContent = Computer wrote ${computerChoice};
return computerChoice;
} else {
computerChoice = "No Survivors";
}
}
// PLAYER CHOICE NEW SECTION START
rock.addEventListener('mousedown', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
paper.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
scissors.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
function getPlayerChoice() {if (playerChoice) { console.log(`Player wrote ${playerChoice}`);
// results.append(playerSpace);
playerSpace.textContent = Player wrote ${playerChoice};
return playerChoice;
} else {
console.log("Please make a selection");
playerChoice = "None";
}
};
function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(computerSpace); results.append(playerSpace);
} else {
errorMessage.textContent = "Please make a selection.";
results.append(errorMessage);
}switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie"); roundWinner.textContent = "It's a tie" break; case (playerChoice === "paper" && computerChoice === "rock") : console.log("player win"); roundWinner.textContent = "player win" break; case (playerChoice === "paper" && computerChoice === "scissors") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "scissors" && computerChoice === "rock") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "scissors" && computerChoice === "paper") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "rock" && computerChoice === "paper") : console.log("player lose"); roundWinner.textContent = "player lose" break; case (playerChoice === "rock" && computerChoice === "scissors") : console.log("player win"); roundWinner.textContent = "player win" break; default: roundWinner.textContent = "No winner determined" break; } results.append(roundWinner);
}
done.addEventListener('click', function (e) {
results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;
});
hmmm the roundcount does console logs but that's it! make a new section ok? ok
//new new script.js
//icky global variables bc baby's first program
let roundCount = 1;
let computerCount = 0;
let playerCount = 0;
const rock = document.querySelector(".rock");
const paper = document.querySelector(".paper");
const scissors = document.querySelector(".scissors");
const done = document.querySelector(".done");
const results = document.getElementById('results');
let playerSpace = document.createElement("p");
let computerSpace = document.createElement("p");
let errorMessage = document.createElement("p");
let roundWinner = document.createElement("p");
let roundCounter = document.createElement("p");
let playerChoice;
let computerChoice;
//set & get computerSelection
const choices = [
"rock",
"paper",
"scissors"
];
function getComputerChoice() {
const random = Math.floor(Math.random() * choices.length);
let computerChoice = (random, choices[random]);
if(playerChoice !== "None") {
console.log(Computer wrote ${computerChoice});
// results.append(computerSpace);
computerSpace.textContent = Computer wrote ${computerChoice};
return computerChoice;
} else {
computerChoice = "No Survivors";
}
}
// PLAYER CHOICE NEW SECTION START
rock.addEventListener('mousedown', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
paper.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
scissors.addEventListener('click', function (e) {
let result = e.target.textContent.toLowerCase();
playerChoice = result;
});
function getPlayerChoice() {
if (playerChoice) {
console.log(Player wrote ${playerChoice});
// results.append(playerSpace);
playerSpace.textContent = Player wrote ${playerChoice};
return playerChoice;
} else {
console.log("Please make a selection");
playerChoice = "None";
}
};
function playRound(playerChoice,computerChoice) {if (computerChoice && playerChoice) { results.append(computerSpace); results.append(playerSpace); roundCount += 1;
} else {
errorMessage.textContent = "Please make a selection.";
results.append(errorMessage);roundCount += 0; } switch (true) { case (playerChoice && computerChoice && (playerChoice === computerChoice)) : console.log("tie"); roundWinner.textContent = "It's a tie" break; case (playerChoice === "paper" && computerChoice === "rock") : console.log("player win"); roundWinner.textContent = "player win" playerCount += 1; break; case (playerChoice === "paper" && computerChoice === "scissors") : console.log("player lose"); roundWinner.textContent = "player lose" computerCount += 1; break; case (playerChoice === "scissors" && computerChoice === "rock") : console.log("player lose"); roundWinner.textContent = "player lose" computerCount += 1; break; case (playerChoice === "scissors" && computerChoice === "paper") : console.log("player win"); roundWinner.textContent = "player win" playerCount += 1; break; case (playerChoice === "rock" && computerChoice === "paper") : console.log("player lose"); roundWinner.textContent = "player lose" computerCount += 1; break; case (playerChoice === "rock" && computerChoice === "scissors") : console.log("player win"); roundWinner.textContent = "player win" playerCount += 1; break; default: roundWinner.textContent = "No winner determined" break; } results.append(roundWinner); console.log(`It is Round ${roundCount}`); console.log(`Computer wins is ${computerCount}`); console.log(`Player wins is ${playerCount}`);
}
done.addEventListener('click', function (e) {
results.textContent = "";playRound(getPlayerChoice(),getComputerChoice()); playerChoice = null; computerChoice = null;
});
function Game() {
}
Game();
3 notes
·
View notes