タグ

UIに関するayustetのブックマーク (23)

  • ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ

    2012年上半期、チェックしておきたいUIデザインをdribbbleから紹介します。 ほとんどのものがPSDファイルをダウンロードできるので、勉強になりますよ。

  • まとめ:モバイルUIデザインギャラリー7撰 Zen Startup

    スマフォのアプリがスタートしてまだ4年足らずだが、アプリ市場は急激に成長しており、世界中のビジネスパーソンが、アプリ開発で一攫千金を狙っている。では、アプリ成功の鍵とはなんだろうか。僕は現在ヒットしているアプリをリサーチすることと、UIデザインの2つが特に重要だと考える。 モバイルアプリのUIデザインは、パソコンやタブレットと比べて画面が小さいため、今までとは異なった「限られたスペースで行う使いやすいデザイン」が重視される。例えば、広告スペースや、会員登録ボタンのデザインも慎重に検討しなければなれない。表示するコンテンツのボリュームも最小限に留めるべきである。 では、どうすれば「使いやすいデザイン」を生み出せるか。それは海外のヒットしているアプリを徹底的に試してみることだ。例えばFacebookアプリやPathアプリは絶対に参照したほうがいい。 今回は「絶対に抑えておきたいモバイルUIデザ

    ayustet
    ayustet 2012/07/02
  • Elect-LO-nica Compilation | Bunkaikei Records

    About : Elect-LO-nica Compilation 言わずと知れた『COMIC LO』(茜新社)の人気漫画家でありQuasar名義での音楽活動でも活躍中の東山翔氏。そしてwebを媒介に無料で音楽を配信するネットレーベルのひとつ「分解系レコーズ」の主宰およびニコニコ動画でのマニアックな活動などで知られるGo-qualia氏との異色のコラボによるロリータ専門雑誌「COMIC LO」のインスパイアコンピレーション『Elect-LO-nica Compilation』ついに解禁。 「少女とエレクトロニカ」をテーマに個性溢れるアーティスト達が各々の思い描く「Elect-LO-nica」を奏でる。 ほんの思いつきによる冗談めいたツイートがいつしか格的なプロジェクトに発展してあげくは公式公認?にまでなってしまったというまさにtwitterならではのエピソードはさておき、ジャンルやシーン

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    ayustet
    ayustet 2009/12/29
  • fladdict.net blog: アフォーダンスってなんザンス?

    デザイン業界で一時期大流行だった「アフォーダンス」という言葉なんですが、聴いたことはあるけど意味となるとイマイチ「?」、って人は多いんじゃないでしょうか。 そもそも混乱が起きるのは、生態心理学用語のアフォーダンスと、勝手デザイン用語のアフォーダンスと言うのは指し示すものが違うからです。さらに事態をややこしくしているのは、深沢直人氏や佐々木正人氏がデザインを語るときに使うアフォーダンスは、正統な方のアフォーダンスだったりします。おかげで意味が大混乱。 自分の復習もこめて、そんなアフォーダンスの話。 そもそもアフォーダンスというのは、生態心理学者ギブソンが提案した、「行為者とモノとの物理的な行為の関係性」を示す造語です。 例えば、僕と椅子の間に「僕が座ることができる」という関係性があるときに、両者の間に「座れる」というアフォーダンスが存在する、あるいは「椅子が座るという行為をアフォードする」と

  • CBCNET > Dots & Lines > 野澤 智 > 4. PUIとTUI:身体性と次代のユーザーインターフェイス

    前回はゲーム歴史を振り返りながら、没入感と身体性の関連性についてみていきました。映像表現が高度化する中で、ユーザの没入感を増大させるため、身体性が再び重要度を増している現状がありましたが、それを裏付けるかのようにその後のE3 2009では噂通り身体性をインターフェイスとする新しいコントローラが発表されました。 これらはもちろん、ゲーム機用のコントローラですが、今回は、コンピュータやウェブのインターフェイスとして身体性はどのように取り込まれているのかを見ていきたいと思います。 コンピュータやウェブのインターフェイスとしては、その名の通り、机の上のメタファーとしてのデスクトップに配置されたボタンやアイコン、それをマウスによるクリックとキーボードによる文字入力でコントロールしていくというGUI+マウスとキーボードというのが、初代マッキントッシュがブレイクして以降今日まで35年間不動の地位を築い

    ayustet
    ayustet 2009/08/08
  • Engadget | Technology News & Reviews

    Apple's thinner new iPad Pros feature an M4 chip and "tandem" OLED displays

    Engadget | Technology News & Reviews
    ayustet
    ayustet 2007/12/25
  • iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル

    iPhoneのユーザーインタフェース(UI)は確かにかっこいいが、進化の仕方があまりに西洋的。もっと日的なアプローチがあるんじゃないか」 11月15日、「Web2.0 Expo」の講演でこう話したのは、チームラボの猪子寿之社長だ。同社は、検索エンジン「SAGOOL」など独自サービスを展開する一方、「iza!」(産経デジタル)、「ワッチミー!TV」(フジテレビラボLLC)、サントリー公式サイトのサイト内検索機能、日立「Wooo」のトップページFlashなどを構築。UIとデザイン、検索・マッチング技術に強みを持つベンチャーだ。 「UIは、しょうがない奴だと思ってる」と猪子社長は言う。例えば携帯電話のボタン。電話をかけたり、携帯サイトを見るには何度もボタンを押さなくてはならないが、ユーザーはボタンを押したい訳ではなく、電話で話したりサイトを見たいだけ。つまり「ボタン」というUIは「仕方ないか

    iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル
    ayustet
    ayustet 2007/11/20
  • BumpTop Prototype - HoneyBrown.ca

    ayustet
    ayustet 2006/06/22
    3Dインターフェース
  • マルチタッチスクリーンLemurが凄すぎる件 | fladdict

    jazzmutant社が開発したLemurというマルチタッチスクリーンが凄すぎる件について。 とりあえず、梅酒吹いたのでなにはともあれビデオ見れ。(注、ウチのFFでは落ちたのでIE推奨)。 ビデオを見る限り、YouTubeで一斉を風靡したCrazy Multi-Input Touch Screenと同じように見えるけど、大きな違いが2点。それは、こいつが市販されてるってことと、付属ソフトウェアでUIをカスタマイズできるってこと。 ついでにデータの出力プロトコルがOSC(次世代MIDIみたいの)なので、Java・・・というかprocessingやmax mspで簡単に読みとれるんですぜ!? FlashOSCとか使えばおそらくFlashでも使えます。ヤバイって絶対ヤバイよコレ。 ちなみにお値段はおよそ3228万円。 もうちょっと安ければ個人輸入するんだけど・・・ via v3ga

    ayustet
    ayustet 2006/06/21
  • デジタルデバイドとユーザーエクスペリエンス

    CNetのブログに「ユーザー・エクスペリエンスとパーベイシブ・アプリケーションの世界」というエントリーを書きつつ考えたことがあるので、今日はそれに関するエントリー。テーマはデジタルデバイドである。 デジタルデバイドとは、さまざまなデジタルデバイスやネットワークの恩恵を受けられる人と受けられない人の間に大きなギャップが生まれることを指す(参照)。ギャップが生まれる原因には、所得、地域、年齢、教育の違いなどさまざまなものがある。「所得・地域格差」に関しては、私のようなエンジニアに何が出来るわけでもないので口を挟むつもりはないが、「年齢・教育」に関しては言いたいことが山ほどある。 この手の議論の際に「デジタルデバイドを解消するために人々の情報リタラシーを高めよう」などという発言を聞くことがあるが、私はこの「○○リタラシー」という言葉が大嫌いだ。もともと「リタラシーがない」とは「文盲である」という

  • 秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね

    via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日語カレンダーなんかも、いい感じで再利

    ayustet
    ayustet 2006/02/15
    Yahoo! UI Library
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    ayustet
    ayustet 2006/02/09
    落書きするとそれに似たFlickrの写真を自動でとってきてくれる
  • ユーザインターフェイスのパターンランゲージ - モジログ

    UI Patterns and Techniques http://time-tripper.com/uipatterns/ これは素晴らしい!ソフトウェアのユーザインターフェイスでよく使われるさまざまなパターンをまとめている。 「Overview Plus Detail (全体に加えて詳細)」、「Alternating Row Colors (行の色を変える)」、「Sortable Table (ソートできるテーブル)」など、誰でも見覚えのある「慣用句」を多数集め、実例を引きながら解説している。 これの著者、Jenifer Tidwellのサイトによれば、この内容が9月にオライリーから書籍で出るらしい。ユーザインターフェイスの方法論はまだ少ない気がするので、これはかなりヒットするのでは。 ちなみに、このサイトの元になったのは、著者による以下の研究のようだ。 COMMON GROUND :

    ayustet
    ayustet 2006/01/17
    ソフトウェアのユーザインターフェイス
  • UIEngineが生み出す新しい家電のコンテンツサービス

    --親会社にスクウェア・エニックスを選んだ、その魅力は何ですか。 今は、いろんなものが重なってきている時代です。スクウェア・エニックスのようにコンテンツを作る会社、ドコモのようにネットワークを提供する会社、また、ISPやポータルサイトなどのいろいろなプレイヤーがいて、ある部分で戦いながらも、共存しています。でも、ポータルにしろISPにしろ、長い目で見るとコモディティ化してしまうので、これから集客がキツくなってきます。 たとえばドコモはiメニューというポータルと課金機能を持っている点に強みがあるわけですが、この状況が長く続くとも思えない。そういったときにブランドを持っていてコンテンツにファンがいるのは、やはり強い。 米国で顧客であるDisneyもそうですが、スクウェア・エニックスも強いコンテンツを持っていて、ユーザーと密に繋がっているわけです。この魅力はすごいですよ。ファミコンにプレステが勝

    UIEngineが生み出す新しい家電のコンテンツサービス
    ayustet
    ayustet 2006/01/06
    音楽とゲームの境界線もあいまいに
  • 目的合理的な思考がイノベーションを生む

    シリコンバレーは今日は曇りのち雨で、肌寒い。完全に雨季が始まったようだ。これから3月迄、当地は雨模様の天気が続く。 さて、サイボウズ・ラボの秋元様よりトラックバックを頂いた。新たなソフトウェアの考案・設計にあたって現実社会のメタファから脱却する必要性は、まさにご指摘の通りだと思う。当方も10月27日のエントリでちょっと触れたが、アプリケーションの設計にあたって現実社会のメタファの呪縛から思考を如何に解き放つかが、イノベーションの要だと思う。目的合理的に思考することがポイントだろう。 ソフトウェアによって、誰の生産性をどうやって向上させたいのか。新たな技術は何を可能にするのか。情報をやりとりして何らかの業務のゴールを達成する、という質は技術がどうなろうと存在し続ける。現状から思考を始めるのではなく、業務のゴールを世の中としてより効率的且つ合理的に達成する手段はどうあるべきか、という順番で思

  • 魔法な世界 (FlyPenTop.com) | 100SHIKI

    魔法な世界 (FlyPenTop.com) December 14th, 2005 Posted in 未分類 Write comment なんだかすごいことになっているガジェットを発見。 FlyPenTopは世界初のペントップコンピュータである。 このペン型のコンピュータ、先端にカメラを内蔵し、音声出力を可能にすることにより、さまざまな処理を行うことができる。 例えば電卓の機能だ。 まずは特殊な専用の紙に電卓を描く。0〜9までの数字、+や÷などの記号を描いていくのだ。するとその紙に書いた電卓が普通に機能する電卓になるのだ。「3×5=」と順番にペンで押していくと「15!」と答えてくれるのだ。 すげー。 他にもゲームやカレンダーなどの機能を備えていて、特殊な紙ではあるが、その紙自体がインタラクティブなコンピュータになるのだ。 やれやれ、ここ数十年で魔法な世界になってきたなぁ。このサイト、デモ

    魔法な世界 (FlyPenTop.com) | 100SHIKI
    ayustet
    ayustet 2005/12/15
    ペントップコンピュータ
  • Engadget | Technology News & Reviews

    Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show

  • 実はよく分かっていない幹細胞培養上清液!よくある疑問を徹底解決

    自分に最適なアンチエイジング治療がないだろうかなど美容クリニックのホームページを見ていたとき、ヒト幹細胞培養上清液を利用した治療法があり興味を抱いた経験を持つ人は多いのではないでしょうか。 しかし、再生療法は比較的新しい医療手法であり利用しても安全なのか、どのような治療法になるのか疑問に感じる人も多いといえます。 また、ヒト幹細胞培養上清液療法の効果や副作用とかは大丈夫なのか、このような疑問に繋がってしまうケースもゼロとはいい切れません。 ここでは、このような疑問を解決できるコンテンツを用意しているので参考にされることをおすすめします。 ヒト幹細胞培養上清液とは? 人間の体の中には様々な部分に幹細胞が存在しているのですが、この幹細胞を培養して得られる培養液から幹細胞を取り出して減菌処理を施してからそれの上澄み液のことをヒト幹細胞培養上清液と呼びます。 この幹細胞は、自己複製能など色々な細胞

  • Laszlo Interactive Language Overview

    アート作品 ・NFTアートとは 従来のデジタルアートにブロックチェーンの技術を利用して作成者と所有者が明記され、その情報が決して改ざんされないようにしたものがNFTアートです。ブロックチェーンにあるトランザクション(取引履歴)を見ることで、以前は誰が所有していたのかも分かり、その全てが改ざんできない仕組みになっています。 このようにデジタルコンテンツであれば、全てNFTアートになり得るわけですが、NFTアートならば、どれでも価値があるわけではなく、その作品に人々が価値を認めるかどうかが重要になってきます。 下記では3つの例を題材にして、どのような作品に価値があり、何故、価値がついたのかを考察します。それによってNFTアートを売買する際の判断基準の1つを提示してみたいと思います。 2021年3月、1つの報道が世界中を駆け巡り衝撃が走った。クリスティーズ・オークションというオンラインのサイトで

    ayustet
    ayustet 2005/09/04
    xmlでflash。