UI/UX指向プロジェクトの進め方 ｜ Classmethod.design()
どうも昨日はせんと・ばれん・あ・たいとかってイベントだったですね。 うっかり忘れてました、えぇ。うっかり…..うっかり……うっ さて、いつもどうも。えさしかです。 最近の傾向としてユーザーインターフェイス（UI）/ユーザーエクスペリエンス（UX）を課題と認識され、UI/UXの課題解決のご相談をいただくことが増えてきました。 弊社の場合デザインもできるシステム屋さん。という認知の方が多かったと思います。 そんな中でいざUI/UXからシステム設計（要件定義）にアプローチをかけても、どこから手を出せばよいのか？自分達の選択が正しいのか？というご相談が多いです。 何からはじめるの？ おそらく、教科書に載ってるフローどおりで問題ないです。 現状分析を行う ペルソナを立てる ストーリーボードを作る ワイヤーフレーム ビジュアルデザインだったりモック作成だったり ワイヤー作成とビジュアルからはイテレーシ
立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」
TOP > Design > 立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 webサイトやスマートフォン特有のUIデザインは、視認性とクリエイティブ性の両方が求められるクオリティのパーツ制作が必要不可欠となってきます。そこで今回は、立体感のあるUIを手軽に利用できるフリーUIキットをまとめた「New Creative UI Kit Free Download」を紹介したいと思います。 Simple UI Kit – Icon Deposit カラートーンの異なるUIキットが、いくつも紹介されています。中でも気になったものいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Vector UI Bundle – Icon Deposit シンプルなカラーリングのUIキットです。落ち着
気になった設定画面デザイン
デザインがなかなかいい。 tciuro/NoticeView シートの背景は画像が用意されていてそれを使っているようだ。@2xファイルが見当たらないのが気になった。 ネタ元はこちら。 iOSで上部にかっこよく通知を出す tciuro / NoticeView が...
100+ FREE Useful GUI PSD Kits - Land-of-Web
I suppose almost every designer have theirs special tools that help them to save time and make the process more pleasent and easy. Different free web elements can be included in this magic set, for example, psd layout templates, icon sets, business card templates, brushes etc. To my mind, GUI kits occupy one of the most important part of this tool set. Since they provide designers with a great de
目に優しいUIデザイン(1) ｜ Classmethod.design()
– http://dev.classmethod.jp/etc/17125/からの転載です – お餅のような心と体をもつ男、どうも江刺家です。 主に業務系アプリケーションの開発がおおい弊社ですが、その開発過程でよく出てくるワードに「目が疲れない・飽きない・見やすい」という要求が多いです。 今回はこの「目が疲れない」について、掘り下げたいと思います。あくまで個人的経験・感覚によって記事をまとめています、「人間工学」だとか「なんとか相学」とか「統計データ」とか基にした話ではありませんのであしからず。 色デザインについて もちろんBtoC・BtoBtoCの世界では喜んでもらうのが第一という観点からインパクト重視のデザインがよく見られます。ショッキングピンクの選択なんて朝飯前です。 かっこよく＝とりあえず黒（#000000）背景で指定しとけばいいや。ってなデザイナーも沢山しってます。文字色（Fon
Androidアプリを“超”魅力的にする3種類のUIテスト
Androidアプリを“超”魅力的にする3種類のUIテスト：Androidアプリ開発テスト入門（3）（1/3 ページ） 日本Androidの会テスト部が、いままで培ってきたAndroidアプリ開発におけるテストのノウハウを、実際のテストコード例とともに紹介していきます 「UIのテスト」って何？ 本連載「Androidアプリ開発テスト入門」では、Androidアプリを開発している方のために、テストの基本的なノウハウを解説しています。第3回となる今回は、ユーザーインターフェイス（以下、UI）のテストについて解説します。 スマートフォンアプリケーションの特徴として、タッチ操作による魅力的なUIが挙げられます。Androidのアプリケーションの開発においても、UIの作り込みを求められることが多く、UIの品質の担保は大きな課題です。 本連載で扱うUIは、画面のレイアウト、画面遷移やイベントなど振る舞
webデザイン用のUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」
TOP > WebService > webデザイン用のUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」 webデザインでは、ユーザーがサイト内を遷移しやすいUI制作が重要。そんな中今回紹介するのが、デザイン感の統一されたUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」です。 基本的なボタンデザインをはじめ、アプリストアリンクボタン・リボンデザイン・ログインフォーム・ページナビゲーション・グローバルナビゲーション・アンケート投票・ビデオやミュージックプレーヤーなど、webデザインに必要なさまざまなUIがセットになっています。 詳しくは以下 グレーとブルーを基調にしたシンプルなデザインで統一されたUIとなっており、それぞれのカテゴリーの中でもいくつかのデザインを選ぶことがで
値段をスクロールバーで一気に決めるインタフェースを提供するサンプルプログラム:phpspot開発日誌
Free Dynamic Price Scrollbar (jQuery, HTML, CSS) - DesignModo 値段をスクロールバーで一気に決めるインタフェースを提供するサンプルプログラム。 次のようなUIで、スクロールバーを移動させるとスペック・値段等がレベルに応じて変化するというようなUIを提供するものです。 スペックが色々あってよくわからないというようなケースで、予め用意したものをレベルに分けておいて選択してもらう、的な場面で使えそう（結構ニッチかもですが・・） jQueryを使って実現されています。 あまり使うことのないUIかもしれませんが、便利な場面もあるかもしれません。 デモページはこちら 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 Twitter OAuth認証をポップアップで行うjQu
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery - かちびと.net
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。
50 Useful and Free Web UI, Mobile UI and Wireframe Kits
50 Useful and Free Web UI, Mobile UI and Wireframe Kits Here we are featuring 50 useful, free and spanking new Web UI and wireframes resources that you will definitely love. Web designers always require some fundamental user interface elements to produce a model of user interface either of a website or software. For that, they require wireframing and UI design kits which help them to replicate the
スマートフォンのUIデザインパターン集 | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 みんなのブロックチェーンは，ブロックチェーンの入門書。暗号やハッシュなどを含め，基礎からブロックチェーンの仕組みを学べる書籍です。 いろんな方に「新しい技術を学ぶことの楽しさ」を感じ取ってくれたら著者として嬉しいです:-)。お金は技術的にどのように定義されるのか。 みんなのIoTは，モノのインターネットと呼ばれるIoTの入門書です。IoTの基本について，読者に寄り添って優しく解説しました。裏テーマは一番とっつきやすいPython入門書。サポートページはこちら みんなのPython 第四版は，より分かりやすい入門書を目指し，機械学習やデータサイエンスの章も追加して第三版を大幅に書き換えました。Python 3.6にも華
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
30 Beautifully-Designed Sign up and Login Page Forms - blueblots.com
Sign up page or a log in page is a small part of your website wherein a visitor will enter data and fill out the form in order to register. It is important to have an attractive and organized sign up page because as we all know, filling out information is uninteresting. Having a creative and attention-demanding illustration is helpful to turn your visitors into constant subscribers or members. Her
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今時のシンプルでモダンなデザインが簡単に作れる、フリーのUIデザインPSD素材
Win 5 copies of Keynotopia UI Templates | Webdesigner Depot
UIデザインに役立つツール
「全国大学サイト・ユーザビリティ調査2011/2012」上位10サイト
Freebies - Designmodo
Free Music Players for Website and Blog - Designmodo
人や動物のシルエット
