UIデザインに役立つツールUI Parade is closed. We now work on Blocs The Best Website Builder for the Mac.
Pull Down for Navigation | Tom Kenny Design
Mobile screen real estate is at a premium and one of the biggest problems to solve is how to display navigation when screen widths become quite narrow so I decided to have a look and see what I could come up with using some nifty CSS and a touch of jQuery. Trying to condense a navigation down onto a mobile screen tends to push the actual content of the site down and out of initial view. Luke Wrobl
画像インデックスの快楽
Samuel Finley Breese Morse 'Gallery of the Louvre', 1831-33 1ウィンドウでのドリルダウン ウィンドウ内に並べられたサムネイル画像。そのいずれかを選択すると、ディテールのページに遷移、もしくはオブジェクトのアクションを実行する。これは OS のウィンドウシステムから iPhone のアプリケーションリスト、Google 画像検索などの Web サービスにまで採用される標準的なUIの挙動である。以降、この UI を「画像インデックス」と呼び、話を進めていく。 単一ウィンドウ内でアプリケーションの各ページを表示する。ユーザがメニュー項目を選択してドリルダウンしていき、項目の詳細に入っていく場合には、ウィンドウ内のコンテンツ全体を入れ替えて新しいページを表示する。 Jeffifer Tidwell『デザイニング・インターフェース – パタ
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
パスワードの入力ミスを防ぐテキストボックスがイケてる話 - ヤルキデナイズドだった
Mac のパスワード入力ボックスに capslock のアイコンが表示されたときも感動したもんですが、今日はそれを上回るテキストボックスに出会ったので紹介します。 tinygrab.com で使われているテキストボックスには、このように： 入力した文字列に対応して固有のパターンをもつ3色のバーが表示されます。自分のパスワードに対応する色の組み合わせを覚えておけば、打ち間違いにすぐ気づけるんですね。かっこいい。 ログインページで適当なパスワードを入れて試してみましょう。バーの色がくるくる変わって楽しいです。 マスコットキャラがいる web サービスなら、キャラの表情がモンタージュで変化するようにしてもいいかもしれません。自分のパスワードは涙目の半笑いで真紫な顔、とか。
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
Homepage | Denny's
We are hiring you and your bestie. Denny’s has been recognized as Newsweek’s Most Loved Workplaces in the world, where employees are the happiest and most satisfied at work. We're America's Diner, and while many things have changed, one thing has remained the same: Our dedication to safely serving guests the food they love. From bolstering our sanitation and safety protocols, to developing drive-u
スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
ログイン画面の離脱率を下げる！ECサイト各社の工夫
こたつにみかんはじめました。nonakaです。 週に１度は通販で買い物してます。そんな中、ログインする画面をいろいろ見たので、ファッション通販サイトのログイン画面を集めました！ ファッション通販サイトの場合、ログイン画面に「新規会員登録」への誘導があるのがほとんどです。今回は、2つのパターンにわけてご紹介します。 「ログイン画面」エリア、「新規登録」エリアが上下にあるパターン セレクトショップ：BEYES ログイン画面、新規登録が上下にあるパターン。入力フォームが大きめで入力しやすい。新規会員登録のボタンは色を変えて目立たせてます。 無印良品 ログイン画面、新規登録が上下にあるパターン。フォームとボタンの横幅がそろっていて見やすいですね。 ユニクロ ログイン画面、新規登録が上下にあるパターン。入力フォームが大きくて見やすいです。ログインと会員登録の分けかたも見やすいですね。 子供服：goo
50 Examples of Pixel Perfect Button Design | Inspirationfeed
Last Updated on September 6, 2024 Buttons are always an important part of any website. The button’s main goal is to attract the user into performing an action you want them to. Meaning to sign up, purchase now, log in, vote up, and etc. Not only do they attract users, but they also add a mood to the overall website design. There are a huge variety of button designs out there. In this roundup we ha
たった5秒でウェブサイトがどんな印象を与えられるかテストできるサイト「Clue」 | ライフハッカー・ジャパン
「Clue」はウェブサイトが短時間でどんな印象を与えるかユーザテストできるサイトです。5秒間でウェブサイトを眺めて、その後すぐに「どんな印象が残りましたか？」というアンケートがとれます。ユーザの意見をきくことができますし、はじめの数秒でどんなインパクトが与えられたかもチェックできますね。 以下に使ってみた様子を載せておきます。 まず「Clue」にアクセスして、テストしたいサイトのURLを入力します。 スクリーンショット作成のため、その後しばらく待機です。 スクリーンショットが生成されたら、テスト開始です。 5秒間だけ先ほど指定したサイトを眺めることができます。 普通にウェブサイトを見る感じで、スクロールしましょう。5秒経つと画面が切り替わります。 どんな印象をもったのか、覚えてることを書いてくださいという内容。 結果も閲覧できます。 自分でやってもあんまし意味はないかと思いますので、他人に
Five Second Test
Five second testOptimize the clarity of your design or message by measuring first impressions and recall. What is a Five Second Test?Five second testing is a user research method that help you measure a users first impression of your design. It’s commonly used to test a users recall and assess if your design is effectively communicating it’s intended message. Why is Five Second Testing important?F
アイトラッキングから検証した、使いやすいフォームの10のポイント
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22～33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
Edits Quaterly
Yahoo Developer Network
Agence web 360° experte en e-commerce & marketing digital - DATASOLUTION
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
株式会社湖池屋｜総合スナックメーカーのコイケヤ
Internet Marketing Blog
