Theory of action~\cite{norman88}
+Human processor: perceptual system, motor system, cognitive system~\cite{card83}
+
Direct manipulation~\cite{schneiderman83}
Instrumental interaction~\cite{mbl00}
\begin{figure}[htb]
\centering
\definecolor{cellred}{rgb} {0.98,0.17,0.15}
-
\newcommand{\stage}[2]{
- \node[minimum width=2.1cm, minimum height=.85cm,fill=cellred, text=white,text width=2cm, align=center, rounded corners=2ex, outer sep=0](#1) {#2};
+ \node[minimum width=2.5cm, minimum height=.85cm,fill=cellred, text=white,text width=2cm, align=center, rounded corners=2ex, outer sep=0, execute at begin node=\setlength{\baselineskip}{0em}](#1) {#2};
}
\begin{tikzpicture}
\small
\definecolor{cellblue}{rgb} {0.17,0.60,0.99}
\newcommand{\stage}[2]{
- \node[minimum width=2.1cm, minimum height=.85cm,fill=cellblue, text=white,text width=2cm, align=center, rounded corners=2ex, outer sep=0](#1) {#2};
+ \node[minimum width=2.5cm, minimum height=.85cm,fill=cellblue, text=white,text width=2cm, align=center, rounded corners=2ex, outer sep=0, execute at begin node=\setlength{\baselineskip}{0em}](#1) {#2};
}
\begin{tikzpicture}
\small
\definecolor{cellblue}{rgb} {0.17,0.60,0.99}
\newcommand{\labelcell}[2]{
- \node[minimum width=1.9cm, minimum height=.85cm,text width=1.7cm, align=center, outer sep=0](#1) {#2};
+ \node[minimum width=3.0cm, minimum height=.85cm,text width=1.7cm, align=center, outer sep=0](#1) {#2};
}
\newcommand{\bluecell}[2]{
\node[minimum width=2.1cm, minimum height=.85cm,fill=cellblue, text=white,text width=2cm, align=center, rounded corners=2ex, outer sep=0](#1) {#2};