デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface G... 続きを読む

• www.yasuhisa.com
• テクノロジー

続きを読む

• blog.livedoor.jp:techblog
• テクノロジー

入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構です。 続きを読む

• q.hatena.ne.jp
• テクノロジー

User Interface Design Pattern Library. UI patterns for web designers. See examples and read rationale, solutions, and implementations for each pattern.It has long been common practice to use recurring solutions to solve common problems. Such ... 続きを読む

• ui-patterns.com
• テクノロジー

レビュー Lookup！ せんせーしょん：次元を超えた画像解析技術――「Deep Zoom」と「Photosynth」を体験する (1/4) 超ズームの次の一手は想像のななめ上どころか、次元を超えていた。日本の誇る文化をモチーフにした実例で、Photosynthの魅力に迫る。 いまや我... 続きを読む

• plusd.itmedia.co.jp
• テクノロジー

本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら"ユーザーID"と"メールアドレ... 続きを読む

• d:id:wa-ren
• テクノロジー

ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった... 続きを読む

• www.web-20.net
• テクノロジー

A web applications user interface library built on the Mootools javascript framework.MochaUI is a web applications user interface library built on the Mootools JavaScript framework. Uses Web Applications Web Desktops Web Sites Widgets Standal... 続きを読む

• mochaui.com
• テクノロジー

MacOS Xのインターフェースガイドラインが公開されています July 30, 2008 12:31 PM written by Gen Taguchi Macは使っていないですが、洗練されたインターフェースはいつもすごいなぁ、と思っていたりします。そうしたインターフェースのデザインガイドライン... 続きを読む

• www.ideaxidea.com
• テクノロジー

goo ランキングは7月3日、「企業のウェブサイトで困ってしまうことランキング」を発表した。1位「情報が数カ月間更新されていない」、2位「画像が多くて、重い」、3位「『準備中』のコンテンツだらけ」などだった。 5位には「トップページからオールフラッシュ... 続きを読む

• japan.cnet.com
• 暮らし

「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、... 続きを読む

• wiredvision.jp
• テクノロジー

構築するウェブサイトの規模が大きくなればなるほど、画面設計はとても大切なものになりますね。 要素の抜けや、動作的な矛盾が無いかを確認したり、デザイナーはその設計書を元にデザインをおこすので、設計書の善し悪しが、最終的にそのサイトの善し悪しに直... 続きを読む

• www.designwalker.com
• テクノロジー

Web情報アーキテクチャ（IA）とツール 第1回　"IAって何するの？" がわかる「IA One Sheeter」 2008年6月24日 坂本貴史 Webデザイン, IA 1 2 「IA」という言葉が，Web業界の中で皆さんに認知されるまでにはまだまだ時間がかかりそうです。ここで言うIAとは「情... 続きを読む

• gihyo.jp
• テクノロジー

はてなブックマーク - umedamochioのブックマーク経由で見つけた記事。 なるほどYouTubeはこう使うのか - 河田勉の日記 ここで紹介されているYoutubeを見比べてみた。 Youtubeで比較 - iPhone と SH906i ※2ついっぺんに再生してみて もうあまりに大差がありす... 続きを読む

• www.mathatelle.com
• テクノロジー

「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにペ... 続きを読む

• ascii.jp
• テクノロジー

第11回　PCサイトとこんなに違う！ 携帯サイトのフォーム設計ポイントとは 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

Start, Write Away! Extremely fast, intuitive, and easy to use! No need to log in - get your thoughts out instantly and log in later to save to your account. Privacy First Penzu was designed as a private journal first. You can write freely and... 続きを読む

• www.penzu.com
• テクノロジー

ウェブサービスを作るときはBlank Slateを工夫しよう May 8, 2008 10:01 AM written by Gen Taguchi 先日ある人と盛り上がったのでここでも書いてみる。ウェブサービスを作ったときにはBlank Slate工夫したいですよね、というお話。 Blank Slateとは「まっさら... 続きを読む

• www.ideaxidea.com
• テクノロジー

ソシオメディアでは、これまでのUI設計・評価・標準化サービスの経験に基づき、様々なUIデザインのベストプラクティスをパターン化しています。各種アプリケーションのUI設計効率とユーザビリティの向上に役立つノウハウとして、その一部を公開していきます。 続きを読む

• www.sociomedia.co.jp
• テクノロジー

jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』 March 24, 2008 10:24 AM written by Gen Taguchi これはいつか使いたい、という意味でエントリー。jQueryを使って実に簡単にテーブルをいろいろ便利にしてくれるライブラリのご紹介。 使い... 続きを読む

• www.ideaxidea.com
• テクノロジー

主にPCを使ってウェブサイトを閲覧している人と、主にケータイを使っていてPCは全く（またはほとんど）使わない人では、たとえ同じページを見ていても、まったく行動や思考形態が違う。「ケータイ族」という言葉もあるが、ネットでの常識はケータイの人たちに通... 続きを読む

• www.kotono8.com
• テクノロジー

iTunesのようなインターフェースで検索できる『Redzee』 February 4, 2008 7:28 PM written by webmaster iTunesで採用されているインターフェースはかっこいいし、使いやすい。 そう考えるとRedzeeのような検索エンジンが出てきたのもうなずける。 このサイト... 続きを読む

• www.100shiki.com
• テクノロジー

最近、わたくしの中で、微妙にロシアンデザインブームです。。 ロシアのウェブデザインは、なんだか日本やアメリカには無い、独特なエレガントさがあってとっても好きです。 本日は、そんなロシアのクリエイティブなウェブデザインをまとめてみました。 1. vald... 続きを読む

• www.designwalker.com
• テクノロジー

FLASHベースのクールな文書管理サービス『Get Buzzword』 November 9, 2007 11:10 AM written by webmaster まだ日本語が使えないが、期待のサービスなのでご紹介。 Get BuzzwordはGoogle Docsのような、いわゆるオンラインでワープロを実現しているサービスで... 続きを読む

• www.100shiki.com
• テクノロジー

すごいマッシュアップサイトが現れました。 本当にすごいとしか言えません。 アマゾンやYouTube、flickerといったサイトをすばらしいUIにて検索するサーチエンジンです。 これはほんと勉強になる・・・。 ためしにYouTubeでやってみて >> oSkope visual search ... 続きを読む

• e0166.blog89.fc2.com
• テクノロジー

タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちら... 続きを読む

• e0166.blog89.fc2.com
• テクノロジー

 2 Responses to “フォームのデザインいろいろ” 通りすがり Says: October 26th, 2007 at 1:02 am スタイリッシュ！ こういうのをみているとデザインするのが楽しくなりますね。 管理人 Says: November 8th, 2007 at 4:42 pm 通りすがりさん コメントどうもあ... 続きを読む

• www.designwalker.com
• テクノロジー

Designers have only a fraction of a second to attract users’ eye and win over their loyalty. Clear visual structure, thought-out typography and moderate use of images are extremely important - as they can drastically improve the scanning pro... 続きを読む

• www.smashingmagazine.com
• テクノロジー

ソフトバンクモバイルなど、Windows Mobile「X01HT」用UI改良ソフトを開発 吉澤亨史 2007/04/27 22:46   ソフトバンクモバイル、BBソフトサービス、コネクトテクノロジーズの3社は4月27日、Windows Mobile端末「X01HT」のアプリケーションソフト「XRoof」を共同... 続きを読む

• japan.cnet.com

WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 次の記事 »：class属性指定で簡単に画像エフェクトをかけられる「Corner.js」 DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpag... 続きを読む

• phpspot.org
• テクノロジー