ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです, 元々は社内勉強会の資料として作成しました 死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてあります より実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っていますRead less
![ニコニコ超デザイン-Metro考察編-](https://cdn-ak-scissors.b.st-hatena.com/image/square/d28cdd7614215564bb312860602681f4043a00a3/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fmetro-120504055258-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです, 元々は社内勉強会の資料として作成しました 死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてあります より実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っていますRead less
個人情報の取り扱いについて 本サイトでは、個人の氏名・生年月日・性別など、個人を特定できる情報や、お問い合わせ内容をeメールもしくはWEBサイトのフォームによりご提供頂いております。 その際には、事前に利用目的、第三者への提供の有無、外部委託の有無など、定められた事項を明示した上に、お客様がご同意いただけたことを確定する手順を経て、ご送信いただける手続きを取らせていただいております。 個人情報に関するお問い合わせや、開示等に関する手続きは、「大伸社の個人情報取り扱い」を参照いただき、「問い合わせ窓口」へお問い合わせください。 クッキー(Cookie)*につきまして 当社は、お客様によりよいサービスを提供するために、クッキーを使用することがあります。 クッキー情報を利用されたくないとお考えの場合は、ブラウザの設定により、クッキーを無効化することができますが、ウェブサイト閲覧の利便性などが低下
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス&PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
ゲームの UI 研究@java-ja onk (大仲 能史) 所属:株式会社ドリコム blog:http://onk.blog.drecom.jp/ twitter:http://twitter.com/onk/ tumblr:http://onk.tumblr.com/ よろしくお願いします ゲームと Web の共通点 大きく2つ マニュアルを読まないユーザ層 ゲームの場合 ゲームセンターをベース としているのが原因 web は…… なんで読まないんだろう? マニュアルの分厚さ('A`)? マニュアルを読まなくても 操作が分からなくてはいけない ゲームはホントにこれが上手い 2つめ 長時間の連続操作 これが家電と ゲーム / web との 大きな差 だからこそ ユーザをハメる演出 が必要 この点で ゲームは2歩も3歩も 先を行っている
This is a tumblelog, kinda like a blog but with short-form, mixed-media posts with stuff I like. Scroll down a bit to start reading, or a bit more to read more about me. pdl2h: WVV Timetable on the Behance Network ドイツのヴュルツブルグという都市の交通機関のために作られた時刻表。一般的なテーブル形式ではなく、アナログ時計を模した表記方法。 黒い四角がMontag-Freitag(月曜から金曜)、緑の三角がSamstag(土曜)、水色の丸がSonntag(日曜)をあらわしている。
37 signalsで、Lightboxの是非というか議論がありました。 Been lightboxed lately? 個人的には、スクリプト自体は好きですが、設置するのはどちらかというと否定的です。 もちろん、写真のギャラリーなどにはかっこいいと思います。 とはいえ、当サイトでも画像拡大系のスクリプト(Highslide JS)を使用しています。 例:Highslideの実装ページ 使用している理由は、サイトのレイアウトに依存せず大きい画像(関連画像)が掲載できるためです。 また、背景一面がブラックにならずに、コンテクストが失われにくいためです。 以下に、上記サイトで議論されているそれぞれのいい点・悪い点を列挙してみました。 今度、クライアントに設置の依頼を受けた際にでも、再考しようと思います。 ポップアップウインドウよりいい。 ギャラリーなどには適している。 別ウインドウや別ページに
バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) November 6, 2007 3:41 PM written by Gen Taguchi ※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員(月額300円)があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告=邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキスト
Twitterでちょっと盛り上がったのではてなにもメモ。あまり見かけない意見なので書いておく。 ※追記したけど、サービスのなかでも設定を無効にすることができるものも多い マウスオーバーすると、リンク先のサムネイルを表示するJavascriptがあるんだけど、あれが役立ったことないんだよなー。その割には鬱陶しいので、だから、自分で導入する気はないし、できたら他のブログで導入して欲しくない。 サムネイル画像を表示すれば、閲覧者が興味を持ちやすくなるだろうという発想から生まれているんだろうけど、特殊なWebサービスで画面が特徴的だとかならまだしも、他ブログにリンクしている場合、ブログのサムネイル画像はそれほど特徴的でないので、そんなに役立つことはない。ブログの場合、閲覧者に関心を持ってもらうのなら、サムネイル画像よりも記事の中身を引用するほうがいいだろう。 ブログの記事が文字だけで素っ気ないから
一日アドエス(という略称が一番定着しているのかな?)を使ってみました。初代W-Zero3からずっと使っているので、だいたいの操作は理解できるのですが、評価するからにはもう少し使い慣れないと、と思い、風呂にも持ち込み、寝る時も枕元に置いて、とりあえずいろいろ使ってみました。 僕はiPhoneも持っているので、どうしてもiPhoneとの比較になってしまう部分もあり、インターフェイスに関しては不満が消せません。ほとんどはWM6のあまりの完成度の低さが原因ですが、一部アドエス本体の問題もあります。 ハードウェアの問題としては、やはりスタイラスを収納できない、というのがあります。付属のクリップみたいなスタイラスもどきは、正直常用に耐えないし、あれで操作する事を前提にアドエスの操作感を評価するなら点数は絶望的に低いです。キーボードとエクスクロールだけで操作できるのかとも思ったのですが、一日使ってとても
第1章 デザイン工程 本章はどのようにしてあなたのソフトウェアに最高のデザインを選択するかについて、いくつかの基本的な秘訣を提供します。優れたソフトウェアデザインには、あなたのユーザの要求に対する慎重な分析を伴います。結局のところ、あなたの製品を実際に使用するのは彼らなのです。彼らの要求を見分け、これらの要求に合致する手段を見つけることは、デザイン工程における重要な最初の一歩となります。 デザイン工程にユーザを関わらせる あなたの製品を、目標とする視聴者の要求にしっかりと合致させるための最善の方法は、あなたのデザインをユーザの精査にさらすことです。デザイン工程のすべての段階においてこれを行うことで、あなたの製品の機能は正しく動作し、改良の必要があるのかという点を明らかにする指針となります。 人々にあなたの製品(の試作品)を試用する機会を与えるとき、あなたはデザイン段階の初期では予想もしなか
passclicks Passclicks is a new way to login to websites without users having to remember thir old style textual password. 画像による認証のサンプルが公開されているサイトを発見。 まずこの写真から5つのポイントをクリックして覚えておきます。 5つクリックすることでパスワードを生成します。 5クリックすると画面が遷移するので、ログインページに移動して試してみましょう。 ログインには10回のクリックが許されていて、生成時にクリックした5つの位置をまんべんなくクリックしてあげましょう。 ログインが成功するはずです。 ビジュアルパスワードを使うことで、テキストによるものよりも人間が覚えやすい仕組みを実現できますね。 仕組みとしても斬新で、ちょっと感動しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く