「コンテンツの始点は左上」画面/紙面における視線移動を考える - Togetter
Twitterのつぶやきマッシュアップメディア!
@togetter_jpをフォロー
マイページ
メニュー
設定
ログイン
トップ
ニュース
社会
地域
芸能・スポーツ
IT・Web
科学・教養
カルチャー
趣味
生活
仕事
ネタ・お笑い
ログ・日記
震災
311
iwj
生活保護
放射能
支援
岩上安身
中国
速報
国内
アジア
アメリカ
ヨーロッパ
その他
政治
経済
国際
法律
環境
コラム
東京
東京近郊
北海道
東北
関東
北陸・信越
東海
近畿
中国・四国
九州・沖縄
海外
芸能
テレビ
ラジオ
野球
サッカー
ゴルフ
格闘技
競馬
モータースポーツ
その他
Android
Apple
インターネット
パソコン
モバイル
ガジェット
サイト制作
プログラミング
その他
科学
テクノロジー
エネルギー
数学
物理
宇宙
自然
人文
建築
心理
その他
アニメ
ゲーム
マンガ
アイドル
映画
音楽
書籍
演劇
ファッション
社会学
カメラ
車・バイク
電車
旅行
釣り
歴史
アート
デザイン
動物
その他
ハウツー
レシピ
グルメ
恋愛
マネー
節約
健康・医療
教育
ペット
起業・ベンチャー
経営
マーケティング
会計・人事
法務
就職・転職
語学・資格
ネタ
お笑い
大喜利
画像・動画
やってみた
その他
ログ
日記
思い出
雑談
メモ
飲み会
議事録
イベント
セミナー
復興
原発
支援
政府
自治体
トップ
>
科学・教養
> 「コンテンツの始点は左上」画面/紙面における視..
2011/05/15 01:03:35
科学・教養
編集可能
電子書籍
ui
デザイン
+
「コンテンツの始点は左上」画面/紙面における視線移動を考える
あらゆるデザイナーにとって、見る者の視線をどう誘導するかは一番の課題でしょう。それは紙やスクリーンという媒体の違いを超えたテーマであるはず。でも思ったよりこの問題は突き詰めて考えられていないようにも思えます。
by
ogwata
9 fav
1614 view
Fav
9
お気に入りに登録ならここをクリック!
まとめ
メニューを開く
一括削除
そう思うでしょう?しかしコンテンツは左上始点なんですよね。このブログにある漢字ドリルを例にとっても、やっぱり視線は左にあつまる。 RT
@masanork
: …あと50音キーボードはやっぱ右上にあだと思うんだが…
http://htn.to/aJF18y
返信する
RTする
ふぁぼる
kidayasuo
2011/05/14 03:31:10
@kidayasuo
一般にコンテンツは左上始点ということは合意できるのですが、ならばあいうえおも左横書き二段で並べるべきで、あいうえおと縦書きで並べるのであれば右上始点とする方が自然では?今のキーボードはモンゴル語のような左縦書きって印象
返信する
RTする
ふぁぼる
masanork
2011/05/14 03:50:38
@kidayasuo
わたしが小学生時代に使ってたエプソンのワープロは50音配列キーボードで左横書き2段で左上に「あ」がありました。あと周囲では50音キーボードといってJIS配列を期待されていた向きもあり。私個人は親指シフターですがタッチパッド使いたいか微妙
返信する
RTする
ふぁぼる
masanork
2011/05/14 04:06:40
文章の横書き時は左上始点のキーボードですね。銀行のATMも左上始点ですし。 RT
@kidayasuo
: そう思うでしょう?しかしコンテンツは左上始点なんですよね。このブログにある漢字ドリルを例にとっても、 RT
@masanork
http://htn.to/aJF18y
返信する
RTする
ふぁぼる
Hiro1968
2011/05/14 04:11:45
RT
@Hiro1968
: 文章の横書き時は左上始点のキーボードですね。銀行のATMも左上始点ですし。 RT
@kidayasuo
: そう思うでしょう?しかしコンテンツは左上始点なんですよね。このブログにある漢字ドリルを例にとっても、 RT
@masanork
http://htn.to/aJF18y
返信する
RTする
ふぁぼる
masanork
2011/05/14 04:13:40
@kidayasuo
「コンテンツは左上始点なんですよね。」これって、言語や縦組み、横組みとは無関係に普遍的なのだろうか? 何か、論拠ってお持ちですか? 新人編集者時代に、視点は左上に集中するって繰り返したたき込まれたのだけれど、経験的には納得できても普遍的論拠を知らないもので。
返信する
RTする
ふぁぼる
tlk714
2011/05/14 05:54:52
@tlk714
いえ、画面の中で始点が左上なのは、単純に左からの横書きだからだと思っていました。これが綴じてある書籍だと、めくる際に反対側の上がまず目に入るという視点が生まれるかもしれませんね。そこにある図版などに目が行った後、反対側の文章の先頭を探してそこから読み始める。
返信する
RTする
ふぁぼる
kidayasuo
2011/05/14 06:09:59
@kidayasuo
ぼくがやっていた「小学六年生」は、縦組み右綴じが基本だったのだけれど、やっぱり左上視点って言われ続けていました。この話題って、案外電子書籍のレイアウトなどと深い関係があるのかも。
返信する
RTする
ふぁぼる
tlk714
2011/05/14 06:13:33
@tlk714
綴じてあるから、という可能性はありませんかね?真っ先に目に入るのが左上なので。綴じが無い電子書籍だと、全く新しいレイアウトの必要性と可能性がありそう。
返信する
RTする
ふぁぼる
kidayasuo
2011/05/14 06:21:17
@kidayasuo
そうなんですよね。同じ自炊本でも、iPad上のi文庫で読むのと、KindleDxで読むののとでは、ページめくりの感覚がずいぶん違う。テキスト主体の《流れる》書物ではあまり意識する必要はないかもしれませんが、ヴィジュアルな2次元的なレイアウトでは重要かも。
返信する
RTする
ふぁぼる
tlk714
2011/05/14 06:25:10
@tlk714
うん、リフローありがすべてじゃないと思う。その場合は画面サイズを念頭においた設計が必要になりますね。
返信する
RTする
ふぁぼる
kidayasuo
2011/05/14 06:36:35
@kidayasuo
そう。電子書籍の2次元的レイアウトを考えるときにこそ、
@kidayasuo
さんの「左上重視論」が重要なポイントとなる。おそらく、UIデザインにも係わってくるね。iPadにも期待。
返信する
RTする
ふぁぼる
tlk714
2011/05/14 06:40:57
@masanork
うん、そういう配列もアリなんだと思いますよ。
返信する
RTする
ふぁぼる
kidayasuo
2011/05/14 06:53:09
いま新聞関連やってますが、普通紙は右上重視、スポーツ紙はスタンドに折られてる状態の真ん中命と言われ、媒体とデザインの関係に今更ながら… RT
@tlk714
:
@kidayasuo
そう。電子書籍の2次元的レイアウトを考えるときにこそ、
@kidayasuo
さんの「左上重視論」が…
返信する
RTする
ふぁぼる
cybercatfish
2011/05/14 18:10:33
縦書きを改めて見直してみてますが本当に必要なのかと思えてきて、横書きが右左から左右流れになった時代の話しも聞いていてみてます。 RT
@tlk714
:
@kidayasuo
そう。電子書籍の2次元的レイアウトを考えるときにこそ、
@kidayasuo
さんの「左上重視論」が…
返信する
RTする
ふぁぼる
cybercatfish
2011/05/14 18:12:35
デザインされた紙面を拡大して全方向スクロールに違和感を感じてます、完全リフローは不自由だし、中間点が無いのかなと常々思っているのですが… RT
@kidayasuo
:
@tlk714
うん、リフローありがすべてじゃないと思う。
返信する
RTする
ふぁぼる
cybercatfish
2011/05/14 18:14:41
今の紙面作りは、まず媒体があってその中にどう記事を納めるか、WEBはデータが有ってどうデザインに入れ込むか、視点の違いで出来が変わるんですが年内には出したいなぁ出れば良いなぁコレw RT
@kidayasuo
:
@tlk714
うん、リフローありがすべてじゃないと思う。
返信する
RTする
ふぁぼる
cybercatfish
2011/05/14 18:18:19
@kidayasuo
そう言えば、ゲーム作り時代にテキストや情報表示の位置に対する画面の重み付けとか、動体視力に関する横方向と縦方向の視認性の違い何て話しをやってましたが、一緒にやりませんでしたっけ? ゲーム会社や出版社で色々やったんですが誰とやってたかが忘却の彼方 (^^;;;
返信する
RTする
ふぁぼる
cybercatfish
2011/05/14 18:36:56
視線がどこに落ちるか(ページをめくる動作などで)、そしてコンテントの性質(ストリームか、ランダムか)、に関係すると思う RT
@ogwata
: ひとまずの仮説としては…
http://bit.ly/mRJs8n
返信する
RTする
ふぁぼる
kidayasuo
2011/05/15 01:26:38
@kidayasuo
ストリームかランダムかというのは面白い視点ですが、そうなると新聞はランダムの筈なのに始点が右上という理由が分かりません。それとも、あれはあれでストリームなのかな…。
返信する
RTする
ふぁぼる
ogwata
2011/05/15 01:30:55
@ogwata
確かに。新聞の場合は、ものすごく大きいので、めくるのは大変だし、そのときに左上に視線が落ちてそこに止まったりしない、とか(あ、四コマ漫画が左上だ)
返信する
RTする
ふぁぼる
kidayasuo
2011/05/15 01:38:57
@kidayasuo
自分が紙の新聞を読む時のことを思い出しましたが、見開きでは左上から読み始めてますね。なんでだろ? それから4コママンガは一番上のコマの右上が始点になると思います。
返信する
RTする
ふぁぼる
ogwata
2011/05/15 01:42:26
@ogwata
4コママンガの話は、これが新聞の左上に置いてあった事を思い出したんですよ。常にそうという訳ではないのかな?
返信する
RTする
ふぁぼる
kidayasuo
2011/05/15 01:43:35
Content from Twitter
ブログへ
iframe版
拡張版
張付けプレビュー
Fav
9
あわせて読みたい
電子書籍におけるコンテンツの価値や寿命について。
電子書籍とそのコンテンツに関するヒトコマ。
デザインとUIの視点から考える電子書籍 @amujpで抽出したテキスト中継。
【持ち歩きやすさ】 紙の本と電子書籍、どっちが便利? 【保存しやすさ】
電子書籍やTV配信って要るの?
powered by Preferred Infrastructure
コメント
このツィートが目に止まったのは、以前Hanakoの元編集長が「ウチは一番のオススメ情報は見開き左上に置く」と言っていたのを思い出したから。同誌もここで例に出た小学6年生も縦書きで、本来は右上始点の筈。
返信
ogwata
2011/05/15 01:13:09
0
対立する例を出しておくと、この中で新聞の始点は右上という話が出ているが、マンガも見開きの右上始点です(終点は左下)。ちなみに紙の新聞もマンガも縦書き。
返信
ogwata
2011/05/15 01:18:57
0
ひとまずの仮説としては、①始点は紙やスクリーンという媒体には依存しない。②縦/横の組み方向にも依存しない。③むしろ内容(ジャンル)に依存する、ということかな。
返信
ogwata
2011/05/15 01:21:32
0
しかし、ジャンルに依存と言っても、どういう要素が始点左上を決定するのか、もう少し考えないと分からない。また本当に組み方向に依存しないのかも議論の余地があるだろう。
返信
ogwata
2011/05/15 01:26:06
0
その後の
@kidayasuo
さんとの会話を追加しました。しかしこの問題は奥が深いな。デザイン方面の方々はどう考えるのかしら。
返信
ogwata
2011/05/15 02:23:12
0
まず媒体フォーマットがあり内容が決まります。 例えば漫画が右上視点なのは縦書き開きだったからで、西洋の漫画は左上視点、韓国漫画が面白くて日式コピーは右上で韓国版が左上で両面から読む様になってたり…
返信
cybercatfish
2011/05/15 03:05:30
0
新聞のデザインが微妙で、縦書きと横書きの場合でコンテンツの作りや文字の置き方を変えてて、単純に縦横を切り替えられないんです。こう言うのを見てると、やはりまず媒体フォーマットありきで内容が決まり、読み手が学習段階で重点とする視点の置き方が変わって行くように感じます。
返信
cybercatfish
2011/05/15 03:09:03
0
コンピュータでは長い間左上視点で始まる物が多く学習が蓄積されていますから、左上視点&横書きが断然読み易いのではないでしょうか? ただしiPadの様な学習蓄積が少ない人への普及段階において、それが絶対とは限らないと思う反面、右上縦書きを選択しようと思うと労力かかります。
返信
cybercatfish
2011/05/15 03:20:46
0
小説やマンガが好きで良く読むのですが、小説(ラノベ)や漫画は右上始点ですよね。
http://www.gahako.com/
ワーキングの原作者さんのサイトなんですが、コンテツだけど右上始点の設計だと思うんですよ。
返信
SF_yomi
2011/05/15 13:46:17
0
だから、コンテンツの設計は始点の定義と維持が必要で、漫画で言う視点誘導ですよね。右上、左上は、製作者の意図なんだと思います。
返信
SF_yomi
2011/05/15 13:50:00
0
でもまぁ、コンピューターの場合、左原点が多いので、左始点が作り易いので左上始点が多いって事で、技術的に解決できる課題(座標系の切り替え)では有るのだけれども、解決する手段を提供するべきか、どうかって話しなんだと思う。
返信
SF_yomi
2011/05/15 13:56:42
0
イスラエルのサイトをよく見ますが、中東の言語(right-to-left languages)なら、右上が始点。視線は右→左。アラビア語とヘブライ語のWindows XPも、[start]は右下になるので、私は常に左上が始点とは思わないです。
返信
thoton
2011/05/16 06:04:04
0
アラビア語やヘブライ語の本・ウェブサイトまで考えたら、右上始点となるので「普遍的」ではないです
@tlk714
@kidayasuo
「コンテンツは左上始点なんですよね。」これって、言語や縦組み、横組みとは無関係に普遍的なのだろうか? 経験的には納得できても...
返信
thoton
2011/05/16 06:31:38
0
コメントを入力してください。
Twitterにも投稿する
みんなのおすすめ商品
商品を編集
おすすめ商品を登録する
設定を変更する
まとめを作成する
プロフィール
フォローする
文字とコンピュータのフリーライター。共著『活字印刷の文化史』、『新常用漢字表の文字論』(共に勉誠出版、2009年)。
ogwata
link
twitter
rss
フォローされている
5
アップデート
まとめ
23
4
css3-text-layout(W3C)におけるウェブ..
52
文字化けの饗宴:スマートフォンにおける厄介な文字の表示実..
99
GALAPAGOSのDRMをめぐるwindhole氏とr..
お気に入り
62
コメント
25
新着のまとめ
美学校特別講座「中ザワヒデキ文献研究番外篇」第..
new
テント村運動の意義と結果
new
タガログ語の子供向け図書をさがしてみた
new
コンピュータビジョン第5回
new
JUNSテクニカルStream Vol.1 ~..
new
もっと見る
@togetter_jp
最近追加された商品
竹山ひとり旅 [DVD]
現代の貧困―ワーキングプア/ホームレス/生活保護 (ちくま新書)
一枚のハガキ【DVD】
一枚のハガキ (リンダブックス)
藪の中の黒猫 [DVD]
オススメ
マイスター
トゥギャ通
報道ステーション東電福島第一原発4号機危険性に..
毎日新聞スクープ"核燃サイクル「秘密会議」"に..
「放射能汚染地域に住む人の血って、ほしいですか..
発達障害児を育てる幸せ満タン親バカなツイート集
up
生活保護に関する、渡邊芳之(ynabe39)さ..
立憲主義を知らない自民党「憲法起草」委事務局長..
もっと見る
河本準一、妻の母も生活保護を受給!
new
恥と気高さ
new
クローズアップ現代「フィルム映画の灯を守りたい..
new
茂木健一郎(@kenichiromogi)さん..
new
袁紹の用兵の才能と分かり易い『官渡の戦い』
new
タイバニ当落メールが遅い理由を考えてみた まとめ
new
もっと見る
第80回「日食写真と昭和格差」
号外「みんなの金環日食まとめ―画像から教養ま..
第79回「虚構新聞とJリーグ」
第78回「コンプガチャとIT系かあちゃん」
第77回「びろーんと自宅警備隊」
第76回「Appleとパンツクッキー」
もっと見る
コメント