---
title: ユーザーインターフェースについて
author: kazu634
date: 2009-06-04
wordtwit_post_info:
  - 'O:8:"stdClass":13:{s:6:"manual";b:0;s:11:"tweet_times";i:1;s:5:"delay";i:0;s:7:"enabled";i:1;s:10:"separation";s:2:"60";s:7:"version";s:3:"3.7";s:14:"tweet_template";b:0;s:6:"status";i:2;s:6:"result";a:0:{}s:13:"tweet_counter";i:2;s:13:"tweet_log_ids";a:1:{i:0;i:4641;}s:9:"hash_tags";a:0:{}s:8:"accounts";a:1:{i:0;s:7:"kazu634";}}'
categories:


---
<div class="section">
<p>
    会社に転がっていた『<a href="http://d.hatena.ne.jp/asin/4844322222" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/asin/4844322222', 'Ajaxイン・アクション');">Ajaxイン・アクション</a>』で気になった部分:
</p>
  
<blockquote>
<p>
      よくできたコンピュータUIにするには、現実世界で予想されることを「非常に基本的なレベル」でまねる必要があります。現実世界での対話（または相互作用）のもっとも基本的な規則の一つは、ものを押したりこづいたり殴ったりすると、即座に反応が返ってくることです。何かが押されてから応答するまでにわずかな
</p>
    
<p>
      遅れがあると、ユーザーの意識が目下の作業からUI自体に向き、集中力の妨げになります。
</p>
</blockquote>
  
<div class="hatena-asin-detail">
<a href="http://www.amazon.co.jp/dp/4844322222/?tag=hatena_st1-22&ascsubtag=d-7ibv" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://www.amazon.co.jp/dp/4844322222/?tag=hatena_st1-22&ascsubtag=d-7ibv', '');"><img src="https://images-na.ssl-images-amazon.com/images/I/51XH9AM41XL._SL160_.jpg" class="hatena-asin-detail-image" alt="Ajaxイン・アクション" title="Ajaxイン・アクション" /></a></p> 
    
<div class="hatena-asin-detail-info">
<p class="hatena-asin-detail-title">
<a href="http://www.amazon.co.jp/dp/4844322222/?tag=hatena_st1-22&ascsubtag=d-7ibv" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://www.amazon.co.jp/dp/4844322222/?tag=hatena_st1-22&ascsubtag=d-7ibv', 'Ajaxイン・アクション');">Ajaxイン・アクション</a>
</p>
      
<ul>
<li>
<span class="hatena-asin-detail-label">作者:</span> <a href="http://d.hatena.ne.jp/keyword/Dave%20Crane" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/Dave%20Crane', 'Dave Crane');" class="keyword">Dave Crane</a>,<a href="http://d.hatena.ne.jp/keyword/Eric%20Pascarello" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/Eric%20Pascarello', 'Eric Pascarello');" class="keyword">Eric Pascarello</a>,<a href="http://d.hatena.ne.jp/keyword/Darren%20James" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/Darren%20James', 'Darren James');" class="keyword">Darren James</a>,<a href="http://d.hatena.ne.jp/keyword/%C7%F0%B8%B6%C0%B5%BB%B0" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/%C7%F0%B8%B6%C0%B5%BB%B0', '柏原正三');" class="keyword">柏原正三</a>,<a href="http://d.hatena.ne.jp/keyword/%B3%F4%BC%B0%B2%F1%BC%D2%A4%CF%A4%C6%A4%CA" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/%B3%F4%BC%B0%B2%F1%BC%D2%A4%CF%A4%C6%A4%CA', '株式会社はてな');" class="keyword">株式会社はてな</a>,<a href="http://d.hatena.ne.jp/keyword/%CC%D6%C2%E5%BD%DF" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/%CC%D6%C2%E5%BD%DF', '網代淳');" class="keyword">網代淳</a>,<a href="http://d.hatena.ne.jp/keyword/%C0%B1%CB%D3" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/%C0%B1%CB%D3', '星睦');" class="keyword">星睦</a>
</li>
<li>
<span class="hatena-asin-detail-label">出版社/メーカー:</span> <a href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%D7%A5%EC%A5%B9" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%D7%A5%EC%A5%B9', 'インプレス');" class="keyword">インプレス</a>
</li>
<li>
<span class="hatena-asin-detail-label">発売日:</span> 2006/06/09
</li>
<li>
<span class="hatena-asin-detail-label">メディア:</span> 大型本
</li>
<li>
<span class="hatena-asin-detail-label">購入</span>: 1人 <span class="hatena-asin-detail-label">クリック</span>: 111回
</li>
<li>
<a href="http://d.hatena.ne.jp/asin/4844322222" onclick="__gaTracker('send', 'event', 'outbound-article', 'http://d.hatena.ne.jp/asin/4844322222', 'この商品を含むブログ (109件) を見る');" target="_blank">この商品を含むブログ (109件) を見る</a>
</li>
</ul>
</div>
    
<div class="hatena-asin-detail-foot">
</div>
</div>
</div>