タグ

uiに関するnitoyonのブックマーク (170)

  • 平々毎々 (Hey hey, My my) | UIパターン その1

    Martin Fowlerの"GUI Architectures"を訳したので公開しようと思ったのだが、FAQページに「EAA developmentとかDSLなんかは商業出版するんで例外ってことで」と書いてある。面倒だったので翻訳の公開はやめて、「自分の理解を書く」というスタイルにしようと思う。 Fowler氏が説明しているのは 「フォームとコントロール」、「モデルビューコントローラー (MVC)」、「プレゼンテーションモデル」、「アプリケーションモデル」、「モデルビュープレゼンター (MVP)」の5つ。なお、後ろの3つは、どれもMVCの変種だ。 氏のサンプルでは、「アイスクリーム濃度のアセスメント」というネタになっているが、ここでは「BMIによる肥満度判断」にする。実際のところ、動作はほとんど同じだ。 フォームとコントロール よくあるGUIのスタイルというか、VBに代表されるポ

    nitoyon
    nitoyon 2008/10/06
    GUI Architectures(http://martinfowler.com/eaaDev/uiArchs.html) を元ネタにUIパターンを解説。フォーム、古典的MVC→プレゼンテーションモデル、アプリケーションモデル。アプリケーションモデルはBindingを多用するときに参考になる。
  • VistaもFirefoxも使いにくいんだよね、きっと。 - Trans

    直感的に使えるユーザインターフェース?いや、一般ユーザにとってはまだまだ記憶するものなんです。 Windows Vistaは使いにくい 今頃こんなことを言っても仕方がないくらいのですが、Vistaは評判悪いですね。僕はXPユーザですが、周りのVistaユーザからの評価の低さを聞くと、次にPCを買い換えるときは当にUbuntuかMacに心を売ろうかなと思ってしまっています。 さて、でもそれは何もネットを使いこなしているような、いわゆるアーリーアダプターだけが感じていることではありません。最近では周りのシニアの間でもことごとくVistaの評判がよくないのです。 その理由はいたって簡単です。「また新しいことを覚え直さないといけないのか」とのこと。 マイクロソフトは当にユーザビリティの向上に積極的です。ユザビに携わる者であれば、一度くらいはそのラボとかを見てみたい!と思わせてくれます。例えば、

    VistaもFirefoxも使いにくいんだよね、きっと。 - Trans
    nitoyon
    nitoyon 2008/10/05
    「直感的=使いやすい」とはならない例。慣れとの戦い。
  • 別の意味で立体的に見える立体駐車場 - ライブドアニュース

    立体駐車場だから立体なのは当然ですが、別の意味でも立体に見える駐車場がありました。 いったいどういうことでしょうか。 でかでかと「IN」と書いてありますが… そうです、入り口から見たときだけ読める、立体文字になっています。 出口もこのとおり。かなり正確に計算されていますね。 下のフロアに空きがあっても、上に行ってみたくなります。 殺伐とした駐車場も、こういう仕掛けがあると楽しくなりそうですよね。 アングルが変わるとこんな感じに。 「 」を見ると立体絵の凄さが実感できると思います。 より 関連記事

    別の意味で立体的に見える立体駐車場 - ライブドアニュース
    nitoyon
    nitoyon 2008/08/04
    疑似立体。見とれて駐車中の車に衝突しそうだ。
  • マイクロソフト - PressPass ホーム - 製品画像ダウンロード

    すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画テレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W

    nitoyon
    nitoyon 2008/07/26
    最後の長音を伸ばすように修正。ドライバー、バッファー、ブラウザー…。違和感あるのは技術畑だからか…。
  • Touch-DS.jp - 社長が訊く 『リズム天国ゴールド』

    岩田 さて、まずは、前作の話から始めましょうか。 2006年の夏にリリースされた ゲームボーイアドバンス版の『リズム天国』は、 正直、発売前の段階では あまり注目されていなかったにも関わらず、 たいへん多くの方に受け入れられました。 このシリーズの中心的存在である大澤さんは、 発売当時、どのように感じましたか? 『リズム天国』(ゲームボーイアドバンス用ソフト) 2006年8月3日発売 大澤 (企画、ディレクション、プログラム担当) みんなに楽しんでもらえるのかな・・・・・・と。 そこが、すごく不安だったんです。 譜面的なガイドが画面に出てこない、 新しいタイプのリズムゲームでしたから、 わかる人にしかわからないんじゃないかなと。 もちろん、そうならないように 気をつけてつくったつもりだったんですが、 世に出てみるまではわからなくて・・・・・・。 ドキドキし

    nitoyon
    nitoyon 2008/07/18
    任天堂の物づくりの過程。求道者・大澤さんがすごくよいキャラ。それで実績を残してるんだから、本人も周りもすごい。
  • ゲーム中のかっこいいインタフェース集 - Inside Apricot

    個人的になメモもかねて、ゲーム中のかっこいいインタフェースを集めてみました。 随分と偏りがありますが... (追記) 「Cold of Duty 4」とおまけで「斑鳩」を追加しました。 Wipeout XL シグノシスという会社がつくったレースゲーム。 The Designers Republic(→http://www.thedesignersrepublic.com/)をはじめて知ったきっかけがこれ。とにかく衝撃的。 そういえば、テクノのCDを漁るきっかけを作ったのもこれがはじまりだったっけ。 Wip3out (Wipeout3) Wipeout3作目。もちろんThe Designers Republicがインタフェースなどを担当。全てが洗練されていてヤヴァイ。 インタフェースとは関係ないけど、未だこれを超えるWipeoutはないと思う。 R4 ナムコのR4。この時代のナムコは間違いな

    ゲーム中のかっこいいインタフェース集 - Inside Apricot
    nitoyon
    nitoyon 2008/06/04
    PS2時代(?)のゲームのUI。
  • DimP - A Direct Manipulation Video Player

    DimP is a video player prototype that allows to browse video clips by directly manipulating their content. The way it works is quite simple: DimP automatically extracts object motions from the videos. DimP then allows the user to control video playback by scrubbing these objects on their trajectories. Videos Longer video with explanations. [youtube]   [download] Demo You can download DimP for free

    nitoyon
    nitoyon 2008/05/25
    動画中の物をドラッグして巻き戻し・早送り。(関連)http://www.ideaxidea.com/archives/2008/05/dimp.html
  • ビープが鳴るのは仕様です - Radium Software

    The compatibility constraints of your side effects: Beeping - The Old New Thing Windows XP では,起動直後の「ようこそ」スクリーンでスペースキーを押すと,ビープ音が鳴る。これは,無効なキー入力が行われた際のデフォルトの挙動であって,意図されたデザインではない。 Windows Vista では,「ようこそ」スクリーンの構成が変更されていて,スペースキーを押してもビープ音が鳴ることは無い……少なくとも,ベータ版まではそうだった。 Vista のベータテストの実施中に,あるベータテスターから「『ようこそ』スクリーンでスペースキーを押してもビープ音が鳴らなくなったのはなぜか?」という問い合わせがあった。 意図的に削ったわけではなく,仕様変更によって生じた些細な副作用のひとつに過ぎない。でもなぜそんなことを,

    ビープが鳴るのは仕様です - Radium Software
    nitoyon
    nitoyon 2008/05/20
    バグを便利と思う人も一定数いる。害がないなら仕様にしちゃえ。
  • ワラノート - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

    nitoyon
    nitoyon 2008/04/29
    マリオをインタビュー風に。わきあいあいな現場のアピールとそのうさんくささ。
  • [ブクシィ]

    03:02 「GoToトラベル」が実質的に富裕層への再分配のようになっている件 - しいたげられたしいたけ 01:48 滝沢ガレソ on Twitter: "【悲報】Twitterのバグにより、つるの剛士さんの非公開リストが閲覧できる状態に ↓ 新興宗教「幸福の科学」関係者のみを集めたリストが発見される ↓ つるの・エル・カンターレ・剛士へ list:@takeshi_tsuruno… https://t.co/oXOLW8u14T" 00:40 『あだち勉物語』~あだち充を漫画家にした男~ 23:54 安倍首相、約1カ月ぶり夜の会 コース完しワインも:朝日新聞デジタル 22:57 『銀英伝をリメイクするなら、男女役割分業の描き方は変更すべき(ヤンの結婚後の家庭生活など)』…という意見で議論 - Togetter 21:21 阪急電車への一礼、やめます 宝塚音楽学校が不文律廃止:朝日新

    nitoyon
    nitoyon 2008/04/16
    見た目の変更だけなのに、殺伐感がなくなる。おもしろ。 via http://www.akiyan.com/blog/archives/2008/04/post_110.html
  • ユビキタス時代のユーザーインターフェース - 増井俊之 (application/pdf オブジェクト)

    アクセスが集中しているか、サーバメンテナンス中です。 しばらく経ってから再度アクセスしてください。 時間をおいてもアクセスできない場合には以下をお試しください。 ・URLに誤りがないか確認する ・トップページから再度アクセスする ・ブラウザ、または端末を再起動する

    nitoyon
    nitoyon 2008/04/08
    増井さんのユビキタスコンピューティングについての記事。 インデックスは http://www.moba-ken.jp/activity/msr/10.html
  • ゲームの右と左 マリオはなぜ右を向いているのか - 最終防衛ライン3

    *ここでのゲームテレビ、ビデオ、コンピュータゲームを指す *長文なので、なげーよ!論点まとめろよって人は、味も素っ気も無いけど 簡略版 へゴー 島国大和のド畜生 物語の進行方向について(日漫画のメリットとか) 「チキチキマシン猛レース」は常に右から左に向かってレースをしているのだ。 物語は舞台の上手(かみて)から下手(しもて)、つまり右から左に進むのが洋の東西を問わず一般的。映画などでも、主人公は上手の右、敵役は左にいる。主人公は右から入場し左へと退場していく。つまり、物語は「←」と右から左へ進行する。縦書き右綴じな日漫画は「←」で右から左に物語が進むが、横書き左綴じの西洋の漫画は「→」と左から右に進む。日漫画は左右が映像のロジックと一致しており大変読み易いと言える。 しかし、ゲームは「→」と左から右へ進行する。スーパーマリオブラザーズを始めとする横スクロールアクションやグラデ

    ゲームの右と左 マリオはなぜ右を向いているのか - 最終防衛ライン3
    nitoyon
    nitoyon 2008/03/30
    スクロール方向の理由を考察。長文。
  • ECサイトの画面設計--男と女、買い物の行動パターンはどう違う?:マーケティング - CNET Japan

    便利さ、手軽さから、オンラインショッピングは今や私たちの生活の中に深く浸透しています。そして「売れるオンラインショップ」を目指して、各Eコマース(EC)サイトが凌ぎを削っています。ECサイトの構築にあたって、まずはそのショップのターゲットを設定し、それぞれの攻略方法を考えることが大切です。攻略方法を考えるには、ターゲットユーザーのサイト内行動を知る必要があります。 ここで1つの疑問が浮かびます。はたして、男性と女性で、ECサイト内の行動に違いはあるものなのでしょうか。 「楽天市場でギフトを買ってください」 今回のアイトラッキング分析では、「ECサイトにおいて男女の行動に違いはあるのか」を検証すべく、以下のテストを行いました。対象サイトは、日最大のECサイト、楽天市場としました。 対象サイト:楽天市場 被験者:オンラインショッピング経験のある20代〜30代男女、各3名 タスク:バレンタイン

    ECサイトの画面設計--男と女、買い物の行動パターンはどう違う?:マーケティング - CNET Japan
    nitoyon
    nitoyon 2008/03/29
    男だけど特集のバナークリックするよ!というのはいいとして、面白い分析。 男女の質の捕らえ方の違い。お得感・実績に注目する男性、コンセプト・ブランドに注目する女性。
  • +Phun.jp+ Phun日本語解説サイト | トップ

    This domain may be for sale!

    nitoyon
    nitoyon 2008/03/25
    物理シミュレーションソフト。Windows 版と Linux 版。UI が直感的なのが売り。ソースは非公開。http://phun.cs.umu.se/wiki (関連)http://www.nicovideo.jp/watch/sm2364169
  • Domain Default page

    If you are seeing this message, the website for is not available at this time. If you are the owner of this website, one of the following things may be occurring: You have not put any content on your website. Your provider has suspended this page. Please login to to receive instructions on setting up your website. Plesk is a hosting control panel with simple and secure web server and website manag

    nitoyon
    nitoyon 2008/03/21
    さくさく。大量データの見せ方。 触りたくなる仕組み。言語選択で迷わせない。
  • なぜ動画はOKでFLASHはうざいのか - kokokubeta;

    業界人(?)としてFLASH全般には比較的寛容な私でも、多くの場合「FLASHって冗長」「FLASHうざいな」と思う。時間がかかるという意味では、Youtubeなどの動画と同じなのだが、動画と違うのは早送り・巻き戻しが自由じゃないことだろうか。あと、FLASH全編が何分あって、いまどこなのかという情報もない。加えて言うなら、このFLASHはなんなのかという情報が(動画に比べれば)少ないかもしれない。この「見通しのきかない感」「コントロールできない感」は重要かと。しかしこの態度はやはりWebに特徴的なものだと思う。テレビを見ているときにはあまりそんなことを感じない。もともと暇つぶしで見ているものなので。大きく言えばネットも暇つぶしなのだけれど。しかし、ネットはコンテンツに対する視聴者のコントロール可能感を高めたと思う。そんなネット親和性の高いユーザーから見れば、CMウゼー、続きはCMの後でウ

    なぜ動画はOKでFLASHはうざいのか - kokokubeta;
    nitoyon
    nitoyon 2008/03/21
    「コントロールできない感」にうざさを感じる。
  • B3 Annex: Appleエンジニアが語る、Appleがデザインプロセスで行っている4つのコト

    毎年恒例のSXSWは結局、女性雑誌記者による若きFaceBook CEO Mark Zuckerbergとのステージトークが不満足なもので終わったという話題だけが目立ち、なんだかな、と思っていたら、ちょっと面白い記事が出てきた。 これは、AppleのシニアエンジニアリングマネジャーのMichael Lopp氏がSXSWのパネル"Blood, Sweat, and Fear: Great Design Hurts"で語ったものをBusinessWeekがまとめたもの。クリエイティブをどのようにマネジメントしているかが垣間見れる。 以下は、例によってB3 Annex抄訳。 Apple's design process by Business Week 完璧なモックアップを作る(Pixel Perfect Mockups)手間と時間はかかるが、早い段階で、「完璧なモックアップ」を作ることで、すべ

    nitoyon
    nitoyon 2008/03/18
    試行と思考。理想の確認。
  • Home | Myjobsearch.com | Job Information & Resources

    One-stop-shop for Resumes & Jobs The Ultimate Career-Ready Resumes & Jobs Learn about the best careers for you, or save time and land more interviews with easy to edit professional resume templates.

    Home | Myjobsearch.com | Job Information & Resources
    nitoyon
    nitoyon 2008/03/17
    インターン格付けサイト(?)。単色を効果的に使ったわかりよいUI。Web 2.0っぽい色使いなんだけど、グラデーション使ってないから斬新。Flash や Ajax の使用も最小限に抑えていて、よく練られている。
  • Foued Azzoune

    Hello, I’m an ui and ux designer with more than 10 years of experience working with companies and startups from various sectors, crafting unique digital experiences and products.

    Foued Azzoune
    nitoyon
    nitoyon 2008/02/28
    回転するカーソル。拡大縮小。
  • すばらしいソフトを作るには、カリスマが講演 ― @IT

    記者という職業柄、これまで非常に多くのプレゼンテーションを見てきたが、プレゼンテーションの1枚目が半裸の女性モデルの写真だったのは初めてだった。 2月13日、14日の予定で東京・目黒で開催中の「デベロッパーズ・サミット2008」で講演したFog Creek Softwareの創業者でCEOのジョエル・スポルスキー(Joel Spolsky)氏のプレゼンテーション「Joel on Developers Summit――素晴らしいソフトウェアを作るということ」は、型破りに楽しく、なおかつソフトウェア開発者にとって示唆に富む内容だった。 スポルスキー氏は米マイクロソフトのExcelチームで、Excel用マクロ言語を、後にVBAと呼ばれることになるモダンなオブジェクト指向言語に置き換える仕事でプログラムマネージャを務めたことがあるなどソフトウェア開発のベテランだが、エッセイの書き手としても名を馳せ

    nitoyon
    nitoyon 2008/02/16
    機能が豊富だからといっていいとは限らない、操作してる感、見た目が重要。