気になる睡眠アプリ

to bed 気になる睡眠アプリです。100円と有料ですが、可愛らしいデザイン。 動きも感触があるような可愛らしいアプリです。

UIに使える色見本

UIに使える色見本 http://coliss.com/articles/build-websites/operation/design/awesome-visual-data-from-dribbble.html Timeline of mobile releases Infographic Postcard nfographic Poster More Wireframe Ideas Undisclosed Project Stream

UI・UXガイドラインの参考

UI・UXガイドラインの参考に下記記事を見つけたのでメモです。 「Microsoft系のUI・UXガイドラインを改めてまとめてみた」 http://blog.coddledegg.net/?p=384 Windowsユーザーエクスペリエンスガイドライン http://msdn.microsoft.com/ja-jp/library/aa511258.aspx Windowsストアアプリ ユーザーエクスペリエンスガイドライン http://msdn.microsoft.com/ja-jp/library/windows/apps/hh779072.aspx WindowsPhone ユーザーエク…

見やすい無料の家計簿アプリ

見やすい無料の家計簿アプリを探してみた いくつか家計簿アプリを使っている中で、見やすいUIのものをピックアップしてみました ZAIM zaim.net/‎ 優しい色調で作られていて、ぱっと見でも見やすいアプリです。 また、使い勝手も項目が細かく、本当に細かく設定されているので、さくさく入力できます。例えば衣類のところにはクリーニングなんて項目もある。交通費も電車バスタクシーなど、あとでどの交通方法を一番つかってるかなと振り返られます。 少しゲームのような感覚があり、何回目の入力などわざわざ教えてくれます。 細かく管理したい人にはおすすめのアプリです。 おカネレコ https://itunes.…

見やすいB2B向けコーポレートサイトとは

B2Bのサービスをやるとあれこれ様々なサービスが付加されていって、 整理しきれない会社が多いなと思っています。 整理しすぎるとブルーちっくな大人しく小難しい文章のみが乗っていて、いかにもつまんなそうなイメージになったり、 逆になんでもやってますイメージで記載しすぎても何がメインなのかよくわからない会社になる。永遠のテーマです。 私が思うに大事なのは下記じゃないかと思います。 メインカラーを定める事 メイン事業を明確にすること 今訴求したいものを明確にすること 1．メインカラーを定める事 当たり前なのですが、結構これを決めるのは大変なことです。 可もなく不可もない会社イメージでやってるとB向けだ…

ユニクロのスマホサイトを分析してみた

ユニクロのスマホサイトを分析してみました ユニクロ（http://www.uniqlo.com/jp/） こちらはオンラインストアのTOPなんですが、長いです。 これは意図的に実験してるのかもですね。大体のECサイトではTOPが短い傾向があるように思えていたので、私はこれはこれで実験的でいいなと思ってます。短すぎても私の場合はもう少しTOPでも商品見たいという気分があります。店頭のおすすめ品を見るのが好きなんですね。 ただ、たぶんユニクロのユーザーは買いたいもののイメージがしっかりある人が多そうなので一番最初のメニューのあたりで次ページいくんだろうなと思ってはいますが。 GUで私的に問題だった…

GU（ジーユー）のスマホサイトを分析してみた

GU（ジーユー）のスマホサイトを分析してみた GU（www.gu-japan.com/）のスマホ版のUIを分析してみました。 GUは商品の色合いもうまくピックアップされていて見ごたえあるのですが、 進めば進むほど前ページに戻るボタンはどこ？って迷う。 3日くらい使ってようやく気付いたのですが、前ページに戻るボタンは上部のヘッダに常時ついていて、しかも右側にありました。 これ。 戻るボタンが上にあるとは全く気付かない私はひたすら左下を押してしまうのです。 が、その左下はどうなってるかというと これです。ロゴマークなので、押すとTOPに戻るわけです。 なので、ひたすら製品見てはTOPいく日々でした…

Medea queriを使ったUI参考例

Medea queriを使ったUI参考例 http://mediaqueri.es/ 下記はMedea queri使う場合の注意点など http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/ レシポンシブデザイン IE6,7,8でcss3-mediaqueries.jsが効かない対処 http://news.7zz.jp/css/4024.html

参考になるUIセット、アイコンセット

これからのデザイントレンドが詰まった美しいUIコンポーネントのPSD素材 -iOS7 UI kit http://graphicburger.com/ios-7-ui-components/ ■Iconset http://graphicburger.com/icons-set/

使いやすいUIサイト

