<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>楽天 on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E6%A5%BD%E5%A4%A9/</link>
		<description>Recent content in 楽天 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 13 Nov 2013 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E6%A5%BD%E5%A4%A9/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>日本のウェブデザインがこんなに悪い^H^H違う理由</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/11/well-said-why-japanese-web-design-is-so-different/</link>
				<pubDate>Wed, 13 Nov 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/11/well-said-why-japanese-web-design-is-so-different/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://randomwire.com/why-japanese-web-design-is-so-different&#34;&gt;Why Japanese Web Design is so&amp;hellip; Different?&lt;/a&gt;(なぜ日本のウェブデザインはこんなに…違うのか?) というのが、はてなブックマークで人気になっていたので読んでみました。&lt;/p&gt;&#xA;&lt;p&gt;英語で日本のウェブデザインを語る記事は、良くわかってないものも多いのですが、今回のはかなり正確に現状やその理由を捉えているように思いました。ポイントをざっとまとめます。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;禅庭などの文化、建築などで知られる日本のデザインが、ウェブについては15年も古く見えるのはなぜか?&lt;/p&gt;&#xA;&lt;p&gt;人気サイトとして楽天を例に (同様の例としてヤフージャパン、ニコニコ、JR東日本、読売新聞なども)&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;詰め込まれた文字&lt;/li&gt;&#xA;&lt;li&gt;小さな低解像度の画像群&lt;/li&gt;&#xA;&lt;li&gt;多すぎるカラム&lt;/li&gt;&#xA;&lt;li&gt;派手な色使いと動くバナー&lt;/li&gt;&#xA;&lt;li&gt;Flashなど古い技術の使いすぎ&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;h3 id=&#34;言語の違い&#34;&gt;言語の違い&lt;/h3&gt;&#xA;&lt;p&gt;表意文字 - より少ない文字で多くの意味を持つ。日本人はここから短時間に多くの情報を読み取れる&lt;/p&gt;&#xA;&lt;p&gt;強調手段が足りない - 日本語にはローマ・アルファベットにあるようなイタリックや大文字が無い&lt;/p&gt;&#xA;&lt;p&gt;言語の壁 - 多くのウェブ技術は英語がオリジナル、最新の情報が翻訳されるのに時間がかかるので流行がが遅れて来る&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;日本人にとっては、漢字も絵文字も小さなバナーも、絵という点では同じなんですよね。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;h3 id=&#34;文化の違い&#34;&gt;文化の違い&lt;/h3&gt;&#xA;&lt;p&gt;リスクを取らない - 出る杭を打つ文化。よりよい方法があっても他とあわせる&lt;/p&gt;&#xA;&lt;p&gt;消費者 - 購入前に詳細な説明や仕様を求める。キャッチフレーズやオシャレ画像には簡単に乗せられない人達&lt;/p&gt;&#xA;&lt;p&gt;広告 - 企業はウェブをもう一つの広告手段として見がち。ウェブサイトは対話ツールというよりパンフレットの凄いヤツになり、詰め込みが発生&lt;/p&gt;&#xA;&lt;p&gt;都市の風景 - 渋谷などに代表されるネオン広告だらけの街やパチンコ屋やゲーセンの大音量。空間の貴重さはウェブでも余白を無駄とする&lt;/p&gt;&#xA;&lt;p&gt;職業 - 求人サイトの大量のウェブマスター・ウェブ管理者の求人が示す、一人がサイト全体を手作りする傾向。逆にクリエイティブな人々は大企業を避ける&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;h3 id=&#34;技術的傾向&#34;&gt;技術的傾向&lt;/h3&gt;&#xA;&lt;p&gt;レガシーなモバイル - iPhoneよりずっと前から折りたたみ携帯でモバイルウェブを使ってきたため、小さなページに詰め込む傾向が元からあった&lt;/p&gt;&#xA;&lt;p&gt;webフォント - 中国語などもだが文字数の多さからwebフォントが実用でない。変わったデザインが必要な時、デザイナーはテキストより画像に走ることに&lt;/p&gt;&#xA;&lt;p&gt;Windows XPとIE6 - 急速に減ってはいるが、特に企業でこれら古いものが使われている&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;webフォントについては、僕も&lt;a href=&#34;http://stackoverflow.com/questions/14563064/japanese-standard-web-fonts&#34;&gt;Stackoverflowで回答&lt;/a&gt;しています。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;h3 id=&#34;まとめ&#34;&gt;まとめ&lt;/h3&gt;&#xA;&lt;p&gt;東京は1980年代に見た未来のよう。大企業たちが退屈な大量生産品を売りつける一方で、すごい職人たちがとんでもなく美しく機能的な物も作っている。&lt;/p&gt;&#xA;&lt;p&gt;良い面を探せば、日本でも&lt;a href=&#34;http://www.uniqlo.com/jp/&#34;&gt;UNIQLO&lt;/a&gt;, &lt;a href=&#34;http://www.muji.net/&#34;&gt;MUJI&lt;/a&gt;, &lt;a href=&#34;http://cookpad.com/&#34;&gt;CookPad&lt;/a&gt;, &lt;a href=&#34;http://www.kinokuniya.co.jp/&#34;&gt;紀伊国屋&lt;/a&gt;などが美学のあり機能的なウェブサイトを提供している。他がそこから学んで追いつくことを期待しよう。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;自分の理解できる余白スカスカ系のサイトを並べただけじゃ、という気もしますが。ユニクロや無印は世界展開してますし、海外志向とか制作体制の一体化とかもあって西洋人に受け入れられやすいデザインなんじゃないですかね。&lt;/p&gt;&#xA;&lt;p&gt;僕自身は、英語でよく言われるほど楽天のサイトが見にくいとも、使いにくいとも思わないのですが。&lt;/p&gt;&#xA;&lt;p&gt;# そりゃ美しいか? といわれると、美しいとも思いませんけど。宣伝メールの受信のデフォルトをオフにさえしてくれれば、そこまで不満はない&lt;/p&gt;&#xA;&lt;p&gt;記事のタイトル、最初は「なぜ…違うのか?」ではなく「なぜ悪いのか?」になっていたようです。この結びを見ると、やはり著者は日本のwebデザインを「遅れたもの」と捉える考えからは抜け出せていないようで、そこは残念ですね。&lt;/p&gt;&#xA;&lt;p&gt;[追記] 元の記事、というかサイトごと消えていますね。アクセス超過で一旦コンテンツを消したようです。&lt;/p&gt;&#xA;&lt;p&gt;[再追記] 復旧したようです&lt;/p&gt;&#xA;&lt;p&gt;[さらに追記] &lt;a href=&#34;http://thebridge.jp/2013/11/why-japanese-web-design-is-so-different&#34;&gt;The Bridgeが翻訳を公開しました&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
