新規登録 UI まとめてみた｜あき
シンプルだけど難しい「新規登録」のデザイン。 派手さはないけど、地道な工夫の繰り返し。 新規登録まわりで離脱の少ないデザインを勉強したかったので、いくつかアプリをスクショしました。自分用で作成しましたが、誰かの参考になればと思います。 また、まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです〜。 パターン一覧 1. 登録必須型 2. 登録先行型 3. 利用先行型 4. メリット先行型 目的別の参考事例 1. 不要な遷移を削る 2. 不要な操作を削る 3. わかりやすく伝える 4. 魅力的に伝える おわりに ・最適な新規登録のタイミング ・注意すべきデザインの視点 ・スクショの保管場所1. 登録必須型ユーザー登録なしではアプリが利用できないパターン。 傾向 母数としては一番多い形式。プロフィールが大切なフィットネス系では、利用前にかなりの入力を求
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー
バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました。
覚えておくと便利なデザイン関連のチップス - Qiita
はじめに 覚えた当時、もっと早く知ってればなあと思った便利なチップスで、現在もよく使っているものを紹介します。 デザイン関連サイト アイコン素材 https://www.google.com/design/icons/index.html https://romannurik.github.io/AndroidAssetStudio/ https://materialdesignicons.com/ カラーチャート http://www.materialui.co/colors http://www.materialpalette.com/ チートシート（Holo 時代のもの） http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers/#naming-conventions-for-drawables レイアウ
AADESIGNS INFO
Penjelasan Olymptrade Forex Olymptrade merupakan salah satu broker daring yang menawarkan produk trading bagi investor. Olymptrade Forex adalah salah satu produk yang ditawarkan, yaitu trading dengan instrumen foreign exchange atau kurs valuta asing. Olymp Trade berdiri sejak tahun 2014 dan sampai kini melayani para investor untuk mengembangkan asetnya melalui trading. Dengan popularitas trading s
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
アプリのUIを改善するための7ステップ ∼Bump Recorder の UI を設計してみたよ編∼
Joomla! Frappe - Κατασκευή εφαρμογών για το Joomla! χωρίς να τραβάτε τα μαλιά...Nicholas Dionysopoulos
Mobile App Gallery｜tappgala.com
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
[PDF]スマートフォンのインタラクションデザインに関する ユーザビリティ調査
2011 / 10/ 14 1 ≪お問合せ先≫ 株式会社アイ・エム・ジェイ 広報室 広報グループ TEL:03-6415-4257 MAIL:irpr@imjp.co.jp 株式会社 IMJ モバイル 東京都目黒区青葉台 3-6-28 代表取締役社長 川合 純一 スマートフォンのインタラクションデザインに関する ユーザビリティ調査 ～最も支持される JavaScript の表現方法とは～ 株式会社アイ・エム・ジェイ（JASDAQ 4305）のグループ会社である株式会社 IMJ モバイル（本 社：東京都目黒区 代表取締役社長：川合 純一）は、「スマートフォンのインタラクションデザイン に関するユーザビリティ調査」を実施いたしました。 調査期間は 2011 年 9 月 14 日～9 月 15 日、有効回答数は 412 名から得られました。 調査結果概要 スマートフォンの普及に伴い、インタラク
Android スワイプ動作でページ送りする方法(ViewPagerの使い方) | TechBooster
ViewPagerを使うとページ送りを簡単に実装することが出来ます。 ViewPagerは左右にページ送りできます。またアニメーションがつくので非常にわかりやすく、直感的なUIを提供できる機能です。 便利な機能ですが、2011/9/29時点ではAndroid SDKに含まれておらず、Android Compatibility package, revision 3(外部ライブラリー)として提供されています。 今回は、この外部ライブラリーの追加から実際のサンプルコードが動作するまでを紹介します。ポイントは次の2点です。 外部ライブラリ「Android Compatibility package, revision 3」の導入 ViewPagerをつかうためにはPagerAdapterが必要 ごく簡単に言えば、ViewPagerは入れ物です。表示する内容（ギャラリーアプリであれば写真、動画など
Horizontal View Swiping with ViewPager, Updated
Posted by Rich “geekyouup” Hyndman, inspired by the fact that life just got that little bit easier Updated Dec 12 2012 It has been over a year since the ViewPager launched and in that time it’s been used by many developers to improve the user experience of their applications. Over the year the APIs have been updated, adding some new features and deprecating some old method signatures. Five methods
Android UI Design Tips
■ UIを意識すべきなのはどうして？ 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール＆購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと ＊ やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない！ ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない！ ・柔軟性を持つ！（absolute-positioned layout はダメ） ・px
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
cmmntr.com
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
スマホデザインパターン なう
勘違いだらけのAndroid UIデザイン
IDEA * IDEA
デザイン | Android Developers
http://www.mobiledesignpatterngallery.com/mobile-patterns.php