触ってて違和感ないなと感じたサイトをメモ。 今日はiphoneでhttp://www.stylaonline.jp/s/top/CSfTop.jspをみてました。 スマートフォンでは見やすいです。スペースの間隔とか文字の大きさ、色味、全体的に好きです。 おすすめコンテンツとかバナー系が多くて、トップページで商品が三つ（ランキングだったので、計10アイテムは横で流れてるようです）くらいしかみれないのがちょっと残念でしたが。トップページは特集多めで商品掲載少なめという会社結構ありますね。私はちょっと縦ですすーいとみたい。 あとPC版は逆にちょっと使いづらかったかな。TOPの左メニューに取り扱いブラ…

星めぐりの夜

昨日ダウンロードしたアプリです。 UIが凄く気持ちよく、自然に使える上、世界観が綺麗でした。2010年に作られてるんですね。これは続編とか別バージョンで見てみたい。 星めぐりの夜

UXデザイナーとして切り抜けるための作戦その2

UXデザイナーとして切り抜ける為の作戦その2。 デザイナーというのはただPCに向かってデザインに取り組めばいいわけじゃなく、デザインがやりたくてたまらなくても色んな提出物をだしてようやくモノづくりに入れる。 UXを勉強していると特にそのワークフローのデザインに入るまでが長いなと感じてます。なので私みたいなやつは焦るのですが、前回に続いてこういうの提出しておくといいんじゃないかなというものを集めました。 ■プロジェクト管理表 当たり前に作るものですが、UXデザイナーを誰かが管理してくれるなどと甘い事を思っていたらいけない気がするので。 UXデザインって厳密にやると調査が多いので、その調査や膨大な…

UXデザイナーとして切り抜けるための作戦

UXデザイナー。未知の領域。私は数週間後になにを知っておけばいいんだろうともがいてますが、新規プロジェクトの為少しコンサル的なような、ディレクション的な動き方をしなければいけないので、WEB製作者として初歩の道具を準備しはじめました。WEB作るとなるとたぶんどのみち使うだろう。 ■ヒアリングシート こちらの会社のヒアリングシートが見やすかった。相手がささっと書けるのはこれが限度だし、見やすい。 実際自分は100項目くらい作ってみましたが、全部聞けるかどうかは疑問。 WEBサイト制作前やデザイン制作時に欠かせないヒアリングシートを作り直してみた ■RFP ディレクターがいるならこういうものは作ら…

UXとUIの違い

http://blog.btrax.com/jp/2012/09/10/what_is_ux/ UXとUIの違いってなんなんだともやもやしてたところ、 この記事のUXとUIの違いでハッとさせられました。 特にシリアルであらわした写真がよくわかりやすいです。 UXとは何かすること、例えば「食べる」という動作をする上で必要なものフロー全体をあらわしている。イチゴ味のシリアルを食べた→うまい！のところまで。 一方、UIはその食べるために使うスプーン。 深いですね。しかもこの解説がわかりやすくてありがたいです。 あと、この記事へのコメントで下記のような記載があります UXデザインするというのは、おそら…

読んだ本

UX初心者用の本を探したところ、この本の評価が高かったのでこちらを読みました。 これを読んで、最初に焦ったのは、UXデザイナーってコンサルだなと思った。WEB全体のワークフローを考慮する面でWEBディレクターの要素もあるんですが、大きく要素をまとめると デザインの調査→ペルソナの策定→ストーリーボード作成→プロトタイプ作成→ユーザビリティテスト この5つをやってこそのUXといえるようです。 当たり前ですが、社内だけの仮定ではなく、実際のユーザ調査してこそという考えがあるので、C向けのサービスならいいんだけど、新規事業には最初難しい。もし「ユーザへの調査は今回はできない」となったらUXっていえる…

UIデザイン参考用カラーとUIデザインキット

UIデザイン参考用カラーとUIデザインキット ■カラー 今年流行のフラットデザインで使われているカラーコードまとめ42個 - W3Q Flat UI Colors フラットUIに適したカラーをまとめたパレット Drribleデザイナーの注目カラー ■UIデザインキット Square UI Free - User Interface Kit - Designmodo 無料UIデザインキット集。Photoshopで編集できるpsd形式でダウンロード可能。 Googleカラーを採用したUIキット

UXデザイナーになるには

はじめに 来月からとあるプロジェクトでUXデザインをやることになりました。 現在、WEBサービスのUIデザイナーとしての経歴はあるものの、ちゃんとしたUIデザインなどしておらず、雰囲気を読み取って量産していくだけのなんとなくのデザイナーでした。 「デザインとは何？」と聞かれたら「分かりやすくすること」と思う程度なのです。 余計な装飾をせず、見やすさ、導線を考慮してシンプルに作る程度の脳みそでした。なので、根本からこれがおかしい、など本来の提案型UIデザインもできていないのが現状です。 そんな状態ですが、UXデザインをやることになりました。 最近の勉強を全くしていない私の頭に、UXという言葉が出…