効果的なUXライティングのための16のルール | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注：当記事はあくまで英語におけるUXライティングについての紹介になります。 なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか 多くの場合、プロダクトの開発者は、UIのテキストをプロダク
エラーメッセージはフォームのどこに表示するべきか
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？ ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に
「プログラミングは簡単に学べる」という嘘 | UX MILK
プログラミングを学ぶことは簡単なことではありません。それは誰でも知っていることです。 ですが、残念ながら「プログラミングは簡単！」といった文句でビジネスをしようとするマーケターはたくさんいます。彼らのプロダクトを使えば、あるいはそうなるのかもしれませんが。 Hearing the WWDC keynote say coding isn't hard frustrates me. It's extremely hard. You're setting beginners up for huge disappointments. — Tyler McGinnis (@tylermcginnis33) 2016年6月13日 WWDCキーノートで「プログラミングは難しくない」と言っているのは本当に腹が立ちます。ものすごく難しいですから。初心者を騙してがっかりさせるだけです。 誰かがあなたに対してプ
HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン
米国のデザイン会社のCEOが語る、結果を出すためのデザイン
成功を収めているデザインエージェンシーを経営するというのはどんな感じなのでしょう？ 経営者がデザイナーを兼任する場合、そのバランスはどう取っていくのでしょう？ 今回、私たちは米国のデザインエージェンシーPlatformの設立者で、デザイナーであり事業家でもあるLukas Horak氏を招いて、Platformでの彼の様々な役割について学びたいと思います。 このインタビューではPlatformのデザインプロセスや、数々の有能なデザイナーを率いることへの挑戦などに迫ります。また、Platformの素晴らしいデザインの一部も公開してくれていますので、インスピレーション溢れるチャットセッションを存分にお楽しみください。 デザインで結果を出すということ ―お時間を頂きまして、ありがとうございます。まずは、簡単な自己紹介からお願いします。 デザインに特化したデジタルエージェンシーPlatformのCE
2016年上半期注目のUX本まとめ（関係者コメントつき）
2016年は上半期だけでも多くのUXに関する書籍が刊行されています。 UXと言っても様々な領域を含みますので広義でいうと全ては取り上げられないのですが、今回は特にUXやIA界隈などで話題になっている本を中心に取り上げ、編集部の独断と偏見ではありますが簡単なご紹介と難易度のようなものも記載させていただきました。 各著書の関係者の皆様にもコメントを頂いておりますので、ぜひご購入の参考にしてください。 ※以下書籍は発売順 ※初心者向けのものが多いので、難易度に関しては主に初心者目線でつけています。★が増えるほど上級者・実践者向けです。 1. IA/UXプラクティス IA/UXプラクティス モバイル情報アーキテクチャとUXデザイン 難易度：★★☆☆☆ UXの基本的な定義や考え方から実践的な内容まで広く取り扱っている本です。理論よりも実践重視で、各チャプターに基礎講義パート→実践Q&Aパートに分かれ
環境構築は必要なし！すぐにプログラミングが始められるWebサービス10選
コードを試したい場合だったり、プログラミングの学習をしたりするときに、開発環境を整えるのが面倒なことはありませんか？今回は面倒なアカウント登録も不要で、ブラウザだけですぐにプログラミングができるWebサービスをご紹介します。 Runstant http://phi-jp.github.io/runstant/release/alpha/ 対応言語：HTML, CSS, JavaScript Web系のコードを試すときに便利なサービスです。エディタがSublime Text風のハイライトで見やすく動作もサクサクなので非常に使いやすいです。saveボタンを押すことでコードの情報が入ったURLが自動的に生成され、簡単に他の人にシェアすることができます。また、上のshareボタンを押した後にembed codeの内容を記事内に埋め込むとコードと開発環境自体も埋め込むことができます。Webデザイナー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Docker で Ruby on Rails の環境を作る方法：unicorn + nginx
Gitを一度はあきらめた人のためのわかりやすいスライド９選