Webデザインのスタイルガイドの作り方 | UX MILK

2017/08/28 924 users webデザイン スタイルガイド 作り方

Tomasはリトアニアの旅行 ライフスタイルに関する起業家 およびブロガーです。彼はブログや毎週配信される ニュースレター で、趣味やライフスタイルデザイン、起業精神について執筆をしています。 Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Web... 続きを読む

Gitを一度はあきらめた人のためのわかりやすいスライド９選 | UX MILK

2016/03/01 873 users Git スライド エンジニア デザイナー Git初心者

エンジニアの方はすでにGitを使用している方も多いと思いますが、最近ではGitを活用しているデザイナーの方も増えてきました。今回はGit初心者の方にもわかりやすく解説されているスライドをまとめてみました。Gitは使ってい […] 続きを読む

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選 | UX MILK

2016/09/14 824 users CSS コピペ After HTML 見出しデザイン

WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば... 続きを読む

文字や背景にピュアブラックを使ってはいけない理由 | UX MILK

2018/08/20 722 users デザイ UX Movement 統計 眼精疲労 成人

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイ... 続きを読む

Webデザインが圧倒的に捗るChromeの拡張機能12選 | UX MILK

2016/03/10 618 users Chrome キャプチャ webデザイン 効率 みなさん

みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL： FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます... 続きを読む

エラーメッセージはフォームのどこに表示するべきか | UX MILK

2018/08/28 599 users UX Movement 著者 エラーメッセージ フォーム 開発

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できな... 続きを読む

InstagramやAirbnbなどのUIデザインに見る新しいトレンド | UX MILK

2016/08/28 596 users Instagram Airbnb UIデザイン

この記事はSWARMからの翻訳転載です。配信元または著者の許可を得て配信しています。 SWARM - Complexion Reduction: A New Trend in Design (2016-06-24) ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押... 続きを読む

メールアドレスの確認フィールドをなくすべき理由 | UX MILK

2018/03/27 567 users 理由 メールアドレス メールア ユーザ UX Movement

UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 メールアドレスは、もっとも間違いやすいフォームフィールドの１つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールア... 続きを読む

より良いCSSを書くための様々なCSS設計まとめ | UX MILK

2016/07/07 561 users 良いCSS

CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考とな... 続きを読む

モバイルではメニューを画面下に表示すべき理由 | UX MILK

2018/09/03 525 users 画面下 メニュー 理由

UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。。 スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりまし... 続きを読む

Gitを実践的に使うために参考にすべき記事20選 | UX MILK

2016/09/13 517 users Git Issue pull request スライド チーム

チームで開発を行うときにGitのスキルは必要不可欠なものとなってきています。以前、 Git初心者向けにスライドをまとめたもの を紹介しましたが、今回はGitをさらに活用するために参考にしたい記事を紹介します。 この記事は以下のような方におすすめです！ ・ブランチをどのように運用すれば良いのかわからない。 ・コミットメッセージの書き方にいつも悩んでしまう。 ・issueやPull Requestをも... 続きを読む

「プログラミングは簡単に学べる」という嘘 | UX MILK

2016/10/11 425 users プログラミング Isn't マーケター 文句 彼ら

プログラミングを学ぶことは簡単なことではありません。それは誰でも知っていることです。 ですが、残念ながら「プログラミングは簡単！」といった文句でビジネスをしようとするマーケターはたくさんいます。彼らのプロダクトを使えば、あるいはそうなるのかもしれませんが。 Hearing the WWDC keynote say coding isn't hard frustrates me. It's extr... 続きを読む

優れたダッシュボードをデザインするための10のガイドライン | UX MILK

2018/12/04 415 users ガイドライン ダッシュボード

Neilは、イギリスのAstraZenecaで働くUXデザイナーです。現在さまざまなUXデザインのプロジェクトを率いています。 もしあなたがプロの自転車競技に詳しければ、「アシスト（Domestique）」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割... 続きを読む

【2018年春】今チェックしておきたいデザインツール12選 | UX MILK

2018/04/02 409 users ２０１８年春

JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや 彼自身のポートフォリオ で見つけることができます。ツイッター @jakerocheleau から最新のアップデートをフォローできます。 デザイン業界の流れは速く、絶えず新しいツールが誕生しています。そのため、デザイナーとして最先端を走り続けるには、世の中の動向につねに注意する必要があります。 そこで今回は2... 続きを読む

その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か | UX MILK

2016/07/25 403 users 明度 文字 デザイン 何％

この記事はUX Movementからの翻訳転載です。配信元または著者の許可を得て配信しています。 UX Movement - Why Your Gray Text Should Never Exceed 46% Brightness (2016-04-05) 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかる... 続きを読む

