デザイナーに丸投げしちゃいがちなUIというもの - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ 今日はちょっとUIについて思うことのお話をしたいと思います。 ぼくは以前、ゲーム業界にいたんだけど、そこでは、 いわゆるグラフィックデザインを専門にしている人に 「この画面のUIおねがいね」と丸投げする光景をよく見ました。 だけど、見た目が綺麗なデザインを仕上げるのと 使い勝手を考慮したユーザーインターフェイスを設計するのとでは、 考え方も、必要なスキルもまるで違うものだと思う。 情報や機能を、どのようにユーザーに提供するか。 これは画面上の配置や見た目だけの話だけじゃなくって、 情報の階層化や、いつどのタイミングで見せるかといったことまで考えなきゃならない。 たとえばゲームなら、初めからボタンだらけの画面にするのではなくて、 ゲームの進み具合、ユーザーの習熟度に応じて段階的に機能を見せるとかね。 細かい話なら、ボタンを押した時に反応するのか、 離した時に反応する
Chris Norstrom is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
インターフェイスの作成に役立つ！ディテールへの愛を感じるUIデザイン用の無料のPSD素材のまとめ
ちょっとデザインの刺激が欲しい、最近デザインがマンネリで、、、といった時に他の人がつくったものを眺めることでインスピレーションがふつふつと沸いてきたりしませんか。 ディテールにこだわり、しっかり作りこまれたUI用の最近リリースされたPSD素材を紹介します。 眺めるだけでなく、使ってもよし、です。 まずはページやエレメントの背景に使うテクスチャ素材から。
MobileMozaic, a gallery of the very best designed iphone applications
Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially
綺麗目で見やすいjQuery UIのデザインテーマ・DELTA
jQuery UIのデザインテーマ・DELTAの ご紹介。使い勝手の良いjQuery UIです が、デザインの変更は結構工数を食い ます。DELTAはそんなjQuery UIのデザ インを綺麗目で見やすくしたテーマ。 Twitter Bootstrapライクでとっても 見やすいです。 パッと見、Twitter Bootstrapっぽい感じのデザインテーマです。 スライドバーやボタン、トグルスイッチ、デートピッカーなどのデザインが用意されています。 Sample こんな感じ。クライアントワークじゃなかなかそのまま利用する機会は無いですけど、Twitter Bootstrapなどのフレームワークをそのまま利用しているサイトなら割りとマッチする気がします。 僕自身、jQuery UIを使う際に大まかなデザイン変更をした事が無いので、デザイン変更の参考コードとしてお借りします。ライセンスはMITと
直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」
WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。 詳しくは以下 予めよく利用するパーツが取り揃えられれていますので、基本設計は用意されているパーツで十分行えると思います。 フリー版では1つのプロジェクトで10スクリーンまで、10MBのアップロード領域まで利用できるそうです。それ以上は、STANDARD、PROFESSIONAL、EXPERTと開発規模に応じて有料プランが用意されています。有料版の利用料金は料金は「Plans & Pr
細かすぎて伝わりづらい! iOS 6のデザイン変更点まとめ。
iPhone5やiOS 6のリリースなど、アップルユーザーにとって目が離せない日が続いていますね。 iOS 6に関しては地図アプリが散々なもので正直ガッカリですが、UIは全体的に使いやすくなって、じっくり観察してみると細かすぎる変更点も健在でした。 大きな変更点に隠れた細かすぎる変更点たち、その涙ぐましささえ感じる進化をどうぞ! ■設定アイコン iOS 5では歯車の形が尖っていましたが、iOS 6では角が丸くなってソフトなイメージになっています。 OSXの設定アイコンと同じになったのでBack to the macの方針がアイコンでも徹底されているようですね。 ■時計アイコン 設定アイコンと同じ様に、iOS 5では時計針のシャープな印象でしたが、6では太さが一定になり、角張った印象になっています。 Apple製品がブラウン製品とよく似ているという事から考えると、ブラウン社のアラームクロック
Beautiful Examples of Login Forms for Websites and Apps - Designmodo
Login Form Design Page Essentials Unlike other types of user interface forms, login forms do not come in all shapes and sizes. They are limited to the number of fields that are used. The reason for such a minimal and capsule approach is trivial: people do not like to fill in forms. You cannot be pushy by asking for too much information. These forms should be simple, familiar, and straight to the p
ユーザー目的を達成するためのUIとは？「画面遷移ワークショップ Vol.2」フォトレポート | Startup Dating [スタートアップ・デイティング]
今年の4月からスタートしているStartupDatingとリクルートエージェント「Web CAT Studio」の共同プロジェクトである「仲間をみつけるためのイベント」FindPartners。その第三回目を9月14日に開催しました。今回の企画は、第ニ回に引き続き「画面遷移」にフォーカスした、ワークショップをおこないました。 また、クックパッドのUIデザイナーであり、【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」で、インタビューさせていただいた片山育美さんをゲストとしてお呼びし、ユーザの目的に必要なUIとは？ということについてトークをしていただきました。 ゲストの片山さんとStatup Datingの三橋によるトーク、その後のワークショップの様子をフォトレポートでお送りします。片山さんのトークの詳細については、こち
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Engadget | Technology News & Reviews
UIデザインに役立つツール
http://iphone.meer.li/designs/featured?page=2
Android Niceties
Loading...
新着記事
新着記事
Website Maker - Web Design Software - Blocs