タグ

uiに関するhiro_yのブックマーク (874)

  • Sign in - Google Accounts

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

    hiro_y
    hiro_y 2012/05/11
    「ノイズにしかなれない広告や,サービス元の使わない機能が並んだナビバーがなくて,貴重なディスプレイ資源を大事にしているのが素敵だった.」
  • iOSアプリがAndroidよりクールな理由

    hiro_y
    hiro_y 2012/05/03
    「Androidの開発では、やりたいことについては好きなように追求できるが、Apple社の開発ではより制限されている。その一方で、アプリの見栄えがよくなるツールが提供されているのだ」
  • スマートフォンサイトで好まれるユーザーインターフェイス【リサーチ】

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    スマートフォンサイトで好まれるユーザーインターフェイス【リサーチ】
    hiro_y
    hiro_y 2012/05/03
    「リンク箇所に関してはスマートフォンであっても明確な誘導表示が必要と推測できます。」
  • デフォルトが酷いとまじめに入力したくなる | コーヒーサーバは香炉である

    codewallに登録してみたら、ちょっと面白い仕掛けがあった。プロフィールを何も入力していない状態だと、「スキル」の欄がこんな悲惨な内容になっている。 これは悲惨すぎる! ちゃんと編集しないといけない! もしもここに「まだ入力されていません」としか表示されていなかったら、あまり真面目にプロフィールを編集しようとは思わない人も多いだろう。後で気が向いたら書けばいいや、と。 しかし「ちゃんと記入しないと『IE6大好き☆ 特技はVBで〜す☆』ってことになるぞ」ってのは多くの人にとってはかなり嫌な脅迫となる。これはもう速攻で記入するしかないよ! 実際に何もしないと当にIE大好きで特技はVBですと表示されるのかどうかは謎。おそらくはただの気の利いたジョーク……だと思う。 わかったのは、デフォルトが酷いものになっていると、「未入力です」と表示するよりもずっと強力に記入したい気分になるってこと。

    hiro_y
    hiro_y 2012/05/03
    「ぎりぎり外を歩けそうな格好だけど、それだと登録しただけで放置しちゃう人が出てくる。だからパンツ&ブラジャーとかIE6 & VBとかじゃないと駄目なんだよ。」
  • UI&UX / 重要なのは、毎日さわって嬉しい UI UX!

    第1回スマホデザイン会議 #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGo

    UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
    hiro_y
    hiro_y 2012/05/01
    「UXは映像やドラマみたいなものでUIはその1フレームみたいなものだと考えます」
  • ニコニコ超会議2012『超エンジニアミーティング』で喋った時のスライドを公開します - ぼくはまちちゃん!

    こんにちはこんにちは!! ニコニコ超会議2012 『超エンジニアミーティング』で喋った時のスライドを公開します! 『ふつうのformをつかいたい』 - はまちや2 - ニコニコ超会議2012 難しい話は苦手なので、普通のお話です。 あとこのスライドはIEでは動きません。他のブラウザで見てね。 (追記) IEでも見られるようになりました。たぶん。 超エンジニアミーティング全体の内容については、 『ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた』でまとめてくれています。 ちなみにぼくは自分が喋ったあとは、ずーっと隣の『ニコニコ学会β』の発表を見てました。 ロボット作ったりとかすごいかっこいい。 (関連記事) その言葉は誰のためのもの? [この日記のブックマークコメントを見る/書く ]

    ニコニコ超会議2012『超エンジニアミーティング』で喋った時のスライドを公開します - ぼくはまちちゃん!
    hiro_y
    hiro_y 2012/04/30
    おかんでも使えるフォームを。システム側でさぼらない。
  • スマホデザイン会議120426

    Our mission 我々のミッション 新しいコミュニケーションを提供し、 より多くの人々の生活を楽しくする Enjoyment to users by providing new types of communication. Our goals; Variety ways of communication to real social graphs. Providing new communication concept and tools. Public > Niche Better communication, better life 16 Apps inmixi and other Platforms. mixiを中心に16個ソーシャルアプリをリリースしています。 More than 11Milion Registered Users. 合計1100万人以上のユーザーにご利用い

    スマホデザイン会議120426
    hiro_y
    hiro_y 2012/04/28
    コミュニティーファクトリーの場合
  • 一覧の見せ方ひとつでもコンセプト

    hiro_y
    hiro_y 2012/04/28
    何を見せるか=何を見せないか
  • UI設計は学校のペーパーテストとは違う

    hiro_y
    hiro_y 2012/04/28
    「UI設計だけでは無いが、こういったタイプのことは、全体としてどうなのかが大事で、もともとそれぞれを完全に分けて考えることができないのだろう。」
  • UI設計で「とか」や「感じ」ではなく絵を描いて検討するほうが良い

    hiro_y
    hiro_y 2012/04/28
    「アイデアは常に絵で表現し、検討も絵をみながら、改良も絵をみながら行うほうが早い。」
  • 「いいとこ取り」と時間配分

    hiro_y
    hiro_y 2012/04/28
    「いいとこ取りをするならば、根本から考えるか、地道にそこ以外の部分も含めて取捨選択を重ねるかしかなく、それは急いだところで答えがでるようなものでもない。」
  • スマホアプリ開発現場におけるUI採用の試行錯誤 - ロケタッチの場合 - : LINE Corporation ディレクターブログ

    こんにちは、ユティです。ロケタッチを担当しています。 スマートフォンで展開するサービスの開発では、1つ大事なことがあります。それは、4インチ前後の画面にすべてを詰め込まなくてはいけないということです。これ以上、画面のサイズが大きくなると片手で持てなくなるので、この4インチ前後というサイズのトレンドはしばらく続くでしょう。アプリが複雑になればなるほど、この狭い画面に展開する UI で悩むことになり、その度に私たちはいろいろな方法でその壁を乗り越えていくことになります。 ロケタッチも、リリース以降機能がどんどんと増え、その度にアプリ内の UI、特にメニューのところをどうしようかという話になりました。今回は、そのメニュー周りのUIを中心に、近頃のロケタッチのUI事情についてご紹介したいと思います。 代表的なメニューUIと、トレンドのスライドメニュー まず、過去のロケタッチを例に、多くのスマートフ

    スマホアプリ開発現場におけるUI採用の試行錯誤 - ロケタッチの場合 - : LINE Corporation ディレクターブログ
  • インタフェースデザインやインタラクションデザインがなぜ重要か? | インタラクションとデザイン

    はじめに 人が関わるものすべてにインタフェースがある。そして、インタフェースは人の行為をつくる。あるいは「行為に影響するように物の設計を考えることがインタフェースの設計」と言えるかもしれない。 行為は人の経験をつくる。連続する行為は活動つくり文化をつくる。だからインタフェースは重要である。人にとってこんなに質的で、文化にとっても重要な現象を、なぜもっと注目しないのだろうか。インタフェースに人類の未来があると言ってもいいほどだ。 この文章は、インタフェースやインタラクションだけにフォーカスし、その視点から、それがいかに重要であるかを記述する試みである。 *書いた後に思うことは、僕自身はインタフェースはコンピュータから外に向かっていて、コンピュータの中を操作すためのものじゃないこと。だからこんな発想になる。でもこれはユビキタスコンピューティングや実世界指向など一連の思想の流れの結果だとは思っ

    hiro_y
    hiro_y 2012/04/26
    「人が関わるものすべてにインタフェースがある。そして、インタフェースは人の行為をつくる。あるいは「行為に影響するように物の設計を考えることがインタフェースの設計」と言えるかもしれない。」
  • ミニマリズムUIの課題と対策

    実世界のオブジェクトのような質感を UI に加えることで、使いやすさを向上させるアプローチは 親しみやすさを生み出すことから、インターフェイスデザインによく採用されるようになりました。これとは別にアプリの UI デザインでよく見かけるのが、モダニズムを彷彿させたミニマムなデザイン。装飾を最小限に抑え、グリッドで整理された見せ方になります。 代表的なのが Flipboard や Pulse のようなニュースリーダーアプリ。Textdeux や Sparrow といった仕事に使えるアプリでもミニマムなアプローチをよく見かけます。Instapaper や Read it Later は、すべての Web サイトをミニマリズムに再現できるアプリで、これらも高い支持を得ています。 もちろん、アプリデザインだけではありません。Windows Phone 7、Windows 8 で採用されている Met

    ミニマリズムUIの課題と対策
  • Sexy Button UI Design from Dribbble Members / Design Tickle

    Sexy Button UI Design from Dribbble Members Featured Image credit to Ryan Scherf Buttons are commonplace in the everyday cycle of web design. You need buttons to accomplish small tasks like submitting forms and taking user data. But creating these forms and making them look pretty are two whole different situations. I’ve taken a focus on the latter and have put together a wonderful showcase of Dri

    hiro_y
    hiro_y 2012/03/22
    ボタンいろいろ
  • 『スマートフォンサイトやアプリをデザインをするときに気をつけようと思ったこと。』

    Xperia Ray楽しいです☆ ってただ遊んでるだけじゃないんですよ!! …ということで、 ちっこいスマートフォン、Xperia Rayでサイトやアプリをいろいろ見て気になったこととか思ったことを、今後のデザインに活かすために忘れないうちにメモしておきたいと思います♪ あくまで私の主観ですのであしからず…。 (1)画面の一番下に固定でボタンを出す場合は横5個までならちゃんと押せる →一番下だと指を垂直にぴたっとクリックできるので5個ぐらいまでなら平気。 (2)一番下固定以外ならよほど縦に長いボタン(もしくはクリックできる領域が周辺にない状態)じゃない限り5個並べたら厳しい。せめて横4つまで。 →指の位置的にちょい斜めに押すことが多いし、上下もクリックできるエリアであればそこをさけるようにうまいこと狙わないといけないので4つぐらいまでじゃないと上手く狙えなくてイライラ (3)ようはAndr

    『スマートフォンサイトやアプリをデザインをするときに気をつけようと思ったこと。』
    hiro_y
    hiro_y 2012/03/18
    「ファーストビューにそんなに情報やボタン詰め込まなくても、画面大胆に使って多少デカデカとなっても押しやすい、読みやすいデザインにした方がいいんじゃないか」なるほどなー
  • Windows の新しいデザイン!Metro UI の参考になるサイトまとめ

    こんにちは!デザイン担当の福島です。 Windows 8 Consumer Preview が発表されましたね!Windows Phone 7 でも使われている Metro UI が採用されてタッチパネルを意識したつくりになっています。Nokia で Windows 8 のタブレットがでるとかでないとか。 Windows 8 の新ロゴも発表されて Windows デザインの流れもどんどん変化していきそうです。たのしみですね。 そこで今回は Metro デザインについてデザイナーが押さえておくとよさそうな情報やテンプレートをまとめてみました!わたし個人ではまだデザインしたことがないので、個人的なメモ程度ですが。。何か他にもいい情報があれば教えてください。 そもそも Windows 8 ってなに? 年内には正式版がリリースされるという Windows 8 、Developer Preview

    Windows の新しいデザイン!Metro UI の参考になるサイトまとめ
    hiro_y
    hiro_y 2012/03/17
    Metroの
  • Windows ストア アプリの UX ガイドラインの索引 (Windows)

    Here, you'll find design guidelines and examples for creating Windows app experiences. Windows 11 incorporates Fluent's design language and principles for a cohesive look and feel that's uniquely Microsoft. To get the building blocks for crafting Windows experiences, use WinUI. These components incorporate Fluent's design language, so you can be confident you're building great experiences within t

    Windows ストア アプリの UX ガイドラインの索引 (Windows)
    hiro_y
    hiro_y 2012/03/17
    MetroのUX
  • iOS5.1のロック画面のカメラ起動ボタンにAppleのUIデザインの真骨頂を見た

    iOS5.1では、ロック画面にカメラ起動ボタンが表示されるようになった。 これまでもホームボタンのダブルクリックで表示されるようになっていたのだけど、5.1では電源ボタンやホームボタンのシングルクリックでも表示されるようになった。 これまではなぜホームボタンのダブルクリックが必要だったのか?それは、カメラの誤動作を防ぐためだと思う。 では、電源ボタンやホームボタンのシングルクリックによるカメラ起動ボタンの表示で誤動作を防ぐためにはどうしたらいいか? この問題に対するアップルの答えは上方向のスワイプだった。 カメラ起動ボタンをタップすると、ロック画面が微妙に上にスクロールしてカメラのインターフェースが見える。 そこでユーザーは知る。このボタンを上方向にスワイプする必要があるのだと。 実際にスワイプすると、即カメラが起動する。 誤動作問題の解決。ユーザーに対する新しいUIのclue(手がかり)

    iOS5.1のロック画面のカメラ起動ボタンにAppleのUIデザインの真骨頂を見た
    hiro_y
    hiro_y 2012/03/11
    「誤動作問題の解決。ユーザーに対する新しいUIのclue(手がかり)の示唆。そして、カメラ即起動機能の実現。」
  • 【リクナビNEXT】で転職!

    現在、あなたがお使いのブラウザは、Cookie(クッキー)をブロックする設定になっています。 リクナビNEXTでは、個人情報保護と利便性の観点からクッキーの使用をお願いしています(個人情報収集等の目的では使用しておりません)。お手数ですが、ブラウザの設定を変更してください。

    hiro_y
    hiro_y 2012/03/07
    「オフィシャルのアプリとして、mixiらしい温かみや優しい印象を表現して欲しい。罫線ひとつとっても暗すぎず、淡すぎないように」