読み間違えると恥ずかしい！デザイン・プログラミング用語15選 | UX MILK

2016/05/17 391 users デザイン

ITの制作現場では、どんな職種でもコードや開発言語などの話題は避けて通れません。ただでさえカタカナ用語の多い業界ですが、プログラミングやコーディングの用語などはカタカナですらなく英語表記ですし、中には読み方が不明確なものもあります。 チームメンバーもさることながら、他社の人と話すときに間違った読み方を使っていたら恥ずかしいですよね。今回は間違いの多いと言われる用語や、議論を読んでいる言葉をピックア... 続きを読む

モバイルアプリのUIデザインの参考になるスライド10選 | UX MILK

2016/03/13 388 users モバイルアプリ 素晴らしいスライド UIデザイン 視点 参考

今回はモバイルアプリのUIのデザインの参考になる素晴らしいスライドを紹介します。 モバイルアプリはWebデザインとはまた異なった視点が必要になってきます。モバイルアプリ特有のデザインフローや、プロトタイピング手法について […] 続きを読む

アニメーションを使った効果的なモバイルなトランジション例 | UX MILK

2018/11/15 353 users アニメーション ソフトウェアデベロッパー Nick 要素

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 アニメーションはユーザー体験において重要な要素です。モバイルアプリ画面のトランジションにおいて、アニメーションで伝えられることはたくさんあります。メッセージ送信、設定画面を... 続きを読む

北欧のUXデザイナーが日本の文化から学んだこと | UX MILK

2020/02/04 350 users UXデザイナー 北欧 インスピレーション 文化 デザイナー

日本人は、複雑なデジタルテクノロジーを使いこなし、伝統文化からインスピレーションを引き出すことの本当の意味を理解していると言えます。私たちは北欧のデザイナーとして、日本のデザインと文化から学ぶべきものを見つけたいと思いました。そこで私たち、Design MattersのJulieとMichaelは、デジタルデザインの新し... 続きを読む

Amazonに見られる、UI変更を伴わないUX改善 | UX MILK

2015/09/27 326 users UX改善 UI変更 Amazon EC業界 アカウント

Webやアプリ等のデジタルなサービスに触れていると、UXと言えばUIを包括したものと考えがちです。 今回は、ECサイトを例にとり、UI変更を伴わないUX改善について触れてみたいと思います。 先日９月９日、Amazonジャパンが携帯電話番号があればメールアドレスなしでもアカウント作成できるよう仕様変更を行いました。これはあまり大々的にニュースに取り上げられていませんが、実際にはEC業界にとって大きな... 続きを読む

トグルスイッチの誤用をやめよう | UX MILK

2019/11/20 324 users トグルスイッチ Anthony トグル 誤用 ユーザ

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状... 続きを読む

相手を説得するときにデザイナーがやってはいけない８つのこと | UX MILK

2017/10/03 318 users デザイナー 相手 ８つ

Paul BoagはUXデザイナーでデジタル転換のエキスパート。非営利団体がWeb、ソーシャルメディア、モバイルを利用する支援をしている。 私たちは仕事をするために、クライアントとステークホルダーを納得させる必要があります。彼らがいないと、私たちは必要なことをするための承認を得ることができません。しかし、私たちのほとんどは説得するのが驚くほど下手です。よって問題は、私たちがどのように説得に失敗する... 続きを読む

次世代のワイヤーフレーム「マイクロフレーム」とは | UX MILK

2017/07/31 314 users ワイヤーフレーム UXPin プロトタイプ ポーランド CEO

Marcin は製品デザインのプラットフォームである、 UXPin の CEO および共同創設者です。 2010 年に UXPin を共同創設して以来、彼はポーランドのシリコンバレーオフィスの製作チームをリードし手助けしてきました。 「ワイヤーフレームの時代は終わりました。インタラクティブなプロトタイプこそがすべてです。」 私たちは少なくとも ７年間 は、この主張を聞き続けてきました。もしこのよう... 続きを読む

Flashはなぜその役割を終えたのか | UX MILK

2015/12/09 311 users Flash Adobe w3techs 名称 転換期

Flashという名称が無くなってしまうーー2015年11月末、Flash Professionalのアプリケーション名称を「Adobe Animate CC」に変更するという発表がAdobeからあり、20年に及んだFlashの歴史が転換期を迎えました。「Flashは死んだ」と評されてすでに久しいですが、存在よりも先に名称が消えてしまうことになるとは思わなかった方も多いでしょう。 W3Techsによ... 続きを読む

Webデザインのアイデアに困ったら覗きたいサイト10選 | UX MILK

2016/07/18 306 users インスピレーション webデザイン レスポンシブデザイン

この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1.  MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです... 続きを読む