とはいえ、「VIVID UI」の活かし方は、キャリアの“性格”に寄る部分が大きく、「ちょっとずつ方向性が違う」(堤氏)という。UIをiモードと同じコンテンツプラットフォームに昇華させ「コンテンツという方向に味付けした」(堤氏)のが、ドコモだ。ドコモでは、2006年11月に「きせかえツール」という名称でサービスを開始した。2007年11月発表の905iシリーズからは「VIVID UI...
『 そんな萎縮しないで!/「マゼンタという光の波長は無い!」ならOKだし錐体の数が違うと色相環も違うよ。/切り方は悪かったけど、切り口はとても素晴らしいから、ぜひ書き直してほしい!消すなんてもったいないよ! 』
かつて設計者らは、広告や新聞のレイアウトなどの有効性を測る際に、ほとんど自分の直感や経験則に頼っていた。その後、人々がウェブページやコンピュータの画面を見ている時の目の動きを追跡する視線追跡テストが登場したが、実施に多額の費用がかかった。しかし、今やGoogleは、同社のウェブサイトを利用する数百万人のユーザーの力を借りて、コンテンツやサービス...
「売れるサイト」を作るためのあれこれをご案内してきましたが、今回は「サイトデザイン」という視点から、ユーザーへのアピール方法を考えてみたいと思います。いかに中身が素晴らしいサイトでも、ユーザーにその素晴らしさが伝わらなくては、リピーターにはなってもらえません。 サイトデザインの観点で一般的に「良いサイト」とは、ユーザーに余計なことを考えさせ...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
labs.ideo.comFlashを使った超絶クールなマルチタッチスクリーンのUIが実現されています。次のビデオを見れ...
『 alert()やconfirm()の代替として使えるLightbox系の擬似ダイアログ・ライブラリ。スライドしながら表示される。要mootools。MITライセンス。 』
Ruby on Railsなどにも含まれている、話題のJavascript...
Movieclip tweening prototypesは、トゥイーンを使用したユーザーインターフェイスを実装できるフラッシュのライブラリです。 Movieclip tweening prototypes ライブラリには下記のようなサンプルがあり、それぞれflaファイルもダウンロードできます。 relevare.com navigation resize like Kurtnoble.com
毎年恒例のSXSWは結局、女性雑誌記者による若きFaceBook CEO Mark Zuckerbergとのステージトークが不満足なもので終わったという話題だけが目立ち、なんだかな、と思っていたら、ちょっと面白い記事が出てきた。 これは、AppleのシニアエンジニアリングマネジャーのMichael Lopp氏がSXSWのパネル"Blood, Sweat, and Fear: Great Design Hurts"で語ったものをBusinessWeekがまとめたもの。クリエイテ...
『 外見をパラメータやCSSで変更できるツールチップ・ライブラリ。title属性の値を表示。要script.aculo.us。MITライセンス。(→プロジェクト:http://code.google.com/p/tooltips/) 』
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href=...
Foleoはフルサイズのキーボードと10インチ液晶を搭載、スマートフォンの機能を拡張する「モバイルコンパニオン」だ。 2007年05月31日 08時31分 更新 米Palmは5月30日、スマートフォンと組み合わせて使うことでその機能を拡張するモバイルコンパニオン製品「Palm Foleo」を発表した。Foleoはフルサイズのキーボードと10インチの液晶画面を搭載している。 FoleoはスマートフォンPalm Treo...
『 またまたSFチックなネタだけれど、いずれNonFictionになるんだろうな。「誰が押したのか」、の認識方法はちょっとだけナルホド。 』
CDやDVDのジャケットを検索できるAllCDCoversには、随所におっとするようなインターフェースの工夫が見られます。100SHIKI PR Board参加ブログであるsta la staでも紹介されていましたが、その検索結果が複数ページにわたっている場合の表示が印象的だったので、エントリー。 » AllCDCovers 検索結果が複数ページにわたっている場合、自分が見たい結果があるページを探すためには、一...
記事本文(いわゆるpermanent link / permalink)に関して、「サイドバー」は100%要らない。要ると思っているのは100%勘違いである。エゴで固執するなら「さいどばー」に相当するリソースへのハイパーリンクを提供すればいい。Web2.0なんだろ? だったらそのリンク先を得意のAjaxとやらで上手に扱えばいいじゃないの。もっともその程度にAjaxなんて全然必要ないけれども、かっこよさげだ...
『 nitoyon:フォトログサービス。プロ・セミプロの会員制からスタートして、いまは誰でも登録できるようになってる。Flashのインターフェースが小気味よい。LocationHashでPermalinkにも対応。これいいやん。 』
まだ日本語が使えないが、期待のサービスなのでご紹介。 Get BuzzwordはGoogle Docsのような、いわゆるオンラインでワープロを実現しているサービスである。 ただ、このサービス、すべてFLASHで作られており、レスポンスやインターフェースが実に心地よい。 カーソルがふわ~んと点滅していたり、アイコンが綺麗だったりと、「上等なものに触っている感」たっぷりのサービスであ...
『 CSSでクールなINPUTフォームを作成するサンプル 次のような、CSSで角丸で、境界にシャドウがかかったクールなフォームのサンプルが公開。 』