タグ

uiに関するmtggのブックマーク (8)

  • 【考察】なぜ『ファイナルファンタジー』シリーズのHPゲージは右下なのか?システムによって変化する最適なUIデザイン - GAME LIFE HACK

    今更言うまでもない事ではあるが、ゲーム画面においてHPゲージを始めとした『UI(ユーザーインターフェース)』は重要な要素としてゲーム内に存在しており、HPゲージやMPゲージ、弾薬数、速度計、スコア、そしてレーダーや地図、クエストやコマンド、アイテム欄など様々なもので構成されている。 しかしこういったゲージ類は作品によって大きく異なった位置に割り当てられている。例えば、ある作品では左上に配置されていたHPゲージが、別の作品では左下に配置されていたり、中央上部に表示されているというケースも見たことがあるだろう。 それはなぜだろうか? なぜ、HPゲージは左上で固定されていないのだろうか? なぜ、弾薬類の表示は右側に集中しているのだろうか? なぜ、速度計は右下に配置されているケースが多いのだろうか? なぜ、コマンドメニューは下側に配置されているのだろうか? そもそもなぜ、普段遊んでいる時は、このよ

    【考察】なぜ『ファイナルファンタジー』シリーズのHPゲージは右下なのか?システムによって変化する最適なUIデザイン - GAME LIFE HACK
  • プロジェクト炎上を防ぐ魔法のアイテム、100徳ナイフを買ったお話2 | fladdict

    こんにちは、日で唯一の100徳ナイフコレクター(推定)兼、UIデザインとかしてる fladdictです。 先日、会社の機材として新しい100徳ナイフを購入しました。 via mantiquesmodern ゾーリンゲンのナイフマイスター、P.LANGが自ら研ぎあげた、最高級の一品です。重量950g、お値段なんと120万円。今年のお小遣いが全部すっ飛びました。 馬鹿と思われるこのナイフ、実はサービスの炎上やデスマーチを防ぐ神ツールだったりします。 このナイフをクライアントの偉い人に見せると、あら不思議! 「弊社のアプリをこうしては絶対にならない!」「この状況を脱しなければならない!」という号令が、ほぼ100%トップダウンで発動します。 一目瞭然なほど馬鹿で、巨大で、非実用的で、そして無駄に高価であればあるほどに意味がある。これを見せた時、「多機能もすぎれば毒となる」という言質に説得力が生ま

    プロジェクト炎上を防ぐ魔法のアイテム、100徳ナイフを買ったお話2 | fladdict
  • 一夜にして世界中を席巻したiPhoneアプリ「Clear」の裏側

  • ここ1年くらいで見られた素晴らしいインターフェイスデザイン 12選

    Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。(というよりはコミュニケーションツールですが。)幼児は上のように、ボックスに三角や四角のブロックを入

  • 「えきねっと」の衝撃! 最悪のユーザビリティーを放置するJR東日本の体質  : 筆Blog

    Penです。 数年ほど前に、えきねっとに起因するトラブルで、JRから1万円ほどだまし取られました。 新横浜発の新幹線のチケットを「えきねっと」を利用して購入しました。 当日の朝、出発の30分ほど前に横浜駅に到着したのですが、肝心のチケットの受け取り場所(キオスク端末)がみつからず、JR東海の窓口に並んで確認をこころみるも、長蛇の列で30分を空費したあげく、発車時間になったためとりあえず乗車券を購入して、新幹線に飛び乗りました。 (横浜駅新横浜駅はJR東海の縄張りらしく、JR東日の端末はよくわからない場所にひっそりと設置されています) とりあえず目的地で下車したのちに、窓口で事情を話したところ、JR東海の職員はJR東日が運営する「えきねっと」のことはわからないらしく、5分くらいマニュアルと格闘したのちに「えきねっとのチケットは発券していないので、クレジットカードに請求されません。」と断言

    「えきねっと」の衝撃! 最悪のユーザビリティーを放置するJR東日本の体質  : 筆Blog
    mtgg
    mtgg 2011/07/01
  • スマホのUI考2 〜 フィードバックについて | fladdict

    UIについて徒然と考える自分用メモ、2回目はフィードバック。ユーザーに「何かがおきたよ!」と如何に明解に知らせるか?1回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは? ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、

  • Site Under Maintenance

    We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

    Site Under Maintenance
  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
  • 1