複数ブラウザでの確認を怠らない ～ブラウザーモードとドキュメントモード～
WEBサイトのレイアウトを変更していると、自分がよく使用するブラウザでの確認がメインになり、それ以外のブラウザでの確認が疎かになってしまうことが、よくあります。 自分は使用しているブラウザがChromeメインなので、他のブラウザ（あるいは、下位のバージョン）で見た場合のレイアウトを疎かにしていました。 特にIEの場合、ブラウザのメジャーバージョンによって、サイトの表示が大きく異なってしまう場合があります。私の場合も、IE7、IE8、IE9でそれぞれ異なっていました。 ※IE6は完全に捨てています。 やっかいなIEですが、ブラウザーモードとドキュメントモードを利用することで、古いバージョンの表示をエミュレートして確認することができます。 方法は、 ご使用のInternet Explorerの右上より、 「ツール」=> 「開発者ツール」(又はF12キー)を押す で、以下のようなレイアウトが表示
イラレでWebデザインをされる方にお願いしたい7つのこと。
普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 １．色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作ってしまうことがあるかもしれません。 でもWebはRGBの世界です。変換すると意図した色にならなかったりしますので、 最初からRGBで作ってください。埋め込む画像も同じです。 ２．どこがデバイスフォントなのか分かるように指示を。 紙の世界では文字は文字でしかありませんが、Webの世界では「テキストデータ」にするのか 「画像」にするのか決めなければなりません。本文は原則「テキストデータ」ですが、 判断に困る
優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design（直訳: 優れたUIデザインの14の金の卵）」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました！ （この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。） 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX（ユーザーエクスペリエンス）をユーザーに与えたいですか？
10代のユーザビリティ： ティーン向けWebサイトのデザイン
ティーンは、自分のウェブを扱う能力に（過剰に）自信を持っているが、彼らのパフォーマンスは大人に劣る。読解レベルの低さや、忍耐力のなさ、発展途上の情報収集スキルにより、ティーンのタスク成功率は低くなる。そのため、サイトはシンプルで共感しやすいものにする必要がある。 Teenage Usability: Designing Teen-Targeted Websites by Jakob Nielsen on February 4, 2013 日本語版2013年2月18日公開 ティーンはインターネットにつながっている。テクノロジーがティーンエイジャーの生活に深く溶け込んでいるため、彼らに役立つ、ユーザブルなウェブサイトを作り出すことがこれまで以上に重要になってきている。次善のものがクリックするだけで手に入り、SMSメッセージによる割り込みが例外ではなく普通のことである世界で成功するには、ウェブサ
หน้าแรก - fb-research สล็อตออนไลน์ใหม่ๆ
สล็อตออนไลน์ใหม่ๆ สล็อตและคาสิโนเป็นส่วนหนึ่งของอุตสาหกรรมการพนันที่มีประวัติยาวนาน หากคุณไม่อยากพลาดการรวบรวมบทความต่างๆ ที่มีความน่าสนใจทั้งหมดของค่าย PGSOFT, PG SLOT, PUSSY888, HABANERO, JILI, RICH88 และอื่นๆ อีกมากมาย ห้ามพลาด! สล็อต: ความเริ่มต้น: แรกเริ่มมาจากเครื่อง Liberty Bell ที่ถูกสร้างขึ้นโดย Charles Fey ในปี 1895 ณ เซนฟรานซิสโก พัฒนาการ: สล็อตได้รับความนิยมเรื่อย ๆ จนกลายเป็นเครื่องเล
UX に真面目に取り組める組織づくりについてのスライドを公開しました - つきあたりを右に
と、いうわけで転職しました 本来の職種は相変わらず 「前例の無い事をなんとか形にして」をなんとかするデベロッパとしてですが、 「UX Developer として組織的に UX とかそういうの強くして」というのも兼任しております で、入社して1週間経って、早々と「じゃあ、出来る UX デザイナー/ディレクター/エンジニア を社外から引っ張るとか、採用募るとか、属人性の高い他力本願にしないで、組織として体制を整える方向で行きましょうよ」ということで作ったのがこのスライドです このスライドについて 昨今、割とどのソフトウェア・Webサービス開発の現場でも「UI/UX デザイナーを募集します」と求人出しています。 しかし、求人出してるところって、そもそもそういう人材が不在で、受け入れ態勢整ってない事多いのが実情です。 そして、その後どうなるかというと、その人の属人性に大きく依存した働きのみが期待さ
［み］企業だけでなく、大学もビジュアル・アイデンティティって大切だと思う
10月に入って、一気に寒くなってきましたね。みはら（@masashi_385）家の犬も、鼻水たらしてます。 さて、今日の話は、「ビジュアル・アイデンティティ」についてです。なんじゃそりゃ？っていう方がほとんどだとは思いますが、要は、ロゴとか、シンボルカラーとか、ブランドイメージをつくるアイテムをあつかうときの基準を示したものです。そして、最近では大学がこのビジュアル・アイデンティティを定めているところが増えてきています。 大学のユニバーシティ・アイデンティティ このビジュアル・アイデンティティは、大学の場合、ユニバーシティ・アイデンティティと呼ばれることがあります。このユニバーシティ・アイデンティティはWebでも公開している大学がいくつかあります。そのいくつかのうちのいくつかを紹介します。見ているだけで、とても参考になりますし、勉強になります。 九州大学 UIハンドブック［PDF 4.10
ユーザービリティに配慮したデザイン制作に!ローディング画像のPSD素材まとめ「18 Free Progress And Loading Bars High Quality PSD’s」
ユーザービリティに配慮したデザイン制作に!ローディング画像のPSD素材まとめ「18 Free Progress And Loading Bars High Quality PSD’s」 企業の顔として当たり前の存在となっているWEBサイトは、一般ユーザーの方がいかにストレスなく利用することができるかを考えることが重要です。そんな中今回は、ユーザービリティに配慮したデザイン制作に使える、ローディング画像のPSD素材をまとめた「18 Free Progress And Loading Bars High Quality PSD’s」を紹介したいと思います。 印象的なローディング画像やプログレスバーが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Status Bar – 365psd シンプルなローディング画像デザインです。
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を
スマートフォンサイト制作運用出張セミナー 〜 スマホ対策は次の世代へ | H2O Space.
はじめに 〜スマホ対策は次の世代へ〜 スマートフォンに向けたWebサイト制作は、すでに当たり前といえる状況になってきた昨今、スマホサイトは次のステップに進もうとしています。 それは、PC向けのWebサイトとスマホサイトを一つのソースで実現する「レスポンシブ・Webデザイン」。 効率よく、管理の手間を省いて、多くの利用者に最適なWebを提供するこの考え方は、今後のWebサイト制作で重要なトピックとなります。 本セミナーでは、そんなスマホ向けサイト制作のノウハウを1日（4時間）という講義に濃縮してお届けする、出張型のセミナーです。 01. セミナー概要 本セミナーは、主催者様が開催日・開催場所・開催時間や参加人数などを自由に決めて開催するスタイルのセミナーとなります。 社内研修や仲間内の勉強会、イベントの開催などでご利用ください。全国どこでもお伺いいたします。（交通費はご負担ください） また、
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
高スキル人材シェアリングサービス | Skillots (スキロッツ)
私たちの思い 私たちエフ・プラット株式会社は、このSkillotsを含む提供サービス群を、クリエイティブな才能や様々な技術・知識などの「能力＝アビリティ」を言語や地域を越えて流通させる市場、「アビリティ・プラットフォーム（Ability Platform）」として定義しています。 場所や時間にとらわれず誰でも参加できる「アビリティ・プラットフォーム」においては、誰もが自分の持つ能力を求める人や企業にサービスを提供し、正当な対価を得ることができます。また同時に、企業や個人が必要な時に必要な能力を持つ人材を見つけ、すぐに目的の成果物を調達することを可能にします。 私たちは「アビリティ・プラットフォーム」の提供を通じて、世界中の人々が自由に働き方を選択できる環境を整備するとともに、人材活用の利便性をダイナミックに改善させることで、事業活動の理想化や生活の向上をサポートしていきます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もし新人女子営業が『UXデザイン入門』を読んだら
Lead the webmasters to future with "IA Thinking" for UX Design
http://handywebdesign.net/
東京デザインプレックス研究所｜デザイナー・クリエイター育成の専門校｜渋谷
Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
ホームページテンプレート#13 Mascot ダウンロードページ | WEB MAGIC
Stocker.jp/diary
