UIデザインBuild your website.Build your dream website fast and easy, without any coding. Learn more Find your own domain.This one is taken, but you can find another available domain easily. Learn more
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
ウェブのインターフェイスを考察する時、物理的なプロトタイプを使ってみるスタディ
ウェブのインターフェイスやインタラクションを考察する時、モニターから離れてリアルの物理的なプロトタイプでスタディするのもいいよ、という記事を紹介します。 Interface Origami [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Clear & Path Accordion Fold & Peel おわりに はじめに インターフェイスやユーザーの操作におけるスペースや奥行き感について考えるとき、実際に物理的なものを使って考察することが重要であることに気がつきました。物理的とは難しいものではなく、紙とハサミがあれば誰でもできることです。 紙を折りたたんだり、破ったり、ひっくり返したり、カールしたりすることで、間違いをしたかもしれない解決方法を見出すために試作することができます。 下記に以前作った、よく見かけるインターフェイス・インタラクションの例を紹介します。 C
HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework
CSSのキャッシュ対策 クロスブラウザ対応の角丸、ボックスシャドウ、不透明 ショートハンドCSS、再利用可能なclass ページ下部に固定表示されるSticky Footer CSS（Reset関連） リセットはHTML5ベースのEric Meyer's Reset Reloaded フォントのノーマライゼーション Webkit系ブラウザのフォントのスムージング フォーススクロールバー ラベルの一列化 クリック可能なインプット要素 スクリーンリーダー対応 IE7のイメージリサイジング 印刷時のスタイル X(HTML) クリーンなコード構造 コンテンツ幅は940px F型レイアウト 古いバージョンのIEからイメージツールバーの削除 最新のIEのレンダリングエンジン jQuey 1.5.2ベース（1.4.4も可） ページ上部へスムーズにスクロール HTML5のプレースホルダー機能 ナビゲーショ
25 Powerful Examples of Masonry jQuery Web Design
jQuery is a powerful tool for animation, image galleries, tooltips, dynamic forms, real time updates and a variety of other techniques that we’ve featured jQuery tutorials on before. It is purely used on many cased either in web design or development. However, jQuery web design effects can be hard to implement in designs properly, because you have to know how to use them to enhance usability and n
第4回 設計図とステンシルの活用 | gihyo.jp
ワイヤーフレームの設計ツールとしてVisioやOmniGraffleを紹介しましたが、それらのツールでは目的に応じたテンプレートを使用して作業を進めることになります。そのうち、ページフォーマット（種類としての枠組みやIDやタイトルなどを記すヘッダー要素など）を指すものと、もう1つ「ステンシル（シンボル・図形）」と呼ばれる「パーツ」を指す場合とがあります。今回はそのステンシルに注目してみることにします。 ステンシルとは 簡単に言うと、図形やシンボルを指します。つまり画面設計などを進めるためのパーツ類と考えるとわかりやすいかもしれません。 Webにおける画面設計は、Photoshopを立ち上げてする作業を指す場合だけではありません。もちろんラフとして手書きで描く場合もあるでしょう。ただし、大規模ないし複雑なWebサイト構築においては数名のメンバーとの共同作業と大量生産という点でこのステンシ
第9回 ユーザビリティテスト | gihyo.jp
連載の初回にソフトウェアテストの4つの分類をご紹介しました。今回は品質の観点から分類されるテストの中のユーザビリティテストについてご紹介します。 ユーザビリティテストとは？ ユーザビリティテストとは、ソフトウェアの使いやすさを確認するテストです。 皆さんが普段利用されているソフトウェアで、使いにくいと感じることもあるかと思います。機能要件は確かに満たされているけれども、実際使ってみると使いにくい場合があります。使い方がわからずあきらめてしまう場合もあるでしょう。利用者としてはそのソフトウェアは使えないも同然と受け取られてしまいかねません。 機能は豊富だが、使いにくくて誰も利用していないのでは、機能の目的を果たせません。有効に利用されなければソフトウェア開発に対する費用対効果が出てきません。 このようなことが起こらないよう、使いやすさを確保することを重視するケースが増えてきています。ソフトウ
Av-jyo.com
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
第9回 UIデザインの基礎知識：操作の流れに気を配ったインタラクション
使い勝手は，ユーザー・インタフェース（UI）の「デザイン」によって大きく変わる。一般にデザインという場合，画面上の要素について色や配置を決めていく「ビジュアル・デザイン」だけを想像しがちだ。出来上がったシステムに対し，「使い勝手の良いデザインを作ってほしい」と依頼するようなエンジニアは，たいていビジュアル・デザインに目が向いている。 実際はビジュアル・デザインだけでなく，利用者とシステムの対話方式を決める「インタラクション・デザイン」がある。画面遷移などを含むもので，ビジュアル・デザインよりも先に決める必要がある。インタラクション・デザイン抜きにビジュアル・デザインで帳尻を合わそうとしても限界がある。 UI設計に携わるエンジニアは，インタラクション・デザインとビジュアル・デザインの両方の基礎知識を持つ必要がある。システムによってはプロのデザイナーがプロジェクトに参加することもあるはずだ。デ
パタン・ランゲージ - Wikipedia
クリストファー・アレグザンダー パタン・ランゲージ (pattern language) は、クリストファー・アレグザンダーが提唱した、建築・都市計画に関わる理論。単語が集まって文章となり、詩が生まれるように、パターンが集まってランゲージとなり、このパタン・ランゲージを用いて生き生きとした建物やコミュニティを形成することができるとされる。 アレグザンダーは、『パタン・ランゲージ』（1977年、邦訳1984年）の中で、人々が「心地よい」と感じる環境（都市、建築物）を分析して253のパターンを挙げた。パターンが集まり、それらの関連の中で環境が形づくられる。1-94は町・コミュニティに関するパターン、95-204は建物に関するパターン、205-253は構造・施工・インテリアに関するパターンである。 パターンの例には「小さな人だまり」「座れる階段」「街路を見下ろすバルコニー」などがあり、これらは家
The User Experience Wheel
I have used this model for some time now, time to reveal it to the critical eyes of fellow practitioners. It is a model that tries to explain “what is user experience?” PDF Version The Model should be explained from the inside. It starts in the middle. Value is what we want to accomplish For customers and providers, positive user experience is a win-win situation We want to accomplish value throug
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
TechCrunch | Startup and Technology News
今時のシンプルでモダンなデザインが簡単に作れる、フリーのUIデザインPSD素材
商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle | コリス
Design Stencils - Design Pattern Library - YDN
TechCrunch | Startup and Technology News
Microsoft – クラウド、コンピューター、アプリ & ゲーム
HCD-Net通信 コーナーの記事一覧 | Web担当者Forum
LiquidPlanner Gets a Makeover