forked from kennetchaz/symmetric-typing
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (92 loc) · 7.97 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>The Symmetric Typing Project</title>
<link rel="stylesheet" href="stylesheets/styles.css"/>
<link rel="stylesheet" href="stylesheets/github-dark.css"/>
<link rel="stylesheet" type="text/css" href="stylesheets/my.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="javascripts/respond.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="stylesheets/ie.css">
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-65592021-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="header">
<nav>
<li class="menu selected"><a href="index.html">About</a></li>
<li class="menu"><a href="layouts.html">Layouts</a></li>
<li class="menu"><a href="soul.html">Soul</a></li>
<li class="menu"><a href="niro.html">Niro</a></li>
<li class="menu"><a href="results.html">Results</a></li>
<li class="downloads"><a href="https://github.com/kennetchaz/symmetric-typing/tree/gh-pages/downloads">Downloads</a></li>
</nav>
</div><!-- end header -->
<div class="wrapper">
<section>
<div id="title">
<h1>The Symmetric Typing Project</h1>
<p>More comfortable typing technique. Better keyboard layouts.</p>
</div>
<h2><a id="welcome" class="anchor" href="#welcome" aria-hidden="true"><span class="octicon octicon-link"></span></a>Symmetric Typing Project.</h2>
<p>Promoting the use of a more symmetric system of typing on a traditional keyboard, and providing <a href="layouts.html">alternative keyboard layouts</a> designed in accordance with this system.</p>
<p>For a standard Qwerty ANSI keyboard, our recommended system for touch-typing looks like this:</p>
<div class="figure">
<img src="graphics/keyboard_symmetric.png"/>
The symmetric typing system. Pay special attention to the colors - keys of same color should be typed with the same finger.
</div>
<p>Because of the staggered nature of the keyboard, perfect symmetry is not possible, but it is nevertheless a significant improvement over the traditional typing system, especially for the left hand. It is also similar to <a href="http://www.onehandkeyboard.org/standard-qwerty-finger-placement/">this recommendation</a>. Note the B key is hard to reach, being equally distant between the two index fingers, so either hand can be used.</p>
<p>The traditional typing system is commonly taught, but we believe it to be unergonomic and poorly designed:</p>
<div class="figure">
<img src="graphics/keyboard_traditional.png"/>
The traditional typing system. Avoid!
</div>
<p>The color-coding of keys on this site indicate which finger should be used:</p>
<div class="figure">
<img src="graphics/fingers_colors.png"/>
Type blue keys with your index fingers, orange with middle fingers, green with ring fingers, and yellow with pinkies.
</div>
<h2><a id="rationale" class="anchor" href="#rationale" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rationale</h2>
<p>In the traditional typing technique, the hands are supposed to compensate for the stagger of the keyboard, by moving up-and-to-the-left, or down-and-to-the-right. This project argues that this technique is uncomfortable, especially for the left hand, as the fingers have to move laterally with respect to the natural axis of the lower arm and wrist.</p>
<p>Try this simple experiment: put your hands in the home position, so that your left hand fingers are over A, S, D, F. Now try to type C. First with your middle finger, then with your index finger. It seems clear that the index finger more naturally moves down and inward to reach the C than the awkward wrist movement that is required for the middle finger. Despite being unorthodox, in practice many people use their index finger for C without even noticing, due to it being noticeably more comfortable. An equivalent argument can be made for the Z and X keys too.</p>
<p>It's well known that design of the standard keyboard dates back to mechanical typewriters, first invented in the 1870s. The keyboard stagger was necessary due the typewriter's internal mechanism of keys and levers. What is unfortunate is that no-one back then realized that life of the typist could be more comfortable if a little more attention had been paid to ergonomics. Even with those old typewriter designs, it would have been possible to have symmetric staggering, so that the left and right hand sides of the keyboard were mirror images - just like your hands.</p>
<div class="figure">
<img src="graphics/keyboard_staggered_symmetric.png"/>
An example of what the keyboard might have look like if the staggering had been applied symmetrically.
</div>
<p>You might expect that with the dawning of the computer age, it would have been a perfect opportunity to reform keyboard design. But unfortunately that didn't happen, and the standard staggered design remains dominant. There are some interesting alternative keyboard designs out there (e.g. <a href="https://www.massdrop.com/buy/ergodox">ErgoDox</a>, <a href="https://www.trulyergonomic.com/">Truly Ergonomic</a>, <a href="http://www.typematrix.com/">TypeMatrix</a>), but these tend to be obscure and hard to find for most consumers. In an ideal world there would be a readily available choice of both non-staggered or symmetrically-staggered keyboard designs available in the mainstream!</p>
<p>Fortunately, it is possible to mitigate many of the keyboard's design flaws - one the easiest and most beneficial of which is to adopt the more symmetric system promoted in these pages! It enables an almost-symmetric typing experience which feels more natural for those who make use of it.</p>
<p>To go to the next step and enjoy the full benefit the symmetric typing system in all its glory, you should consider learning one of <a href="layouts.html">our alternative keyboard layouts</a>. Learning a new layout is not an easy process and will take many weeks - or even months - to type fluently. But think of it as a well-earned life skill - once you have adapted, many years of efficient, comfortable typing await!</p>
<h3><a id="contents" class="anchor" href="#contents" aria-hidden="true"><span class="octicon octicon-link"></span></a>Contents</h3>
– <a href="layouts.html">Alternative layouts</a><br/>
<a href="soul.html">Soul Layout</a><br/>
<a href="niro.html">Niro Layout</a><br/>
– <a href="results.html">Layouts comparison reults</a><br/>
<hr/>
<h3><a id="license" class="anchor" href="#license" aria-hidden="true"><span class="octicon octicon-link"></span></a>License</h3>
<div style="font-size:x-small">
The layouts provided here (Soul, Niro) are provided free for all to use, modify, adapt, test, analyze, or port to new systems. If you refer to these layouts please cite this project as the originator.<br/>
<br/>
The symmetric typing system is well known, and was not invented here. The purpose of this project is to publicize it and provide keyboard layouts specifically designed for it.<br/>
<br/>
Information expressed in these pages is merely the opinion of the author. No warranty or guarantee is provided for the content on this site, including the layouts, downloads, or other information.<br/>
</div>
</section>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]-->
</body>
</html>