限定公開でまとめを作れば、相互フォローやフォロワー限定でまとめを共有できます!

「コンテンツの始点は左上」画面/紙面における視線移動を考える

あらゆるデザイナーにとって、見る者の視線をどう誘導するかは一番の課題でしょう。それは紙やスクリーンという媒体の違いを超えたテーマであるはず。でも思ったよりこの問題は突き詰めて考えられていないようにも思えます。
デザイン 電子書籍 UI
3978view 13コメント
9
木田泰夫 @kidayasuo
そう思うでしょう?しかしコンテンツは左上始点なんですよね。このブログにある漢字ドリルを例にとっても、やっぱり視線は左にあつまる。 RT @masanork: …あと50音キーボードはやっぱ右上にあだと思うんだが… http://htn.to/aJF18y
楠 正憲 @masanork
@kidayasuo 一般にコンテンツは左上始点ということは合意できるのですが、ならばあいうえおも左横書き二段で並べるべきで、あいうえおと縦書きで並べるのであれば右上始点とする方が自然では?今のキーボードはモンゴル語のような左縦書きって印象
楠 正憲 @masanork
@kidayasuo わたしが小学生時代に使ってたエプソンのワープロは50音配列キーボードで左横書き2段で左上に「あ」がありました。あと周囲では50音キーボードといってJIS配列を期待されていた向きもあり。私個人は親指シフターですがタッチパッド使いたいか微妙
Hirokazu Yamaguchi @Hiro1968
文章の横書き時は左上始点のキーボードですね。銀行のATMも左上始点ですし。 RT @kidayasuo: そう思うでしょう?しかしコンテンツは左上始点なんですよね。このブログにある漢字ドリルを例にとっても、 RT @masanork http://htn.to/aJF18y
楠 正憲 @masanork
RT @Hiro1968: 文章の横書き時は左上始点のキーボードですね。銀行のATMも左上始点ですし。 RT @kidayasuo: そう思うでしょう?しかしコンテンツは左上始点なんですよね。このブログにある漢字ドリルを例にとっても、 RT @masanork http://htn.to/aJF18y
小林龍生 @tlk714
@kidayasuo 「コンテンツは左上始点なんですよね。」これって、言語や縦組み、横組みとは無関係に普遍的なのだろうか? 何か、論拠ってお持ちですか? 新人編集者時代に、視点は左上に集中するって繰り返したたき込まれたのだけれど、経験的には納得できても普遍的論拠を知らないもので。
木田泰夫 @kidayasuo
@tlk714 いえ、画面の中で始点が左上なのは、単純に左からの横書きだからだと思っていました。これが綴じてある書籍だと、めくる際に反対側の上がまず目に入るという視点が生まれるかもしれませんね。そこにある図版などに目が行った後、反対側の文章の先頭を探してそこから読み始める。
小林龍生 @tlk714
@kidayasuo ぼくがやっていた「小学六年生」は、縦組み右綴じが基本だったのだけれど、やっぱり左上視点って言われ続けていました。この話題って、案外電子書籍のレイアウトなどと深い関係があるのかも。
木田泰夫 @kidayasuo
@tlk714 綴じてあるから、という可能性はありませんかね?真っ先に目に入るのが左上なので。綴じが無い電子書籍だと、全く新しいレイアウトの必要性と可能性がありそう。
小林龍生 @tlk714
@kidayasuo そうなんですよね。同じ自炊本でも、iPad上のi文庫で読むのと、KindleDxで読むののとでは、ページめくりの感覚がずいぶん違う。テキスト主体の《流れる》書物ではあまり意識する必要はないかもしれませんが、ヴィジュアルな2次元的なレイアウトでは重要かも。
木田泰夫 @kidayasuo
@tlk714 うん、リフローありがすべてじゃないと思う。その場合は画面サイズを念頭においた設計が必要になりますね。
小林龍生 @tlk714
@kidayasuo そう。電子書籍の2次元的レイアウトを考えるときにこそ、@kidayasuoさんの「左上重視論」が重要なポイントとなる。おそらく、UIデザインにも係わってくるね。iPadにも期待。
木田泰夫 @kidayasuo
@masanork うん、そういう配列もアリなんだと思いますよ。
CyberCatfish @cybercatfish
いま新聞関連やってますが、普通紙は右上重視、スポーツ紙はスタンドに折られてる状態の真ん中命と言われ、媒体とデザインの関係に今更ながら… RT @tlk714: @kidayasuo そう。電子書籍の2次元的レイアウトを考えるときにこそ、@kidayasuoさんの「左上重視論」が…
CyberCatfish @cybercatfish
縦書きを改めて見直してみてますが本当に必要なのかと思えてきて、横書きが右左から左右流れになった時代の話しも聞いていてみてます。 RT @tlk714: @kidayasuo そう。電子書籍の2次元的レイアウトを考えるときにこそ、@kidayasuoさんの「左上重視論」が…
CyberCatfish @cybercatfish
デザインされた紙面を拡大して全方向スクロールに違和感を感じてます、完全リフローは不自由だし、中間点が無いのかなと常々思っているのですが… RT @kidayasuo: @tlk714 うん、リフローありがすべてじゃないと思う。
CyberCatfish @cybercatfish
今の紙面作りは、まず媒体があってその中にどう記事を納めるか、WEBはデータが有ってどうデザインに入れ込むか、視点の違いで出来が変わるんですが年内には出したいなぁ出れば良いなぁコレw RT @kidayasuo: @tlk714 うん、リフローありがすべてじゃないと思う。
CyberCatfish @cybercatfish
@kidayasuo そう言えば、ゲーム作り時代にテキストや情報表示の位置に対する画面の重み付けとか、動体視力に関する横方向と縦方向の視認性の違い何て話しをやってましたが、一緒にやりませんでしたっけ? ゲーム会社や出版社で色々やったんですが誰とやってたかが忘却の彼方 (^^;;;
木田泰夫 @kidayasuo
視線がどこに落ちるか(ページをめくる動作などで)、そしてコンテントの性質(ストリームか、ランダムか)、に関係すると思う RT @ogwata: ひとまずの仮説としては… http://bit.ly/mRJs8n
小形克宏 @ogwata
@kidayasuo ストリームかランダムかというのは面白い視点ですが、そうなると新聞はランダムの筈なのに始点が右上という理由が分かりません。それとも、あれはあれでストリームなのかな…。
木田泰夫 @kidayasuo
@ogwata 確かに。新聞の場合は、ものすごく大きいので、めくるのは大変だし、そのときに左上に視線が落ちてそこに止まったりしない、とか(あ、四コマ漫画が左上だ)
小形克宏 @ogwata
@kidayasuo 自分が紙の新聞を読む時のことを思い出しましたが、見開きでは左上から読み始めてますね。なんでだろ? それから4コママンガは一番上のコマの右上が始点になると思います。
木田泰夫 @kidayasuo
@ogwata 4コママンガの話は、これが新聞の左上に置いてあった事を思い出したんですよ。常にそうという訳ではないのかな?

コメント

小形克宏 @ogwata 2011年5月15日
このツィートが目に止まったのは、以前Hanakoの元編集長が「ウチは一番のオススメ情報は見開き左上に置く」と言っていたのを思い出したから。同誌もここで例に出た小学6年生も縦書きで、本来は右上始点の筈。
小形克宏 @ogwata 2011年5月15日
対立する例を出しておくと、この中で新聞の始点は右上という話が出ているが、マンガも見開きの右上始点です(終点は左下)。ちなみに紙の新聞もマンガも縦書き。
小形克宏 @ogwata 2011年5月15日
ひとまずの仮説としては、①始点は紙やスクリーンという媒体には依存しない。②縦/横の組み方向にも依存しない。③むしろ内容(ジャンル)に依存する、ということかな。
小形克宏 @ogwata 2011年5月15日
しかし、ジャンルに依存と言っても、どういう要素が始点左上を決定するのか、もう少し考えないと分からない。また本当に組み方向に依存しないのかも議論の余地があるだろう。
小形克宏 @ogwata 2011年5月15日
その後の @kidayasuo さんとの会話を追加しました。しかしこの問題は奥が深いな。デザイン方面の方々はどう考えるのかしら。
CyberCatfish @cybercatfish 2011年5月15日
まず媒体フォーマットがあり内容が決まります。 例えば漫画が右上視点なのは縦書き開きだったからで、西洋の漫画は左上視点、韓国漫画が面白くて日式コピーは右上で韓国版が左上で両面から読む様になってたり…
CyberCatfish @cybercatfish 2011年5月15日
新聞のデザインが微妙で、縦書きと横書きの場合でコンテンツの作りや文字の置き方を変えてて、単純に縦横を切り替えられないんです。こう言うのを見てると、やはりまず媒体フォーマットありきで内容が決まり、読み手が学習段階で重点とする視点の置き方が変わって行くように感じます。
CyberCatfish @cybercatfish 2011年5月15日
コンピュータでは長い間左上視点で始まる物が多く学習が蓄積されていますから、左上視点&横書きが断然読み易いのではないでしょうか? ただしiPadの様な学習蓄積が少ない人への普及段階において、それが絶対とは限らないと思う反面、右上縦書きを選択しようと思うと労力かかります。
セルフ執事 @SF_yomi 2011年5月15日
小説やマンガが好きで良く読むのですが、小説(ラノベ)や漫画は右上始点ですよね。http://www.gahako.com/ ワーキングの原作者さんのサイトなんですが、コンテツだけど右上始点の設計だと思うんですよ。
セルフ執事 @SF_yomi 2011年5月15日
だから、コンテンツの設計は始点の定義と維持が必要で、漫画で言う視点誘導ですよね。右上、左上は、製作者の意図なんだと思います。
セルフ執事 @SF_yomi 2011年5月15日
でもまぁ、コンピューターの場合、左原点が多いので、左始点が作り易いので左上始点が多いって事で、技術的に解決できる課題(座標系の切り替え)では有るのだけれども、解決する手段を提供するべきか、どうかって話しなんだと思う。
Thoton Akimoto @thoton9 2011年5月16日
イスラエルのサイトをよく見ますが、中東の言語(right-to-left languages)なら、右上が始点。視線は右→左。アラビア語とヘブライ語のWindows XPも、[start]は右下になるので、私は常に左上が始点とは思わないです。
Thoton Akimoto @thoton9 2011年5月16日
アラビア語やヘブライ語の本・ウェブサイトまで考えたら、右上始点となるので「普遍的」ではないです @tlk714 @kidayasuo 「コンテンツは左上始点なんですよね。」これって、言語や縦組み、横組みとは無関係に普遍的なのだろうか? 経験的には納得できても...
ログインして広告を非表示にする
ログインして広告を非表示にする