http://www.designwalker.com/2009/08/user-interface.html
ボードゲームとして「将棋」をデザインする
緊急告知 夏休みイベント：「将棋を楽しもう」を開催します 外国人や初めての人にも分りやすくデザインしたユニバーサル将棋盤で、ボードゲームとして魅力的な『将棋』を楽しむ集いです。 女流プロ棋士の「北尾まどか」さんが来場されます。将棋に挑戦できますよ。 日時：8月２２日（土曜日）午後１時〜４時 場所：昭和レトロ商品博物館（JR中央線青梅駅下車3分） http://showa-retro.omjk.jp/ 詳しくはこちらのチラシをご覧ください。 事の始まりは2009年のゲームマーケットでお会いした女流プロ棋士の「北尾まどか」さんから、外国人にも受け入れ易い将棋ボードをオリジナルで作るご相談を受けたことでした。彼女には既に自分の頭の中におおまかなデザインイメージがあるとのことでしたので、後日お話しましょうということになりました。 こういう命題が与えられると自分でも作りたくなってきたので
色覚異常によるカラースターの色の見え方 - no.10
はてなスターの色つきバージョン、「カラースター」が開始されて一週間。 ホッテントリに入っている良エントリーにカラースターが付けられているのも、ちらほら見かけるようになりました。 このカラースターに言及しているエントリーを見まわっていたら、一つ、気になる記事を発見！ 面白いと思うけど，これ，赤と緑が見分けづらいのだが。 どこまで赤でどこから緑か，画面に顔を近づけないと分からない。 記事元：カラースターの赤と緑が見分けづらい - 安眠アダージェット これは不便だろうなーと思って、どんなふうに見えるのか調べてみることにした。 検証方法 ソフト：富士通が提供している「Color Doctor」を利用。 画像：カラースターショップのトップ画像。（本当はカラースター全部が付けられている記事で検証したかったけれど、見つけきれなかった。） 色覚異常の知識： Wikipedia の色覚異常を参照。他には、色
サイトマップをフッタに配置する際のポイントとその効果
サイトマップを独立したページとしてではなく、フッタに配置する際のポイントとその効果をWeb Designer Wallから紹介します。 Modern Sitemap and Footer 下記は、その意訳です。 昔はほとんどすべてのウェブサイトで、コンテンツをリストアップしたサイトマップを独立したページとして設置していました。 サイトマップの重要な目的は、ユーザーや検索エンジン（スパイダー）がサイト内の情報を探し出すのに役立つことです。 現在は、多くのモダンなウェブサイトでサイトマップページを設置していません。代わりに、サイトマップをフッタに配置しています。 サイトマップをフッタに設置する効果 クリック数やページビューの増加 ユーザーはページを隅々までじっくり見るわけでなく、スクロールしながらざっと見ることがほとんどです。 そして、多くのユーザーがスクロールして最後に見る場所は、フッタです
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
【レポート】MIX09 - MicrosoftはなぜWindows 7の大規模パブリックβを実施したのか? | ネット | マイコミジャーナル
Microsoftの次期クライアントOS「Windows 7」がリリースに向けて順調にベータプログラムをこなしている。Windows Vistaから一転、発売前からユーザーの期待感が高まっている理由の1つはベータ・プログラムの進め方にある。以前のMicrosoftは、最終的な形になるまで開発中のWindowsの情報を共有・公開しなかった。ところがWindows 7では大規模なパブリックベータを展開し、ユーザーの声を積極的に製品開発に取り入れている。ユーザーを巻き込んだ開発プロセスは透明感があり、ユーザーの期待感にもつながっている。 おそらくMicrosoftがユーザーの"利用体験"を製品開発に取り入れたのはOfficeが最初だろう。それがWindowsに広がり、そしてMicrosoft全体の姿勢になりつつあるようだ。その変化はMIX09にも現れていた。今年のテーマはずばり"エクスペリエンス
Login Form Design Patterns - a photoset on Flickr
Explore this photo album by Chris Messina on Flickr!
グーグルのビジュアルデザイン責任者が退職--データ中心主義に嫌気
Googleでビジュアルデザインの責任者を務めていたDouglas Bowman氏が退職する。同社ではウェブページの詳細なパフォーマンスデータが重視されており、こうした状況が一因となっているようだ。 同氏が退職について複雑な思いでいるのは明らかだが、好ましからざる点の指摘に遠慮はない。Bowman氏は米国時間3月20日付けのブログ投稿で次のように述べている。 技術者が溢れている企業では、問題を解決するため工学技術を頼りにする。問題を単純で論理的なものに還元し、主観をすべて取り去ってデータだけを見る。やがて、データがあらゆる問題解決を支えるようになり、企業を麻痺させ、斬新なデザインの決定を妨げる。 そう、Googleでは2種類の青色のいずれかで決めかねたら41の中間色をテストして最もパフォーマンスのよいものを選ぶというのは事実なのだ。先日、境界線の幅を3ピクセル、4ピクセル、5ピクセルのいず
あのFlashサイトのUIをjQueryで作る (1/5)
「見た目に美しく、ユーザーに楽しさや心地よさを与えるUIを作りたい」 そう考えたときに参考になるのが、Flashで制作されたWebサイトです。最近では、JavaScriptによるリッチなUIを持つWebサイトも増えてきていますが、長年、さまざまなUIが実験的に生み出されてきたFlashの世界には、まだまだユニークなサイトが多くあります。 たとえば、今回紹介する「ハーズ実験デザイン研究所」のWebサイトは、フルFlashで制作された“楽しい”コーポレートサイトです。同社が手がけてきた過去の作品を、時間の経過とともにゆっくりと切り換えていく様子は、まるで1本の映像作品を見ているよう。メニューのちょっとした動きひとつをとっても、ユーザーを楽しませようという意図が感じられます。 Flashサイトのような美しくて楽しいUIを、JavaScriptでも作れないか――それが今回のテーマです。 今回のお手
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
Expired
Expired：掲載期限切れです この記事は，ロイター・ジャパンとの契約の掲載期限（30日間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
ModalBox ― An easy way to create popups and wizards
On May 3rd, we shared that we sold Postmark and DMARC Digests to ActiveCampaign. For some of you reading, this will come as quite the surprise. As you can imagine, this decision was incredibly important and personal, taking nearly a year of soul searching and questioning. First, a few important points: The entire team at Wildbit was offered a position with ActiveCampaign, regardless of whether the
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
デザイン性に優れたCSSメニュー集:phpspot開発日誌
Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。 これは、と思うようなかっこいいＣＳＳメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。 参考にクールなメニューを作ってみましょう。 関連エントリ クールなナビゲーションメニューを作成するCSS＆HTMLサンプル アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 J
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
[CSS]フォーム要素に半透明のナビゲーションを重ねるスタイルシート
ブロック組むだけでフォントを作れる「FontStruct」（無料） | ライフハッカー・ジャパン
gooランキング - あらゆるものをランキングで紹介！ランキングの総合サイト
