The hover effects on Amazon’s big ‘ole “Shop by Department” mega dropdown are super fast. Look’it how quick each submenu fills in as your mouse moves down the list: It’s instant. I got nerd sniped by this. Most dropdown menus have to in... 続きを読む

• bjk5.com
• テクノロジー

CG・UIの研究家として知られる五十嵐悠紀さんの連載17回目。今回は特別企画として、今旬のPC・スマホWebサービス『LINE』『クックパッド』『Wantedly』のUI/UX担当者に登場してもらい、UI/UX座談会を開催。後編は、エンジニアがUI/UX設計に携わる際に陥りがちな... 続きを読む

• engineer.typemag.jp
• テクノロジー

プロフィール 慶應義塾大学　環境情報学部　教授 増井俊之氏 1959年生まれ。ユーザーインターフェースの研究者。東京大学大学院を修了後、富士通半導体事業部に入社。以後、シャープ、米カーネギーメロン大学、ソニーコンピュータサイエンス研究所、産業技術総... 続きを読む

• engineer.typemag.jp
• テクノロジー

なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSas... 続きを読む

• nagayama.hatenablog.com
• テクノロジー

HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. Simple use for mailto link. mail Use tha icon with text. Twitter /* CSS */ @font-face { font-family: 'LigatureSymbolFont'; src: url('LigatureSymbolFont.eot'); src: url(... 続きを読む

• kudakurage.com
• テクノロジー

emotiv両手が塞がる食事中でも，快適にインターネットができる仕組みが求められている．そこで手元にあったEmotiv EPOC HeadsetとEmotiv SDK付属ツールを使って実験した． やり方今回はeclipseを起動するのが面倒だったので，プログラミングはせず，SDK付属ツー... 続きを読む

• d:id:hagino_3000
• テクノロジー

続きを読む

• msdn.microsoft.com
• テクノロジー

A collection of UI patterns for mobile apps. 続きを読む

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

Get things done, quicklyChico UI is a free and open source collection of easy-to-use web tools for developers and designers. UI WidgetsBuilt on top of jQuery, these tools brings known interaction patterns for your website taking advantage of ... 続きを読む

• chico-ui.com.ar
• テクノロジー

ノンタッチUI時代とフロントエンドエンジニア (Using emotiv) — Presentation Transcript 2011-1-27@hagino3000 Shibuya.NI Shibuya.NI Kinect Web !! Web !! Welcome!! About me @hagino3000Front-End Engineer at ( ) ✴ iPhone Shiri ✴✴ XBox360 + Kinect... 続きを読む

• www.slideshare.net
• テクノロジー

Welcome to Android Design, your place for learning how to design exceptional Android apps. Creative Vision 続きを読む

• developer.android.com
• テクノロジー

ブラウザ(JavaScript)で動くシンセ的なアプリを作ろうと思うとGUIコントロールの便利なライブラリがなくてけっこう困ります。jQuery UIはわりと良いんだけど肝心のノブとかスイッチとかがなかったりするし。そんなわけでウェブ楽器のGUI作成に便利なjQuery UIっ... 続きを読む

• d:id:aike
• テクノロジー

Jakob Nielsen's Alertbox: Top Ten Mistakes in Web Design Summary: The ten most egregious offenses against users. Web design disasters and HTML horrors are legion, though many usability atrocities are less common than they used to be. Since my... 続きを読む

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

By Dana Chisnell, UsabilityWorks Originally published: Oct 20, 2008 People often say to me, "I want to do usability testing at my company, but there isn't time to do it the way it should be done, using all the steps in your book. So, since we... 続きを読む

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

18 Cool Concept Designs (Facelift) of Notable Websites By Alvaris Falcon | Web Design Tweet If content is king, design should be the queen. It’s a deadly crucial element to a website’s success, as it decides how content is to be structured ... 続きを読む

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

A collection of web design and web inspiration from all over the web, where users can share pieces they like, and learn from other's design solutions. 続きを読む

• box.mepholio.com
• テクノロジー

Search by up to three ingredients, or by recipe title: 続きを読む

• www.bbc.co.uk
• 学び

スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ... 続きを読む

• fladdict.net
• テクノロジー

Learn how to plan, moderate and analyse the results of a usability test. We hold full-day workshops at the Clearleft offices in Brighton. Read more details & book your place Spontaneous, unobtrusive usability testing software for designers an... 続きを読む

• silverbackapp.com
• テクノロジー

スマートフォンアプリのUIの話 〜 ボタンについて 色々と自分の中の考えをまとめるためのメモ。 ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御で... 続きを読む

• fladdict.net
• テクノロジー

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
• テクノロジー

Foodily. The most powerful way to search and share recipes from across the web. Compare millions of recipes side-by-side, and share recipes, menus and comments with your friends. Food, I Love You.Search every recipe from every website. Find t... 続きを読む

• foodily.com
• テクノロジー

I've a confession to make: I'm addicted to screenshots, it is stronger than me, I can’t help it... I'm a user experience designer focused on making the Web a better place. The two main projects being developed at my company - Enough Pepper -... 続きを読む

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

続きを読む

• lab.ext.fujimic.com
• 暮らし

SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behi... 続きを読む

• www.andoh.org
• テクノロジー

次のような例を考えてみる。 webページを見ていて、ページ内のリンクを辿って他のページへ遷移する マウスの場合 マウスをリンクの上に持って行く マウスカーソルの形が変わることを確認する（変わらないかも知れないが） クリックするタッチパネルのインターフ... 続きを読む

• samurai20000.hatenablo...
• テクノロジー

ブラウザで，リンクとかボタンとかをクリックするときに，マウスカーソルをリンクの上まで持っていくのがめんどうで，困ってた．なにもないところでクリックしたときは，勝手に近くのクリックできそうな要素をクリックしてくれればよいと思ったので，Greasemonk... 続きを読む

• hitode909.hatenablog.com
• テクノロジー

オノマトペを声に出しながら線を引くことで、そのオノマトペに応じた質感で線を描けるインタフェースです。 例えば「モコモコ〜」と言いながら線を引くと、モコモコした線を描くことができます。 動画 高解像度版 (QuickTime, H.264) ニコニコ動画版 機能 オノ... 続きを読む

• sappari.org
• テクノロジー

2010年07月08日 20:34 Webユーザインターフェースの "暗黙知" を意識していますか？ 暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、... 続きを読む

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

Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. Comments 1 - 2 of 2 comments previous next Post a comment + Alan Ashbaugh 3 weeks ago Love... 続きを読む

• www.slideshare.net
• テクノロジー

ウェブのユーザビリティに関しては、アメリカで並ぶもののない第一人者Jakob Nielsen博士。博士自ら運営するサイトuseit.comで連載中のコラム『Alertbox』は、ウェブ制作者のバイブルとして長年にわたり読みつがれています。当サイトでは、博士からの正式な許可... 続きを読む

• www.usability.gr.jp
• 学び

You either have JavaScript turned off or have an old version of the Adobe Flash Player. To view this video you need to get the latest Flash player. If your browser allows only "trusted sites" to execute Javascript, you should add the "googlea... 続きを読む

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

To see the full collection of work Prologue created for Iron Man 2, head over to Prologue’s site. For those of you who’ve seen Iron Man 2 (has anyone not seen it?), you know that Robert Downey Jr. shares the screen with Mickey Rourke and Do... 続きを読む

• motionographer.com
• テクノロジー

ウェブサイトのユーザビリティテストの方法にはユーザの視線を可視化するものがある。gaze plotと呼ばれる方法はユーザの視線の軌跡を記録し、注視した部分に円を描画する。円内の番号は注視した順番を表し、円の大きさは注視時間の長さを表す。この結果から、... 続きを読む

• d:id:naraba
• テクノロジー

FeedTV: フィードをテレビのように眺める http://feed-tv.com/test のようなページにアクセスしてRSSフィードを登録すると、 フィード中のWebページを自動的に眺めることができます。 「http://feed-tv.com/(適当なID)」でお試し下さい。IDは任意の英数字文字列... 続きを読む

• feed-tv.com
• テクノロジー

先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR tail_y 2010-03-08 11:49:50 何が... 続きを読む

• togetter.com
• テクノロジー

I like the idea that I can create my own beauty and mystery when I find it lacking in real life. 続きを読む

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

続きを読む

• a2h.github.com
• 暮らし

Select a color by clicking somewhere on the image on the left and you'll get porn videos in this color :) But... but... why?! I have about 900.000 porn videos indexed on my porn search engine. Since they comes from various sources there are d... 続きを読む

• goodfap.com
• テクノロジー

■ JavaScript 体感速度を上げるいくつかの手のメモ 02:46 DOMContentLoaded ですら遅いので、HTML 生成時に script 要素を各所に埋めこんで処理を先走りさせる DCL 前に通信を開始できるなら意味があるかもしれない document.write する script (広告とか) が... 続きを読む

• g:subtech:id:cho45
• テクノロジー