www.welie.com -- patterns in Interaction Design
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
Ultimate Collection of Free Buttons in PSD Format | Naldz Graphics
With the several websites emerging in the net, it is often a struggle to find high quality resources that will make your websites stand out and be completely unique. Although, it pays to create your own designs to cater to this need, it is often impractical to do so because of time and resources constraints. Some designers, then, turns to free resources that are already available in the internet.
HTML5時代の「運営しやすいアーキテクチャ」の話
増井君と二人でPhotoShareというサービスを立ち上げてもう１５ヶ月になるが、いろいろと学んだことがある。その中でもつくづく思うのは、サービスを作り上げる段階よりも、運営のことを考えた設計が大切なこと。つまり、メンテナンスしやすい、テストしやすい、多少のミスをしても大丈夫、こまめなアップデートがしやすい、作業分担がしやすい、などなどである。 そんななかで強く感じるのは、「AJAXを見た目や使いやすさの面だけに利用するだけでなく、『運営しやすいサービス』を作るのに利用できないか」ということである。 私のイメージするアーキテクチャを図にするとこんな感じになる。 まず一番の特徴は、テンプレート等を利用したHTMLのダイナミックな生成をすべてやめて、データ（JSONもしくはXML)だけをダイナミックに生成するようにし、HTMLはスタティック・ファイルをサーバー側に置いておく（上の図で、CSS,
OmniGraffleでWeb制作/開発の人が使えそうなステンシルを20+4個選んでみた | 我流天性 がらくた屋
Mind Mapや時系列、議事録なんかはもうXMind(詳細は「日本語入力も可能なオープンソースのマインドマップ「XMind」 | コリス」にて)でいいやと思うのですが、図はやっぱりオムニグラフが良いなと僕の場合思ったりしてます。 Web制作をしてると、よく提案書や仕様書やフロー図、ワイヤーフレーム、UI画面、カンプのWebフォームなどを書くことがあります。 そういう時に便利そうなMac OSXのオムニグラフのステンシル(Stencil)を独断で選んでみました。 企画書、ドキュメント系(3) WebブラウザのUI、ワイヤーフレーム系(8) iPhone系(3) アイコン系(6) その他(4) 探したのはオムニグラフのフリーのステンシルがダウンロードできる「Graffletopia」から。 今、仕事でいろいろ書かないといけなくて、そういう目線で探してたら結構良質のデザインがたくさんあって、書
Design Kit: The Human-Centered Design Toolkit
In 2009, IDEO designed and launched the HCD Toolkit, a first-of-its-kind book that laid out how and why human-centered design can impact the social sector. In short order, a community of designers, entrepreneurs, and social sector innovators embraced it, buying and downloading over 150,000 copies. In April 2015, IDEO.org launched an exciting new evolution of the HCD Toolkit the Field Guide to Huma
Yet Another Standard Camera Icons - BeInteractive! for iPhone and iPod touch
Yet Another Standard Camera Icons Problem 標準のカメラアイコン (UIBarButtonSystemItemCamera) は直接カメラモードのフォトピッカーを開く用途では使えません。Human Interface Guideline に違反し、リジェクトされます。 We can't use the standard camera icon (UIBarButtonSystemItemCamera) to open the photo picker in camera mode directly. The iPhone Human Interface Guidelines doesn't allow this. So application will be rejected. Solution そこで、以下の用途に使える、デザイナー佐々木圭さんによ
iPhoneアプリはポスト・イットで作る!? 「QuadCamera」「ToyCamera」深津さん
iPhoneアプリはポスト・イットで作る!? 「QuadCamera」「ToyCamera」深津さん：ひとりで作るネットサービス（1/2 ページ） 個人でも世界を相手に勝負できるはず。そんな信念で数々のiPhoneアプリを個人でリリースしている深津さん。iPhoneの画面に貼った付せんにデザインを手書きして操作感覚を確かめているという。iPhoneのカメラアプリ、「ToyCamera」「QuadCamera」の誕生秘話などを聞いた。 ひとりで作るネットサービス第40回は、数々のiPhoneアプリを個人でリリースしている深津貴之さん（29）を取り上げる。「個人でも世界に何かを発信できるはず」という信念のもと、活動を続ける深津さんの狙いはどこにあるのだろうか。 梱包材のプチプチ――日常の気持ちいい感覚を表現したい 「抽象的でうまく言えないのですが、『日常生活の中で気持ちの良い何か』を表現したい
シムシティーの仕組み
シムシティーを作り始めていちばん最初に考えたのは、街を一種の生き物のように表現できないかってことだった。 僕が街についてどう考えているかはすでに説明したけど、大事なのは街を構成する建物とか道路じゃなくって、そこでどんな活動が行なわれているかってことだと思うんだ。道路を車が走り、電車が動き、人々が動き回り、常に要素が変化し続ける“動きのある”システム。街を表現する方法っていうと誰でも地図を思い浮かべると思うけど、僕は動きがない地図じゃなくって、たとえば飛行機から眺めた街、動きのある世界をディスプレイに表現しようって考えた。それこそが僕の考える街の姿だからね。 それともう一つ考えたことは、プレイヤーに伝える情報をできるだけわかりやすく、それも“面白い”って思えるような形で表現しようってことだった。シミュレーション・ソフトっていうとたいてい数値や図表がたくさん出てくるけれど、数字が並んでいるのを
触ると硬くなる、フニャッとした棒
普段フニャっとしてるけど触ると硬くなるものってなーんだ？ 答えはパナソニックのデザインカンパニーが作った｢ゼリーのように柔らかいリモコン｣。Adbustersという雑誌の｢デザインの力｣という特集で出されたもののようです。 このリモコンは普段はこのようにくたーっとして眠っていて、人が触れると目を覚ましてしゃきっと硬い状態になります。おめでとうございます。 ［AdBusters via bbGadgets and Next Nature］ Mark Wilson（いちる） 【関連記事】 ・インターネット強制終了リモコン ・おばあちゃん式リモコンボタンの解釈!? ・次世代のオナニーテクノロジー：｢TENGA｣
ずば抜けたユーザビリティ： 完成を極めたデザインをさらに改善する方法
出来の良いわずか1％のウェブサイトでも、例外的なユーザパフォーマンスを強化したり、ちょっとしたミスを防いだり、企業レベルの利用や潜在的ニーズを見据えた対応を行えば、一段とレベルアップさせることができる。 Extreme Usability: How to Make an Already-Great Design Even Better by Jakob Nielsen on June 23, 2008 99％の読者は、ここで読むのをやめてしまうかもしれない——今回のコラムは、素晴らしいウェブサイトやイントラネットを作り上げた人々を対象としているからだ。 それは言いすぎだとしても、自分のサイトはひどい出来で、たちまちユーザビリティ上の大問題が見つかるという読者も多いだろう。それなら5名程度のユーザをテストしてみれば、サイトのビジネス価値を倍増できるほどの知見が得られるはずだ。手順はごく簡単で
The Paper Version of the Web
People have been sketching user interfaces since the birth of the web but the sketches usually stay locked away in old notebooks and discarded bar napkins in Austin, Texas. Many of the websites we use started out as scrawlings, and with people like Jakob Nielsen and Bill Buxton spreading the gospel of faster, cheaper paper prototypes, “next year’s Twitter” may already exist on paper. We don’t usua
ノスタルジックで優しいアナログ信号機
このアナログ式交通信号機は1940年代から1970年代まで実際にオーストラリアで使われていたものです。独特な色使いとデザインは、アートの香りすら感じさせます。 いま普通の信号は赤や青のライトが点灯するだけですが、このアナログ信号機は青信号（または赤信号）の時間があとどのくらい残されているのか、針で指し示してくれるのです。あせって走って危ない思いをする必要もありません。なんだかやさしさと心のゆとりを感じます。復刻してくれないかなあ。 [Infosthetics via Make via Boing Boing Gadgets] Jason Chen（MAKI） 【関連記事】 ･ほんわか木製ラジオ ･革命的！ アナログインターフェイスケータイfromロシア ･この赤信号が目に入らんか？
「外骨格パワードスーツ」各種を動画で紹介 | WIRED VISION
「外骨格パワードスーツ」各種を動画で紹介 2008年6月 2日 サイエンス・テクノロジー コメント： トラックバック (0) Noah Shachtman スーパースーツ戦争が始まろうとしている。米Raytheon社に買収された米Sarcos社の外骨格式パワードスーツ(日本語版記事)は有名だが、今度は、カリフォルニア大学バークレー校からスピンオフした研究者のチームが、装着すると人間離れした力を発揮できるようになる独自のマシンを公開した。 Hami Kazerooni博士は、数年前からカリフォルニア大学バークレー校で、国防高等研究計画庁(DARPA)から資金援助を受けて、外骨格式スーツの原型作りに従事していた。 現在Kazerooni博士は、株式非公開の米Berkeley Bionics社を設立し、医療用および軍事用のスーパースーツの開発を手がけている。 Berkeley Bionics社が
Adaptive Path
Join AdaptivePath.org for an evening of lightning talks about design for social impact at CounterPulse. We’ve invited five people who are using the power of design to make a positive impact on our world and our region. Come learn about our speakers’ work with non-profits, government agencies, and industry to serve vulnerable populations and foster a more inclusive world.
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか？ 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iconfinder | Download free icons
世界のテレビＣＭを超えたＷＥＢ広告「ＵＮＩＱＬＯＣＫ」・ウェブ開発物語�インターネット-最新ニュース:IT-PLUS
「こんな企業サイトはイヤだ」ベスト20
Adaptive Path