【UI・UX】登録フロー・フォーム周りのデザインについて – T2
読了: 約 4 分 管理画面やWEBサービスの制作にあたり、登録フローを図式化したものって結構ありますよね。 ただ、そのデザインは何も考えないと陳腐というか味気ないものになってしまい、 本来の目的は達成しているが、行動を起こす気にならないものもあります。 ⇒ そこで喚起させる必要はないかもしれませんが。 ということで、登録フロー周りのデザインについて少しまとめます。 目的 登録フローなので、今自分はどういう情報を入力していて、 あとこのあとがどういうフローになっているかを視覚的に表現できれば 良いとおもいますが、それだけだと、ユーザーにとってどうなのか。 という疑問があったため、 １．そもそも情報を表示する以外に喚起する必要があるのか、 ２．他サイトはどうなのか ３．どういうデザインがあるのかをケーススタディで学んでいきたいと思う。 ケース 既に数個ですが、登録フローをまとめているサイトが
2万以上ものUIパーツをダウンロードできるサイト「UICloud」 * R4 * Webサービスレビューサイト
PSDやCSSで作られた高品質なUIパーツを集めたサイト「UICloud」のご紹介です。 DesignmooやdeviantARTでダウンロードできるUIパーツのPSDなどを集めたサイトです。 現在、22,000以上のパーツ、1,000近いUIセットが検索でヒットするとのことです。 個別ページの画像下にダウンロードボタン、オリジナルページへのリンクがあります。 画像右のエリアにはライセンス情報、レーティング、ダウンロード・閲覧数、タグ、ファイル情報が表示されます。 PSDのパーツ素材だけでなく、キーワードに「CSS」等を含めると、HTML、CSSソースがダウンロード可能なものも見つかります。 画像下の「Live Preview」ボタンからプレビューが可能です。 このセットではCSS、HTML、JS、PSDがダウンロード可能です。 自身で作ったUIパーツ、UIセットをこちらのページから登録す
スマートフォンサイトをデザインする際の注意点まとめ | サイブリッジラボブログ
こんにちは、りうこです。 今日から11月ですね! といっても今日も20℃オーバーで暖かいので、寒いのが苦手な私はこのくらいの気温が続いてくれればいいのに。。と思っています。 では、早速ですがスマートフォンをデザインする際に気をつけたいことをご紹介します。 横向きで見ることを想定したデザイン これはコーディングの際にも気をつけなければならないのですが、 固定幅でデザインすると、横向きにしたときに下の画像のように余白ができてしまいます。 リキッド（可変幅）を想定してデザインするのが基本です。 フォントサイズは12px以上 文字が読みづらくなるということもありますが、 iOSのSafariでは、文字サイズが11px、10px、9pxのときは 折り返し地点の右側に余白ができるというバグがあるようです。 【参考】iOSのSafariで特定のfont-sizeのときの謎の隙間 http://webte
Photoshop関連まとめ - かちびと.net
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイト ブラシ・シェイプ・パターン ブラシや、カスタムシェイプ、パターンの配布サイト WeGraphics / フリーブラシカテゴリ。11セットほど配布 Brushesdownload / ブラシ配布専門のサイト Gfxfeve
[JS]設置も超簡単、あなたのウェブページのスクロールを慣性スクロールにするスクリプト -NiceScroll
live demo: IFrame iframeを使ったデモです。 div要素と同様にスクロールバーのカスタマイズ、コンテンツのズームが可能です。 NiceScrollの特徴 既存のコードの修正無しで、簡単に設置ができます。 ページのスペースを必要としないスクロールバーを設置できます。 スクロールバーのデザインを変更できます。 すべてのブラウザでマウス・キーボードでスクロールができます。 スクロールは慣性スクロールに対応しており、スピードは調整可能。 コンテンツのズーム機能。 対応ブラウザ IE6を含めたデスクトップブラウザだけでなく、iPhone, iPadなどモバイルブラウザ、タッチデバイスに対応しています。 Firefox 4+ Chrome 5+ Safari 4+ (win/mac) Opera 10+ IE 6+ iPhone, iPadなどのiOSデバイス [ad#ad-2]
Chivas 18 Gold Signature Business Lounge vol.01
辻野 デザインが重要だ、ということをトップがものすごくよくわかっていた。これにつきます。なにせ、デザインセンターが社長直轄の部門として置かれていましたから。デザイン業界では、当時ソニーのデザインセンターで働くのはステイタスだったんです。 トップがデザインに関与する、とはどういうことか。それは、単なる製品のデザインをかっこよくする、という話じゃないんです。自社の製品を通じて、人々の生活を、まさにライフスタイルを、もっともっと素敵な方向に変えていく。 ライフスタイルまでをもデザインしよう、という大きな企業理念をトップが持ち、その理念に製品のデザインが呼応する、というサイクルが出来上がっていたんですね。 和田 私が武蔵野美術大学でデザイナーを志していた80年代初頭も、ソニーやホンダは憧れの会社でしたね。ソニーのみならず、商品全般の「デザイン」にワクワクする時代でした。 今よりもむしろデザインが市
優れたUXデザイナーが持つ資質・マインドセットとは？【インタビュー】ホワイトハウスも注目のUXデザイナーJanice Fraser氏（後編） デザイン会社 ビートラックス: ブログ
前編の「ユーザーエクスペリエンスとは何か？」【インタビュー】ホワイトハウスも注目のUXデザイナーJanice Fraser氏（前編）では「UXとは何か」といった基本的・概念的な部分を中心に取り上げたが、本編では彼女の少しユニークなバックグラウンドや、良いUXデザイナーが持つ資質やマインドセット、彼女がホワイトハウスでのワークショップでも語ったという「Lean UX」等に焦点を当てていく。 ◆目次（後編）◆Janiceさんのバックグラウンドを探る良いUXデザイナーになるには？Lean UXとは？日本へ向けてのメッセージ ◆話者プロフィール◆ゲストトーカー：Janice Fraser LUXr, Inc. CEO @clevergirl UXデザイナー、起業家。UXを重視したウェブサービスのデザインを手がけるAdaptive Path社の共同創業者、初代CEO。 15年に渡るシリコンバレー・ス
デザイナーを目指す前に知っておいてほしいこと: 【対談】上杉周作 x Brandon K. Hill – デザインの裏側 デザイン会社 ビートラックス: ブログ
日本のバックグラウンドを持ちながらアメリカでデザイナーとして生きる二人がデザインについて語ったら—？ 上杉周作(@chibicode)、小学校まで日本で育ち、その後アメリカへ。エンジニアとしてApple、facebookでインターンをした後、その肩書きを捨て実名Q&AサイトQuoraでプロダクトデザイナーに。エンジニア／デザイナーというバックグラウンドを持つ彼と、同じく高校卒業まで日本で育ち渡米、デザイナーであると同時にbtrax CEO、Brandon K Hill(@BrandonKHill)の対談から考える、「デザイン」そして「デザイナー」の役割とは。 対談日: 2012年5月4日 対談場所: btraxオフィス (サンフランシスコ市内) インタビュアー: 日比谷すみれ 日本とアメリカのプロダクトやデザインの違い教育—答えを求めるのか、何を作り出すのかデザイナーとは一体？デザインと向
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
デザイン思考による人間中心のイノベーション（講演資料の公開）: DESIGN IT! w/LOVE
普段からいろんなところで、デザイン思考はイノベーションの方法ですというお話をしていますが、今回の講演では、なぜいま「デザイン思考」や「イノベーション」が求められているのか？という理由について、世界的な「未来志向」の高まりという観点から考え、お話させていただきました。 詳しい内容については、会社のほうでやっているThink Social Blogのほうの「未来をつくる方法の１つとしてのデザイン思考」という記事で紹介していますので、あわせて参照ください。
ダイソンとチームラボに学ぶ！技術とデザインの交差点｜【Tech総研】
吸引力の衰えない掃除機、羽のない扇風機……ダイソンが生み出す家電製品は高い機能性と同時に「デザイン力」に定評がある。同社で開発を担うのは「デザインエンジニア」。エンジニアリングだけでなくデザインの仕事も兼務している。 ダイソンに入社したのは2003年です。イギリスの大学で機械工学を、大学院の修士課程ではデザインエンジニアリングを学び、修了後は社員5人ほどの小さなデザイン会社に就職しました。注射器など医療機器のデザインをしていたのですが、より大きな会社で腕を振るいたくてダイソンに転職しました。 入って驚いたのは「若い人に仕事を任せる会社」ということ。私の初仕事も新製品のデザインで、同じく入ったばかりの若手社員と2人で担当しました。縦型掃除機の「DC14」です。 ここで私たちは、「ハンドルとホース」の部分を掃除機本体に内蔵させる「テレスコープ型」にしました。こうすると伸ばして引き出せるので、キ
クリエイティブな20のECサイトデザイン
2017年6月29日 Webデザイン, インスピレーション ECサイトを作る際は、使いやすさだけでなく、デザインももっとクリエイティブに！商品を理解し、それにあったデザインをすることでより効果的にユーザーにアピールすることができます。ここではサイトを開いた瞬間に「おっ！」と思うようなECサイトを紹介します！ ↑私が10年以上利用している会計ソフト！ 商品をより引き立たせるWebデザイン集 free people http://www.freepeople.com/ ノートに落書きをしたような手描き風のデザインや、ほどよくレトロ感のある写真加工に思わず釘付け。 DUCHY of CORNWALL NURSERY http://www.duchyofcornwallnursery.co.uk/ 落ち着いた色合い、ほどよいグランジ感、バナー写真の切り抜きなど商品であるお花を引き立てています。 k
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
DotsDomino home
DotsDomino home ドラフティングテープのテクスチャ、限界解像度で作った15個のPSブラシ Photoshopのブラシ 仮止めやマスキングに使われるドラフティングテープを高解像度のブラシにしたものですが、このサイズになると、面に与えるテクスチャとしてしても面白い効果があり、手でテープをちぎったときの形、テープの浮きや厚み、独特のシワシワはテクスチャとしても新鮮です。フリーダウンロードの Sticky Tape ブラシ（Photoshop）を紹介します。 最終更新 ( 2010年 4月 23日(金曜日) 03:22 ) 続きを読む... 生活感を撮影した10枚の布・織物テクスチャ、無料の高解像度Photo JPEG（.jpg）ファイルのテクスチャ素材 塗りにテクスチャをブレンドすると、より自然な質感と感覚をデザインに与えることができます。 ウール、綿、デニムジーンズなど
週末に読みたい雑学！有名企業のロゴに隠された意味？ – MARS DESIGN Co.,LTD.
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,131 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,786 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,335 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,663 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneアプリのUIデザイン
Loading...
Facebook
新着記事
EC、ショッピングサイトで使えそうなPSDデータまとめ | Everyday ITかあさん