![ggsoku.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/2af997d8f03768e85f49d04a8eca23676987044a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fggsoku.com%2Fwp-content%2Fuploads%2Ftwitter-iphone.jpeg%3Ffit%3D450%252C266%26ssl%3D1)
7月3日に公開されたココナラ(運営会社:株式会社ウェルセルフ)のリデザインを担当させていただきました。 ココナラをどのようにデザインしていったか、またデザインの特徴などを書いてみましたので、参考になればと思います。 そもそもココナラとは? 500円で個人の経験・知識・スキルを売買できるWebサービスです。 自分の得意なことをサービスとして売ったり、他の人の得意なことをサービスとして買ったりすることができます。 購入者一人ひとりに合わせたオーダーメイドの回答がもらえることが特徴です。 私の担当領域 デザインがメイン作業で、単純なページに関しては情報設計+デザインを担当しました。 また、1からのデザインではなく、元々のベースがあって、それの作り替えという感じでした。(なので、リデザイン) 情報設計は @satoshimmyo さんが行い、その指示のもとデザインを作成していきました。 デザインプ
スマートフォンアプリのUI設計では各プラットフォームが出しているガイドラインに従うのが良いとされていますが、実際に配信されているスマートフォンアプリは、どの様に対応しているのでしょうか? 今回は、iPhone、Androidでアプリを提供しスマートフォンアプリのUI設計では各プラットフォームが出しているガイドラインに従うのが良いとされていますが、実際に配信されているスマートフォンアプリは、どの様に対応しているのでしょうか? 今回は、iPhone、Androidでアプリを提供しているサービスのUI設計の違いを比較してみました。 はじめに iPhoneとAndroidのアプリを比較してみたところUI設計には傾向があり、大きく3つのパターンに分類できることがわかりました。 実例を踏まえながらパターンを紹介していきます。※当然、例外はあります。 また今回はUI設計思考を見ているため細かいUIや
面白法人カヤックは、OLYMPUS PENとのコラボレーションで制作したiPhone用ソーシャルカメラアプリ「PEN pic」をリニューアルし、「PEN pic2.0」として提供を開始した。価格は無料。 「PEN pic」は、OLYMPUS PENと面白法人カヤックがコラボレーションしたiPhone用ソーシャルカメラアプリ。撮影した写真を位置情報とリンクさせて地図上に「Drop」したり、他の人がDropした写真を「Pick」することができる。また、オリンパスイメージングが9種類のアートフィルターを監修しており、OLYMPUS PENで行うフィルター加工のような感覚で写真をカスタマイズできる。 このたびのリニューアルでは、インターフェースがオリンパス「PEN」をイメージしたデザインに変更され、SNS連携がTwitterだけでなくFacebookでも可能となった。 なお、前バージョンにはなかっ
デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。本書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」(53MB) 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003
携帯電話向けの日本語予測変換機能「POBox」の開発者としても知られるユーザーインターフェース研究者の増井 俊之氏を講師に迎え、情報を見いだすためのビジュアライゼーションをテーマにしたセミナー「"想定外"を発見するためのビジュアライズ・テクニックの使い方(主催:日経BP社)」が開催される。2011年秋に出版された書籍「ビューティフル・ビジュアライゼーション」(オライリージャパン/オーム社)の監訳者でもある増井氏から見た、ビジュアライゼーションの現状と課題について、話を聞いた。 増井 俊之(ますい・としゆき) 慶應義塾大学 環境情報学部教授。1959年生まれ。ユーザーインターフェース研究。POBox、QuickML、本棚.org、Gyazoなどのシステムを開発。ソニーコンピュータサイエンス研究所、産業技術総合研究所、Apple Inc.など勤務を経て現在慶應義塾大学教授。著書に『インターフ
TOYOTA Fun-Vii image movie introduced at 2011 Tokyo Motor Show Toyota Global Website: http://www.toyota-global.com/ Tokyo Motor Show Topics Page: http://www.toyota-global.com/tokyoms2011/car/index.html Also if you like Toyota's contents, please visit our Facebook page and click "like": http://www.facebook.com/ToyotaSpecialShowroom
Capture the perfect group shot! When taking a photo of several people at once, it's almost impossible to get that one 'perfect shot' where everyone is smiling and looking at the camera -- and where no one is blinking! Not anymore. It's now actually possible to take the perfect group shot with Scalado's Rewind. Don't forget to 'like' Scalado on Facebook and to follow us on Twitter for the lates
各社から様々なAndroid端末が発売されていますが、それらの解像度は様々です。 現在、メジャーなのはWVGAでしょうか。DesireやXperiaなどの主力機種はWVGAです。Desireとほぼ同じハードウェアであるNexus OneもWVGAですね。国内で最初に発売されたAndroid端末であるHT-03AはHVGAで、海外に目を向けるとXperia miniやHTC WildfireなどQVGA端末も存在します。 では、それら全ての端末に向けてアプリケーションを開発しようとすると、別々のバイナリを用意する必要があるのでしょうか? もちろん、その必要はありません。 Androidには画像リソースをDPI(dot per inchの略。ピクセル解像度。)ごとに用意することで、自動で端末のDPIに合わせた画像を読み込む仕組みがあります。 それでは続きで説明します。 画像リソースフォルダ こ
開発部の井上(@inonb)です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか? 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
ウェブ用のデザインは、従来のソフトウェアユーザインターフェイスのデザインとは違う。概ね、デザイナーが完全な主導権を握るのはあきらめるしかなく、UIについての責任も、ユーザやクライアント側のハード/ソフトと分かち合わざるをえない。 もちろん、ウェブ用のデザインと従来のUIデザインには共通点もある。両方ともインタラクティブなシステムだし、両者ともソフトウェアデザインであって、物理的なオブジェクトのデザインではない。 デバイスの幅広さ 従来のGUIデザインでは、画面上のすべてをピクセル単位でコントロールできた。ダイアログボックスのレイアウトをしたら、ユーザの画面にもまったくそのままの形で表示されるはずだと、安心していられたのである。どんなシステムなのか、どんなフォントがインストールされているのか、通常の画面サイズはどれくらいかもわかっているし、システムベンダーからは、各種インタラクション部品をど
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの「Thoughts?」ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
■ UIを意識すべきなのはどうして? 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール&購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと * やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない! ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない! ・柔軟性を持つ!(absolute-positioned layout はダメ) ・px
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く