直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
YAPC::Asia Tokyo 2012に参加してLTをしてきました - くらげだらけ
１ヶ月前くらいから社内のエンジニアが今年はYAPCに行くだの、発表するだの話しているのが聞こえていました。私はデザイナーですし、まぁ参加するなんてことないと思っていました。参加するきっかけになったのは id:uzulla さんのツイートで、何やら今年はuzullaさんが司会・運営でLTソンというものをやるそうと聞き、その上発表者が全然集まっていない様子でした。uzullaさんとは一度温泉旅行に行ってそれから１、２回会ったような方ですが、何やら困ってそうなので参加してみようかなと思ったのがきっかけです。 LTソンはざっくりしたLT形式で内容は何でもありみたいな感じでしたので、これなら私でも発表できるなと思いました。即日、許可をもらって参加申し込みしました。もともとエンジニアたちが集まるカンファレンスには興味がありましたし、Perlの会社で働いているのですから一度はYAPCに参加してみたかった
O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。本書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」（53MB） 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003
まさゆき研究所 旧棟 QRコードを篆刻する
事の起こりは書道室に行った時のこと。 高校生の作った篆刻（てんこく）が展示してあった。 篆刻とは、書道のすみっこに押してある赤い正方形の印です。 なぜかモノクロのコピーで飾ってあるクラスも。 で、このモノクロコピーの篆刻を見て、まさゆきGTは思ったわけです。 「これ、遠くから見るとQRコードそっくりだな……」 こうして、またまた思いつかなくていいことを思いついてしまい、僕の挑戦が始まった。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 篆刻は作ったことは無いが知っている。 たしか石をカリカリ彫って作るのだ。 友人のスーパークラフトマン「五速」のサイト（広報五速）でも見たことがある。 とりあえずは近所の画材店に行って篆刻に最低限必要な道具を買い揃えてきた。 ・青田石（大×１、中×１、小×２） ・彫刀（小・中） ・朱肉 しめて２５００円くらい。小は練習用に２個。 試しにちょっと
REALCITY | NIKEiD
このサイトをご覧いただくには、JavaScriptの使用が有効になっている必要があります。 お使いのブラウザの設定でJavaScriptの使用を有効にしてください。
はてなスター画像を54%まで軽量化する - 聴く耳を持たない(片方しか)
はてなブックマークの正式リリースから、様々なギークたちが高速化についてアドバイスをされてます。 はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記 はてなブックマーク JavaScript 高速化計画 補足 - IT戦記 Re: はてなブックマークのコンテンツの JavaScript を高速化する - つれずれなるままに… はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓 堀愚霊瑠の指摘で気付いた、はてなスターの静的ファイルとか想像以上にアレな件 - にぽたん研究所 IEでのテキストノード走査の高速化 - os0x.blog それぞれの分野からそれぞれ興味深い技術を紹介しており、その姿に 「かっこいい！」「そこにシビれる！あこがれるゥ！」 ……と思ったので、私も自分の
on the fly @ minimum interface at AS3S.ORG
山口情報芸術センターYCAMで11/1から開催中の「ミニマムインターフェース」展で 会場のナビゲーションデザインを担当しました。 「ミニマム インターフェース」展では、ナビゲーションデザインを、展示に対するメタ・インターフェースの意味で、作品と鑑賞者の新しい関係性を築く手がかりとして位 置づけています。多種多様なメディアが混在・競合する現在、「紙」という原初的なメディアが持つ存在感や直感性を改めて見直し、最新の情報技術と組み合わ せることによって、展覧会の新たなナビゲーションの可能性を試みています。 “on the fly” 本展 フライヤーは、必要最低限の文字情報のみを掲載し、フライヤーそのものがナビゲーションツールとして、ミニマムなインターフェースとなる仕組みをもってい ます。16個の穴があいたフライヤーを、会場内の3ヶ所に設置されたナビゲーションテーブルに載せ、それぞれの穴をふさぐ
Route 477(2008-06-09)
■ [misc] 「やさしい仕様書」を書くために使えそうな3つのアイコン Joel on Software - やさしい機能仕様 - パート 4: ヒント 「Joel on Software」によれば、より良いソフトウェアの仕様書を書くためには 挿絵や空白をたくさん使わないといけないのだそうだ。 なぜなら、文字でびっしり埋まった仕様書なんて誰も読みたくないし、 読まれることのない仕様書を書いたって仕方がないからだ。 というわけで、僕も「やさしい機能仕様書」を書く方法について少し考えてみた。 今日紹介したいのは仕様書をオライリー風にするという方法だ。 Joelの仕様書には、開発者、テスター、営業など様々な立場の読者のために脚注が付いているらしい。 例： ノート：松江市の西に位置する湖、宍道湖は「しんじこ」と読む。「ししどこ」ではない。 さてここで、ノートの横にiconspediaで拾ったペン
stock.xchng - the leading free stock photography site
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
【コラム】クリエイターのためのライフハック (53) ロゴデザインをするときに参考となるサイトいろいろ | クリエイティブ | マイコミジャーナル
デザインの仕事に携わっていれば一度は経験するであろう仕事がロゴデザインです。ロゴ(ロゴタイプ)は、対象となる企業やサービスを抽象的もしくは直接的なメッセージを盛り込んだ文字をビジュアル化して表現したものです。見たときのインパクトを求められることもあれば、汎用性、柔軟性が必要とされる場合もあり、デザインの課題も予め設けられていますが、同時にそれがロゴデザインの面白さといえるでしょう。 ロゴデザインのコツは、ひたすらスケッチをするところにあります。筆者も学生の頃、ロゴデザインのクラスを受講したことがありますが、ひとつの課題に対して最低50のアイデアをスケッチすることが条件となっていました。ここでいうスケッチは、サムネイルのような小さいものでよいので次々とアイデアを描いていくプロセスを指します。この段階ではあまりディテールには拘らず、まるでおもちゃ箱をひっくり返すかのようにアイディアを思いのまま
Welie.com - Patterns in Interaction Designインタラクション集
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
faviconジェネレーター20個:phpspot開発日誌
CSS Juice 20 Best Favicon Online Generators Favicons (favorite icons) are the small images that are associated with a website. It will be displayed on address bar, tabbed browsers and your bookmark list. faviconジェネレーター20個 favicon.cc 256pixels favicon2dot Converticon FaviconTool 続きを見る faviconはブックマークに追加した際にサイトの目印となるものなので、こういったツールでいいのを作りましょう。 関連エントリ 165のフリーなWeb2.0風ベクターアイコン 16x16ピクセルの芸術的favicon集
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
簡単に名刺つくろうぜ！
WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳
ソシオメディア | UIデザインパターン
クオリティの高いデスクトップ用壁紙サイト 14選 - DesignWalker
無料で使える大きめアイコン素材集 10サイト - DesignWalker
