Skip to content

Conformed Abi Template to Style Guide #158

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Conformed Abi Template to Style Guide #158

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 35 additions & 21 deletions templates/Abi/abiIPSToolTip.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,39 @@
<html>
<html>
<body>
<div style="height:30px; background-color:#4A96AD;text-align:center;"><span style="color:white;">Abi's Comprehensive Information Processing Style</span> <button id="abiIPSToolTipButton" class="closeToolTip" style="float:right; width:70px; height:30px;background-color:#7D1935;color:white;"> Close </button></div>
<div style="height:30px; background-color:#4A96AD; text-align:center;">
<span style="color:white;">
Abi's Comprehensive Information Processing Style
</span>
<button id="abiIPSToolTipButton" class="closeToolTip"
style="float:right; width:70px; height:30px;
background-color:#7D1935; color:white;"> Close </button>
</div>
<div id="abiIPSToolTip" style="margin:5px;">
<span id="abiIPSToolTipPreview" >Abi's <i>comprehensive information processing style</i> means that
<span class="pronoun">they</span> tend<span class="verb-other"></span>
to gather information about a problem before
<span class="pronoun">they</span> start<span class="verb-other"></span>
to solve it. For instance, <span class="pronoun">Abi</span> might look up a tutorial.</span>
<span id="abiIPSToolTipComplete">
Abi leans towards a <i>comprehensive information processing style</i>
when <span class="pronoun">they</span>
need<span class="verb-other"></span> to gather information to problem-solve.
That is, before following any option that seems promising,
<span class="pronoun">Abi</span> first <span style="color:red;">gather<span class="verb-other"></span>
information comprehensively to try to form a complete understanding
of the problem before trying to solve it</span>.Thus, <span class="possessive">their</span>
style is “burst-y”; first <span class="pronoun">Abi</span> read<span class="verb-other"></span>
a lot, then <span class="pronoun">they</span>
act<span class="verb-other"></span> on it in a batch of activity.
</span>
<button id="abiIPSToolTipSeeMOAR" class="moreOrLess" stateVar=0> See more... </button>
<span id="abiIPSToolTipPreview" >
Abi's <i>comprehensive information processing style</i> means
that <span class="pronoun">they</span> tend
<span class="verb-other"></span>to gather information about a
problem before <span class="pronoun">they</span> start
<span class="verb-other"></span>to solve it. For instance,
<span class="pronoun">Abi</span> might look up a tutorial.
</span>
<span id="abiIPSToolTipComplete">
Abi leans towards a <i>comprehensive information processing
style</i> when <span class="pronoun">they</span> need
<span class="verb-other"></span> to gather information to
problem-solve. That is, before following any option that seems
promising, <span class="pronoun">Abi</span> first
<span style="color:red;">gathers<span class="verb-other"></span>
information comprehensively to try to form a complete
understanding of the problem before trying to solve it</span>.
Thus, <span class="possessive">their</span> style is “burst-y”;
first <span class="pronoun">Abi</span> reads
<span class="verb-other"></span> a lot, then
<span class="pronoun">they</span> act
<span class="verb-other"></span> on it in a batch of activity.
</span>
<button id="abiIPSToolTipSeeMOAR" class="moreOrLess" stateVar=0>
See more... </button>
</div>
</body>
</html>
</html>
68 changes: 40 additions & 28 deletions templates/Abi/abiMToolTip.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,43 @@
<html>
<html>
<body>
<div style="height:30px; background-color:#4A96AD;text-align:center;">
<span style="color:white;">Abi's Motivation</span> <button id="abiMToolTipButton"
class="closeToolTip" style="float:right; width:70px; height:30px;background-color:#7D1935;color:white;">
Close </button></div>
<div style="height:30px; background-color:#4A96AD;text-align:center;">
<span style="color:white;">Abi's Motivation</span>
<button id="abiMToolTipButton" class="closeToolTip"
style="float:right; width:70px; height:30px;
background-color:#7D1935; color:white;">Close </button>
</div>
<div id="abiMToolTip" style="margin:5px;">
<span id="abiMToolTipPreview" > Abi prefers to use features and methods that
<span class="pronoun">they</span> <span class="verb-is">are</span> familiar with.
Abi is good with technologies that <span class="pronoun">they</span>
ha<span class="verb-other">ve</span> used before.</span>
<span id="abiMToolTipComplete">
Abi is <span style="color:red;"><u>proficient with the technologies
<span class="pronoun">they</span> use<span class="verb-other"></span>.
</u></span>
Abi learns new technologies when <span class="pronoun">they</span>
need<span class="verb-other"></span> to, but
<span class="pronoun">they</span> don’t spend <span class="possessive">their</span> free time
exploring technology or obscure functionality of programs and devices
that <span class="pronoun">they</span> use<span class="verb-other"></span>.
When Abi uses computers to problem-solve, <span class="pronoun">they</span>
ha<span class="verb-other">ve</span> <span style="color:red;"><u>
little desire to learn new functions</u></span>, or to search for
information on them. Abi tries to use methods that <span class="pronoun">they</span>
<span class="verb-is">are</span> <span style="color:red;"><u>already familiar and comfortable with</u></span> to achieve
<span class="possessive">their</span> goals.
</span>
<button id="abiMToolTipSeeMOAR" class="moreOrLess" stateVar=0>See more...</button>
</div>
<span id="abiMToolTipPreview">
Abi prefers to use features and methods that
<span class="pronoun">they</span>
<span class="verb-is">are</span> familiar with. Abi is good
with technologies that <span class="pronoun">they</span>
ha<span class="verb-other">ve</span> used before.
</span>
<span id="abiMToolTipComplete">
Abi is <span style="color:red;"><u>proficient with the
technologies <span class="pronoun">they</span> use
<span class="verb-other"></span>.</u></span>
Abi learns new technologies when
<span class="pronoun">they</span> need
<span class="verb-other"></span> to, but
<span class="pronoun">they</span> don’t spend
<span class="possessive">their</span> free time exploring
technology or obscure functionality of programs and devices
that <span class="pronoun">they</span> use
<span class="verb-other"></span>. When Abi uses computers to
problem-solve, <span class="pronoun">they</span>
ha<span class="verb-other">ve</span> <span style="color:red;">
<u>little desire to learn new functions</u></span>, or to
search for information on them. Abi tries to use methods that
<span class="pronoun">they</span>
<span class="verb-is">are</span>
<span style="color:red;"><u>already familiar and comfortable
with</u></span> to achieve
<span class="possessive">their</span> goals.
</span>
<button id="abiMToolTipSeeMOAR" class="moreOrLess" stateVar=0>
See more...</button>
</div>
</body>
</html>
</html>
26 changes: 19 additions & 7 deletions templates/Abi/abiPersona.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,27 @@
<head>
</head>
<body>
<div>
<div id="picGoesHere" style="height:100%; width:20%;float:left;"></div>
<div>
<div id="picGoesHere" style="height:100%; width:20%;float:left;">
</div>
<div class="bullets" style="height:100%; width:80%;float:right">
<ul>
<li>Is <span class="abiMTrigger" style="color:blue; text-decoration: underline;"> motivated </span> by the usefulness of technology (as opposed to the novelty).</li>
<li>Has a <span class="abiIPSTrigger" style="color:blue; text-decoration: underline;">comprehensive information processing style </span>.</li>
<li>Has <span class="abiSETrigger" style="color:blue; text-decoration: underline;">low computer self-efficacy </span>.</li>
<li>Is <span class="abiRTrigger" style="color:blue; text-decoration: underline;">risk-averse</span> when it comes to software.</li>
<li>Does not like to <span class="abiTTrigger" style="color:blue; text-decoration: underline;"> explore or tinker</span>.</li>
<li>Is <span class="abiMTrigger" style="color:blue;
text-decoration: underline;"> motivated </span> by the
usefulness of technology (as opposed to the novelty).
</li>
<li>Has a <span class="abiIPSTrigger" style="color:blue;
text-decoration: underline;">comprehensive information
processing style</span>.</li>
<li>Has <span class="abiSETrigger" style="color:blue;
text-decoration: underline;">low computer self-efficacy
</span>.</li>
<li>Is <span class="abiRTrigger" style="color:blue;
text-decoration: underline;">risk-averse</span> when it
comes to software.</li>
<li>Does not like to <span class="abiTTrigger"
style="color:blue; text-decoration: underline;">
explore or tinker</span>.</li>
</ul>
</div>
</div>
Expand Down
45 changes: 27 additions & 18 deletions templates/Abi/abiRToolTip.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,31 @@
<html>
<html>
<body>
<div style="height:30px; background-color:#4A96AD;text-align:center;"> <span style="color:white;">Abi's Attitudes Towards Risk</span>
<button id="abiRToolTipButton"class="closeToolTip" style="float:right; width:70px;
height:30px;background-color:#7D1935;color:white;"> Close </button></div>
<div style="height:30px; background-color:#4A96AD; text-align:center;">
<span style="color:white;">Abi's Attitudes Towards Risk</span>
<button id="abiRToolTipButton"class="closeToolTip"
style="float:right; width:70px; height:30px;
background-color:#7D1935; color:white;"> Close </button>
</div>
<div id="abiRToolTip" style="margin:5px;">
<span id="abiRToolTipPreview" > Abi's risk-aversion leads Abi to mainly
use software features that <span class="pronoun">they</span> <span class="verb-is">are</span>
familiar with and to avoid features that <span class="pronoun">they</span>
ha<span class="verb-other">ve</span> not used before.</span>
<span id="abiRToolTipComplete">
Abi is <span style="color:red;">risk averse</span> when <span class="pronoun">they</span>
use<span class="verb-other"></span> computers to perform tasks. When
confronted with new software features, Abi worries that <span class="pronoun">they</span>
will spend time on them and not get any benefits from doing so. Abi
tries to perform tasks "the safe” (ie, familiar) way, even if the less
familiar features might promise a more direct solution.
</span>
<button id="abiRToolTipSeeMOAR" class="moreOrLess" stateVar=0> See more... </button>
<span id="abiRToolTipPreview" >
Abi's risk-aversion leads Abi to mainly use software features
that <span class="pronoun">they</span>
<span class="verb-is">are</span> familiar with and to avoid
features that <span class="pronoun">they</span>
ha<span class="verb-other">ve</span> not used before.
</span>
<span id="abiRToolTipComplete">
Abi is <span style="color:red;">risk averse</span> when
<span class="pronoun">they</span> use
<span class="verb-other"></span> computers to perform tasks.
When confronted with new software features, Abi worries that
<span class="pronoun">they</span> will spend time on them and
not get any benefits from doing so. Abi tries to perform tasks
"the safe” (ie, familiar) way, even if the less familiar
features might promise a more direct solution.
</span>
<button id="abiRToolTipSeeMOAR" class="moreOrLess" stateVar=0>
See more... </button>
</div>
</body>
</html>
</html>
64 changes: 39 additions & 25 deletions templates/Abi/abiSEToolTip.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,32 +1,46 @@
<html>
<html>
<body>
<div style="height:30px; background-color:#4A96AD;text-align:center;"><span style="color:white;">Abi's Computer Self-Efficacy</span>
<button id="abiSEToolTipButton" class="closeToolTip" style="float:right; width:70px; height:30px;background-color:#7D1935;color:white;">
Close
</button></div>
<div style="height:30px; background-color:#4A96AD; text-align:center;">
<span style="color:white;">Abi's Computer Self-Efficacy</span>
<button id="abiSEToolTipButton" class="closeToolTip"
style="float:right; width:70px; height:30px;
background-color:#7D1935; color:white;">
Close
</button>
</div>
<div id="abiSEToolTip" style="margin:5px;">
<span id="abiSEToolTipPreview" >Abi's low computer self efficacy means
that <span class="pronoun">they</span> <span class="verb-is">are</span>
not confident performing computing tasks that <span class="pronoun">they</span>
<span class="verb-is">are</span> not familiar with. Abi might give
up if <span class="pronoun">they</span> run<span class="verb-other"></span>
into too many usability issues.</span>
<span id="abiSEToolTipPreview" >
Abi's low computer self efficacy means that
<span class="pronoun">they</span>
<span class="verb-is">are</span> not confident performing
computing tasks that <span class="pronoun">they</span>
<span class="verb-is">are</span> not familiar with. Abi might
give up if <span class="pronoun">they</span> run
<span class="verb-other"></span>into too many usability issues.
</span>
<span id="abiSEToolTipComplete">
Abi has low computer self-efficacy, meaning that <span class="pronoun">they</span>
ha<span class="verb-other">ve</span> <span style="color:red;">low
self-confidence in performing computing tasks</span> other than
the ones they are familiar with. This has a variety of impacts on
how <span class="pronoun">they</span> use<span class="verb-other"></span>
software. For example, Abi is not confident that <span class="pronoun">they</span>
can learn to use new features and, as self-efficacy theory explains,
<span class="pronoun">they</span> often give<span class="verb-other"></span>
up if they run into challenges. Software with usability problems
poses more challenges to her than it does to more confident users,
and <span class="pronoun">they</span> often blame<span class="verb-other"></span>
Abi has low computer self-efficacy, meaning that
<span class="pronoun">they</span>
ha<span class="verb-other">ve</span>
<span style="color:red;">low self-confidence in performing
computing tasks</span>
other than the ones they are familiar with. This has a variety
of impacts on how <span class="pronoun">they</span> use
<span class="verb-other"></span> software. For example, Abi is
not confident that <span class="pronoun">they</span> can learn
to use new features and, as self-efficacy theory explains,
<span class="pronoun">they</span> often give
<span class="verb-other"></span> up if they run into
challenges. Software with usability problems
poses more challenges to her than it does to more confident
users, and <span class="pronoun">they</span> often blame
<span class="verb-other"></span>
<span class="possessive">their</span>self for problems that
<span class="pronoun">they</span> encounter<span class="verb-other"></span>.
<span class="pronoun">they</span> encounter
<span class="verb-other"></span>.
</span>
<button id="abiSEToolTipSeeMOAR" class="moreOrLess" stateVar=0> See more... </button>
<button id="abiSEToolTipSeeMOAR" class="moreOrLess" stateVar=0>
See more... </button>
</div>
</body>
</html>
</html>
69 changes: 43 additions & 26 deletions templates/Abi/abiTToolTip.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,47 @@
<html>
<html>
<body >
<div id="BARkeryCroc" style="height:30px; background-color:#4A96AD;text-align:center;"> <span style="color:white;">Abi's Attitudes About Tinkering</span>
<button id="abiTToolTipButton" class="closeToolTip" style="float:right; width:70px; height:30px;background-color:#7D1935;color:white;"> Close </button></div>
<div id="BARkeryCroc" style="height:30px; background-color:#4A96AD;
text-align:center;">
<span style="color:white;">Abi's Attitudes About Tinkering</span>
<button id="abiTToolTipButton" class="closeToolTip"
style="float:right; width:70px; height:30px;
background-color:#7D1935; color:white;"> Close </button>
</div>
<div id="abiTToolTip" style="padding:5px;" >
<span id="abiTToolTipPreview" > Abi doesn't like to tinker with software,
which means that <span class="pronoun">they</span> might not find features
that aren't apparent. Abi would rather follow step-by-step tutorials,
and typically avoids troublesome features or commands.</span>
<span id="abiTToolTipComplete">
Abi <span style="color:red;">doesn't particularly like tinkering with software</span>
(ie, just trying out new features or commands to see what they do) when
<span class="pronoun">they</span> use<span class="verb-other"></span>
software in <span class="possessive">their</span> work tasks. Instead,
<span class="pronoun">they</span> prefer<span class="verb-other"></span>
<span style="color:red;"><u>following step-by-step tutorials and wizards.</u></span>
(However, when Abi does tinker, it has positive effects on
<span class="possessive">their</span> understanding of the software.)
When software features/commands cause problems for Abi, <span class="pronoun">they</span>
<span style="color:red;"><u>tend<span class="verb-other"></span> to blame
<span class="possessive">their</span></u></span>self and, if
<span class="pronoun">they</span> can, Abi then <span style="color:red;"><u>
just avoids those troublesome features/commands.</u></span> Abi then
uses work-arounds that involve using <span style="color:red;"><u>only features/commands
<span class="pronoun">they</span> <span class="verb-is">are</span> familiar with already.</u></span>
</span>
<button id="abiTToolTipSeeMOAR" class="moreOrLess" stateVar=0> See more... </button>
<span id="abiTToolTipPreview" >
Abi doesn't like to tinker with software, which means that
<span class="pronoun">they</span> might not find features that
aren't apparent. Abi would rather follow step-by-step
tutorials, and typically avoids troublesome features or
commands.
</span>
<span id="abiTToolTipComplete">
Abi <span style="color:red;">doesn't particularly like
tinkering with software</span> (ie, just trying out new
features or commands to see what they do) when
<span class="pronoun">they</span> use
<span class="verb-other"></span> software in
<span class="possessive">their</span> work tasks. Instead,
<span class="pronoun">they</span> prefer
<span class="verb-other"></span>
<span style="color:red;"><u>following step-by-step tutorials
and wizards.</u></span> (However, when Abi does tinker, it has
positive effects on <span class="possessive">their</span>
understanding of the software.) When software features/commands
cause problems for Abi, <span class="pronoun">they</span>
<span style="color:red;"><u>tend
<span class="verb-other"></span> to blame
<span class="possessive">their</span></u></span>self and, if
<span class="pronoun">they</span> can, Abi then
<span style="color:red;"><u> just avoids those troublesome
features/commands.</u></span> Abi then uses work-arounds that
involve using <span style="color:red;"><u>only
features/commands <span class="pronoun">they</span>
<span class="verb-is">are</span> familiar with already.</u>
</span>
</span>
<button id="abiTToolTipSeeMOAR" class="moreOrLess" stateVar=0>
See more... </button>
</div>
</body>
</html>
</html>