Slot DotatogelSLOT GACOR DOTATOGEL 💰 BANDAR SLOT VIRAL & TOGEL HK, SGP, SDY TERBAIK
クレジットカードフォームの解剖学 | POSTD
オンラインでクレジットカードを使って支払うことは簡単ですよね？この答えはYesでもNoでもあります。Yesの理由は、インターネットが普及された初期からずっとそうしていたから（例：Amazon）。Noの理由は、まったく同じクレジットカードフォームは2つとないからです。 過去20年以上で、私たちはオンライン支払のメンタルモデルを作り上げてきました。「財布からクレジットカードを取り出して、ウェブのフォームに必要なカード情報を入力、そして申込みボタンを押す」というものです。しかし、ユーザーが答えないといけない質問でいっぱいなので、全てを入力するのはとてもややこしい行為になってしまいます。そして言うまでもなく、誰も取扱い説明書なんて読みたくありません。 さまざまな有名ウェブサイト・アプリのクレジットカードフォーム 何かの代金をオンラインで支払う時は、人へ支払う時より2,3倍遅れをとります。端末のボタ
Palette Gear
Blaze through your editing tasks with fast, precise, hands-on control. Palette is a modular hardware device that provides creators with personalized control of any software. Modular. Magnetic. Magical. Build your custom controller in minutes and save hours of tedious editing. Multi-talented and one-of-a-kind. Just like you. 13 apps plus Keyboard Shortcuts and Media Control, MIDI and Joystick modes
AmazonがLPOで行っているabove the foldの原則 ｜コンバージョン研究
ECショップや企業サイトに求められる成果は「商品を売る（コンバージョンアップ）」事です。特にインバウンド・マーケティングではランディングページにおけるコンバージョン中心のデザインCCD（Conversion Centered Design）は「売れるECサイトの作り方」を徹底追及した手法です。今回はそのCCDのコンセプトの１つ「above the foldの原則」を解説します。 はじめにー 「Amazon」はインバウンド・マーケティングのリーダーであり、「売り上げを増やすECサイトの秘訣」を余す事なく取り入れています。が、その秘訣の大半は利用者から見過ごされています。今回は、小さな所までこだわったAmazonの秘密を検証しながら商品ページ設計技法を考えたいと思います。 まず結論 「above the foldを常に意識せよ。PPC経由のユーザはページ・スクロールの瞬間から離脱確率が上がって
食品の原材料名の表示に変化 | デザインの現場 小林章の「タイプディレクターの眼」
原材料の欄の文字の濃度は、以前はすべての原材料が同じ太さと大きさで組まれていて、ぱっと見た目の濃度は均一になっていました。 新しい原材料欄は、濃度にムラがある。牛乳、バター、小麦、鶏卵など、食物アレルギーを持つ人が気をつけなければいけない原料については太いウェイトを使って表示することになったみたい。使われているフォントの字の大きさとかは変わっていないと思う。 ひとつの原材料が全部太い場合もあるし、材料によっては「Milch（牛乳）」の部分だけ太くしているなど、一つの単語の中で濃度の違いがあることも。 私は最近ナッツ類を食べるとニキビができるようになったので、ナッツ類があるかないかをいちおうチェックします。太字で表すものの中にはナッツ類も含まれるので、見つけるのがラク。ちょっと助かってます。
Google の新しいデザインガイドライン「Material Design」 | DevelopersIO
Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge
ユーザインターフェースのアルゴリズム - ワザノバ | wazanova
https://www.youtube.com/watch?v=90NsjKvz9Ns 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前 (注)参照しているビデオは、矢印キーで前のページに移動した後に、再び矢印キーで指定しているページに戻ってこないと、うまく再生機能が起動しないようです。面倒ですが、済みません。 Mark DiMarcoのJSConf 2014での講演です。アルゴリズムがどのように適用されているかを、数式でなく、映像で説明してくれているのが、とてもわかりやすいです。 Amazonのプルダウンメニューの工夫の話は聞いたことがありましたが、元をたどればAppleが発明したものだけどOS Xに移行するときに使われなくなった（コピーし忘れた？）テクニックなのですね。知りませんでした。 1) 画面
小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ
Card — make your credit card better in one line of code
With one line of code.. new Card({ form: 'form', container: '.card'}) You get.. Animations for 4 different card types An intuitive experience for your users Pure CSS, HTML, and Javascript (no images) 100% free and open source No need to change your form Card works as a drop in addition to your current credit card form. No need edit input names or HTML — you can leave everything as is. All pure CSS
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Nielsen Norman Group on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるように
SikuliスクリプトでのUI操作自動化を試してみる
SikuliスクリプトはOpenCVを使った画像認識を利用して、GUI操作の自動化を行うスクリプトです。 指定した画像に一致した領域にカーソルを動かしてクリックさせたり、キーボードでの入力をさせたりすることができます。 そこで、今回はSikuliがUIテストに利用できるのかどうかを調べるために、iOSシミュレータに対してSikuliスクリプトを試しに使ってみました。 なお、MITのUIデザイングループが始めたオープンソースの研究プロジェクトであり(ソースはGitHubにあります)、現在はコロラド大学ボルダー校のSikuli Labがメンテナンスしているようです。 ダウンロードから起動まで Sikuliのサイトのダウンロードページからdmgファイルをダウンロードします。これをマウントして実行するだけです。 なお、Lion以降を利用している場合には、Gatekeeperの設定によって実行できな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://inspirationui.com/
ページネーションのベストプラクティス | POSTD
これデザインしたの誰ですか！！（まさかの第4弾。。） : himag
TechCrunch | Startup and Technology News
Private Presentation
心地よいUIの温度 - 言葉と気遣いで高めるUI -
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
お前自分ちのページャUIが本当に速いと思ってんの？
TechCrunch | Startup and Technology News