-
ID:R/nfgd さんの質問

スマーホフォンサイトのデザインを学ぶ上で良いサイトや本などが有りましたら教えてください。

下記などは自分で見つけたのですが、これくらいではとても足りないですよね?
また、gvは一番下に付けるほうが指が届くので良いという人と、右上にアコーディオンを付ける人と割れているようですが、今はどちらが良いと思いますか?

ttp://touch-slide.jp/column/category/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e3%82%b5%e3%82%a4%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/

ttp://allabout.co.jp/gm/gc/381464/

みんなの回答 4 件

ID:60Cs0n さんの回答

gvってなんですか

ID:B8RbB8

グローバルナビじゃない?

ID:Nmij3c

グローバルナビの事です。

ID:60Cs0n

ナビのビとったのか!

ID:Nmij3c

グローバルナビのdivのidで結構見ませんか?
navの方がid名でも多いのですかね?

と言うかid名を使うことが問題なんだ!
ってことですね。
その通りでした。

ID:4OAO4G

gvなんて初めて聞いたよ…

ID:l6i2VN さんの回答

Googleさんが最近ガイドライン出してました。
スマーホフォン

Metrics and Keylines - Layout - Google design guidelines

http://www.google.com/design/spec/layout/metrics-and-keylines.html#
ID:Nmij3c

ありがとうございます。
グーグルさんなら信頼感抜群ですね。

ただ英語なので、翻訳してみます。

ID:WbktTc

スマホからみたら、えらいわかりづらくてビックリした。説得力ないよなー。

ID:l6i2VN

大変見やすいな。どこに何あるかひと目でわかるし、余白を有効的に使ってる印象。しかもレスポンシブ。

ID:WbktTc

↑ネタだよね??

ID:Nmij3c

ttps://developer.apple.com/jp/devcenter/ios/library/documentation/MobileHIG.pdf

自分で良さそうな物を見つけました。
プロからみでどうですか?

ID:WbktTc

それはiosアプリ開発者の必読ドキュメントですね。

ID:Nmij3c

読んでみましたがあまりWEB用では有りませんね。
他を探します。

ID:WbktTc さんの回答

スマーホフォンって何だろ、

ID:1NRtao

ネットサーフォントみたいなもの

ID:Nmij3c

すいません気づきませんでした。

入れ歯が取れたおばあちゃんが言ったみたいになっていました。
まじめに唯一答えてくれたl6i2VNeGRjt3 さんに感謝。

ID:WOJEPI さんの回答

作る側からすると下に置くのは、めんどくさい気がする。フォームに打ち込むときパット出てきてポジションがバグったり、ブラウザ対応が手間になるのでは?またブラウザによってはフッターにボタンがあるので、間違えそう。

ブラウザにネイティブアプリと同じレイアウトは使いにくいと思う。

ID:Nmij3c

>ポジションがバグったり
スマホの場合ポジションを使って常に下にnavを固定して出す方法を言っているのですね。
作成や管理が大変なので右上にアコーディオンが多いのはこのためですね。
こちらのほうが圧倒的に多く、実務上はこちらで問題ないのですね。

海外で活躍しているmana氏などが指の届く関係で下が良いと言っていたのでポジションと言う形ではなく、一番下が良いというコメントがあったので、画面の一番下のほうにあるサイトをそれなりに見ることがあり、
こちらのほうが言いのかなと思いました。

ID:1NRtao

iPhoneの場合は、ファーストタップがosのナビゲーションだよね

ID:Nmij3c

iPhoneは画面の一番下がすでに使われているのでそこに配置したものは押せないと言うことなのですね。

つまりスマホサイトは一番下は押さないもの見にくくても良いものしか配置しないと言うことですね。

右上が届きにくいとすると、
すると下記サイトの様にgnavをファーストビューの下に配置するのが最も理想なのかもしれませんね。
ttp://yukiterada.com/

最終更新日:2014-09-05 (2,020 views)

関連するトピックス

ページ上部に戻る