サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
![優れたフォームをデザインする](https://cdn-ak-scissors.b.st-hatena.com/image/square/accfedb7700d97fe5f32a380683b20054053fe0c/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2ALJ0JHTq5_k1u23Fl9XTNmA.jpeg)
https://dribbble.com/shots/1679085-Mobile-UI-Blueprint-freebie私の職場ではUIについてのマニアックな談義が行われることがあります。アプリやwebだとかのデザイン会社なので周囲にはUIやUXのプロフェッショナルが集まっていて、『UI談義』の文化が根付いています。 UIを解剖するためのUI談義UI談義とは、UIオタクで集まってUIのことをひたすら考察し合うだけの集まりです。ここには職種問わず誰でも参加が可能で、UIデザイナーはもちろん、iOSデベロッパー、Androidデベロッパー、PM、マネージャーなどなど、あらゆるタイプの人が集まります。 UI談義のテーマは突如設定されます。普段利用しているアプリのちょっとしたインタラクションが気になったらそこでUI談義が始まります。iOSのアップデートでApple純正アプリのUIが変わったタイ
この hiraku.js は、弊社で開発している a-blog cms の中で利用するために作られた「オフキャンバスメニュー用のJavaScript」を、より多くの人に利用してもらえるように jQuery のプラグイン化したものです。 オフキャンバスメニューとは画面左右から出現するメニューのことで、ドロワーメニューとも呼ばれたりします。 オフキャンバスメニュー用の JavaScript は Google で「offcanvas JavaScript」のように検索すると多く見つけることができますが、今回 hiraku.js で実装した特徴を全て満たすものを探す事ができなかった事から自作する事になりました。 appleple.github.io/hiraku では、簡単に英語で利用方法が解説されていますが、こちらでは日本語でしっかり解説を書いてみようと思います。
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
1.うずらフォント(手書きフォント系) ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね! このフォントの使いみち ダウンロードはこちらから 2.Noto Sans Japanese /a 源ノ角ゴシック(ゴシック太さ多数) GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません? winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ! ぼくも、そう思います! あーでも、しかし1つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利! OSに最初に入ってるフォントは、太さの種類が2、3種類だと思います。 ボールドボタンで太く
日頃から多くの課題に取り組むデザイナーは、限られた制作時間のなかで高品質なデザイン素材を作成することも求められることもしばしば。 あらかじめデザインされた素材やテンプレートをうまく利用することで、制作スピードを格段に早くすることができます。 今回は、デザイナーがブックマークしておきたい、高品質な無料デザイン素材を公開しているウェブサイトやブログをまとめてご紹介します。 詳細は以下から。 デザイナーがブックマークしておきたい、無料デザイン素材サイトまとめ Dribbble Dribbble は、世界中から多くのデザイナーが参加するコミュニティーサイトで、デザインアイデアだけでなく多くの素材が無料で公開されています。 Free Design Resources Free Design Resoruces は、フォントやテクスチャ、Photoshop用ブラシやパターン素材、テクスチャやモックアッ
あらゆるデザインプロジェクトに欠かせない素材のひとつ、テクスチャ素材。平凡な背景デザインを魅力的にしたり、重ねて利用するだけで見た目を良くしてくれるお手軽アイテムまで、現在ではさまざまな素材が公開されています。 今回は無料ダウンロードできるテクスチャ素材を厳選しご紹介します。トレンドの水彩ペイントやビンテージスタイル、マーブル柄の他、普段使いにオススメのウッドや紙、グランジテクスチャなど合計446枚の幅広いセレクションを揃えています。 デザインツールボックスに追加し、今後のクリエイティブなデザイン案件に活用してみてはいかがでしょう。 詳細は以下から。 雰囲気を手軽にアップできる、持っておきたい無料テクスチャ素材セットまとめ Freebie: High Res Marble Textures 背景デザインに最適なマーブル柄のテクスチャ素材セットで、落ち着いた色合いは幅広いクリエイティブな作品
こんにちは、ディレクターのエリカです。 突然ですが、OGPの記述って意識していますか? OGP(Open Graph protocol)とは、単刀直入に言うとSNSでシェアしたときに表示される情報のことです。 OGP記述を設定することで、SNSでシェアされたときの視認性が高まるので、設定は必須としたいところです。 過去に何度か設定変更があり、いつも「何が最新なの?」と迷ってしまうので、2016年最新版をまとめてみました。 OGPの記述設定 HTMLの内に下記を記載します。 //共通項目 <meta property="og:title" content="ページのタイトル" /> <meta property="og:type" content="ページのタイプ" /> <meta property="og:url" content="ページのURL" /> <meta property=
ロボットが資産運用をアドバイスする時代。10万円から始められる「THEO」に聞いてみた2016.11.29 17:00Sponsored 小暮ひさのり なんでこの人、いつも同じ服なんだろう? そんな疑問を抱いた相手は、ひょっとしたら成功者かも。なんで?と思うかもしれませんが、実例があるのですよ。それは皆さんよくご存じのFacebook CEO「マーク・ザッカーバーグ」。 ザッカーバーグはかつて、とあるQ&Aセッションで「いつも同じTシャツを着ているのは重要な物事に集中するため」という持論を語りました(「The Telegraph」の記事)。 この考え方は極論に思えるかもしれません。しかし、近ごろは「ウィルパワー(意志力)は決断によって消耗する」といった話題も耳にします。決断の回数を減らして重要なことに意志力を使うという考え方は、注目されるべきスタンスなのかもしれません。 とはいえ、ザッカー
ソーシャルメディアのAPIとそのレート制限は、あまり気分のよいものではありません。特にInstagram。あんな制限つきAPIを欲しがる人がいったいどこにいるんでしょうね? 最近のサイトは、スクレイピングやデータマイニングの試みを阻止するのがうまくなってきました。AngelListはPhantomJSすら検出してしまいます(今のところ、他のサイトでそこまでの例は見ていません)。でも、ブラウザ経由での正確なアクションを自動化できたとしたら、サイト側はそれをブロックできるでしょうか? 並行性を考えたり、さんざん苦労して用意した結果として得られるものを考えたりすると、Seleniumなんて最悪です。あれは、私たちが「スクレイピング」と聞いて思い浮かべるようなことをするためには作られていません。しかし、賢く作り込まれた今どきのサイトを相手にして、インターネットからデータを掘り当てるための信頼できる
iOS:スマホに必ず入っているアプリの一つに地図があります。汎用性が高いマップは一見便利に見えますが、必要ではない場所の情報もあふれているものです。 『Muppin』は、自分が頻繁に行く場所をピン打ちしてオリジナルマップが作れるアプリです。旅行の記録や、グルメ情報など国内だけではなく、海外の情報も共有できます。 新規マップ作成は、中央の「編集マーク」から行います。タイトルを決め、簡単な説明を記入します。この時、オプションの「このマップをシークレットのままにする」をONにすることで、自分だけが閲覧できる地図となります。営業職の方がお得意様マップを作る場合でも、シークレット設定にしておくことで、ビジネスにも利用できるというわけです。 また、場所を登録する際も「編集マーク」から行い、ここではたくさんの種類のアイコンから見つけやすいカラーを選ぶことで、個性的なピンを作成できます。 説明の欄には場所
世界的に優れたパッケージデザインを表彰するため、2007年から毎年実施されているペントアワード(英: Pentaward)。 設立者のひとり、ブリジット・エブラール (Brigitte Evrard)は、「パッケージデザインは、コスト削減と短期的な利益回収、各マーケットにおける法律をクリアするなど、とても要求が高く、訓練の難しい分野です。ペントアワードの目標は、大量消費される商品から、ラグジュアリーな高級アイテムまで、あらゆる市場から集めたパッケージデザインを表彰することです。」と述べています。 作品のクリエイティビティやクオリティに基づき、銅、銀、金、プラチナ、そしてその年もっともすぐれた作品に贈られる「ダイヤモンド」の各賞が授与されます。2016年は、54カ国から1,843のパッケージデザインがエントリーし、その授賞式が中国、上海で行われました。 今回は見事に受賞を勝ち取った、クリエイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く