タグ

uiに関するkssmのブックマーク (76)

  • NinjaMock online wireframe and mockup tool

    Start designing. Collaborate with colleagues in real-time. Test on your prototype. Multiplatform support.

    NinjaMock online wireframe and mockup tool
  • UXのためのUIデザイン

    どんなにすばらしいUXをユーザーに提供しようとしても、UIUXのためのデザインになっていないとユーザーは体験することが出来ません。それはいろんな意味で残念。。UXを正しく考慮したUIをデザインするためには、どうすればいいのでしょうか?Read less

    UXのためのUIデザイン
    kssm
    kssm 2013/07/27
  • 20 beautifully designed smartphone apps

    It's no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It's imperative because we're not just taking a look online, but we as consumers are beginning to purchase, request info and more from our phones. And we have to be set up, as businesse

    20 beautifully designed smartphone apps
    kssm
    kssm 2013/07/24
  • 簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog

    しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 (この記事はGoodUIから翻訳抜粋したものです) GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック

    簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
    kssm
    kssm 2013/07/14
  • UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog

    先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は

    UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
    kssm
    kssm 2013/07/12
  • シンプルでミニマルなデザインのUIエレメント素材 -Minimal UI Kit

    Google+にインスパイアされたシンプルでミニマルなデザインのUIエレメントをコレクションした素材を紹介します。

    kssm
    kssm 2013/07/03
  • 期間限定無料!約50,000円分の高品質なウェブ用の有料素材・フォントがダウンロードできますよ

    時間29日の夜まで限定で、$499分、日円で約50,000円分の有料のウェブ用の素材やフォント計471種類が無料でダウンロードできるので、紹介します。 ※為替の変動が激しいので、これを書いている現在$499は48,432円です。 使い道が限定されたような素材なんでしょ?と思う人もいるかもしれませんが、いやいやこれがなかなかの素材が揃っていました。 素材の提供元は、下記のサイトやクリエイティブ集団です。 素材の提供元 当ブログでも紹介したことのあるDesignModo, sitepoint, vandelayなども含まれています。 ダウンロードしたので素材をキャプチャで紹介する、、、前に、ダウンロード方法から紹介します。 素材のダウンロード ダウンロードは、下記サイトにアクセスします。

    kssm
    kssm 2013/06/28
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    kssm
    kssm 2013/06/28
  • Ui General Blog

    Are you searching Free Guest Posting Submission Site? Before you submit, check out this list of guidelines to make sure your post is up to par. By following these simple tips, you can increase your chances of having your guest post accepted - and make a great impression on the blog's regular readers.> No one's life is as perfect as it seems on social media. So next time you're feeling down, rememb

    Ui General Blog
    kssm
    kssm 2013/06/25
  • dribbbleデザイナーが今最も注目しているカラーをチェックできるツール -Color Pickers

    デザインの宝庫dribbbleの素晴らしいアートワークで使用されているカラーをピックアップし、カラーのインスピレーションを得られる「Color Pickers」を紹介します。 UIも洗練されていて、操作も気持ちいいです。 Color Pickers 僕も毎日dribbbleをチェックしていますが、dribbleでは日々100以上のアートワークがアップロードされ続けています。Color Pickersはそれらのアートワークからどのカラーが前途有望で、人気が高いかをチェックできるツールです。 使い方は簡単で、右上のリロードボタンをクリックするだけです。IEは非対応です(涙。 任意のカラーが選択され、そのカラーをベースとするdribbleの最も人気が高いアートワークのパレットを表示します。

  • » スマートフォンサイトのユーザビリティを下げるアンチパターン | Webnoborder

    モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお

    kssm
    kssm 2013/04/25
  • 明日友達に自慢できる!隠れUIデザインまとめ8つ | Goodpatch Blog

    以前からネットでiOSのデフォルトミュージックアプリを傾けると音量調節スライダーの光のあたり方が変わるという記事をよく見ます。 (参考: 【豆知識】体の傾きに合わせて音量スライダの光沢が変化する(iPhone/iPod touch/iPod nano)) そこで上記のような細部に凝ったUIはもっとあるんじゃないのかと思い探してみました!これらを知っているとUIの勉強にもなるし、友達にも自慢できるのではないでしょうか?笑 iOS 計算機 iOSにデフォルトで入っている計算機アプリ。iPhoneなどをロックを解除して横にすると足し算やかけ算以外の複雑な計算ができるボタンが出てきます。僕はπしかわかりませんでした。 Foursquare その1 有名なチェックインアプリFoursquare。写真付き投稿の写真を左にスワイプすると隠れキャラが登場します。実はこの隠れキャラ、Foursquareの

    明日友達に自慢できる!隠れUIデザインまとめ8つ | Goodpatch Blog
    kssm
    kssm 2013/04/25
  • CSS3を上手く使った気持ちのいいUIパーツまとめ8つ | Goodpatch Blog

    以前日人初のDribbberである貫井さんにお話を伺った際に、貫井さんはデザインをする上で「気持ちいい」ということを大切にしていると話していました。UIが良いとされるAppleのWebサイトのボタンなどは細部まで美しく、触った時に「気持ちいいな」と感じます。 そこで今回はWeb用のコードスニペットの配布サイトCODEPENから、CSS3で書かれた「気持ちいい」と感じるUIパーツを集めてみました! http://codepen.io/minustalent/pen/GzuCa ゴムでできたようなボタンです。押すともにゅってへこみます。 http://codepen.io/Dyki01/pen/BeKyp でっぱっている文字をマウスオンすると文字がスッと引っ込みます。 http://codepen.io/diegopardo/pen/dGlfC これはボタンでなくただのテキストなのですが、L

    CSS3を上手く使った気持ちのいいUIパーツまとめ8つ | Goodpatch Blog
    kssm
    kssm 2013/04/23
  • 事例紹介 | 株式会社インフォバーン

    事例紹介 | 株式会社インフォバーン
  • UIだけでもデザインできる理由

    UI(ユーザーインターフェイス)は、いつの頃からか魅力的な視覚要素が含まれた GUI として語られるほうが多くなりました。これはある種、デザインを装飾としてのみ捕われてしまう状況と似ているところがあります。 では、ユーザーインターフェイスとは一体何なのか。スケッチしてみました。 昔からあるデスクトップでも、Google Glass のような未知のデバイスでも、人とコンピュータの関わりは必ずといっていいほど発生します。 人が何かをインプットすることで、コンピュータは処理したデータをアウトプットして人に伝えます。ユーザーインタフェイスとは、人のインプットを助長したり、コンピュータが処理したデータを人が理解できるようにアウトプットする役割を果たします。つまり、人が操作するコンピュータとの関わりを円滑なものにするのがユーザーインターフェイスの基礎と捉えることができます。UI を HCI (Huma

    UIだけでもデザインできる理由
    kssm
    kssm 2013/04/17
  • CSS Nite @Co-Edo, Vol.8「UIデザインのパターン化」に行ってきたよ - Mitsu.log();

    2013-04-13 CSS Nite @Co-Edo, Vol.8「UIデザインのパターン化」に行ってきたよ 4月4日に行われたCSS Nite @Co-Edo, Vol.8「UIデザインのパターン化」に行ってきました。この前ここにも書いたCSS Nite LP26のCSSプリプロセッサの回で、クックパッドの@tikedaさんのお話をもっと聞いてみたいなーと思っていたので、これは!!と思い。テーマは「UIデザインのパターン化」。ちょうど「スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン」というを出されたばかりだったので、から抜粋された内容が紹介されました。以下Agenda。 UIのパターン化・ルール化とは プラットフォームの流儀 画面パターン UIコンポーネント 実践事例 パターンとルールがもたらすメリット 90分という短い時間だったけど、ワークショップ的なの

    kssm
    kssm 2013/04/14
  • http://jp.startup-dating.com/2012/05/interview_ikumikatayama

    http://jp.startup-dating.com/2012/05/interview_ikumikatayama
  • in the looop | Looops communications

    ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

    kssm
    kssm 2013/04/09
  • iOSヒューマンインターフェイスガイドライン

    iOSヒューマンインターフェイスガイドラ イン iPhone > User Experience 2011-03-23 Apple Inc. © 2011 Apple Inc. All rights reserved. 書の一部あるいは全部を Apple Inc. から 書面による事前の許諾を得ることなく複写 複製(コピー)することを禁じます。ま た、製品に付属のソフトウェアは同梱のソ フトウェア使用許諾契約書に記載の条件の もとでお使いください。書類を個人で使用 する場合に限り 1 台のコンピュータに保管 すること、またその書類にアップルの著作 権表示が含まれる限り、個人的な利用を目 的に書類を複製することを認めます。 Apple ロゴは、米国その他の国で登録され た Apple Inc. の商標です。 キーボードから入力可能な Apple ロゴにつ いても、これを Apple In

    kssm
    kssm 2013/04/03
  • コンテンツで改善する UI デザインの極意

    デザインは小さなテキストから始まります。コンテンツを膨大に抱える大規模なサイトでも、ユーザーにコンテンツ作成を委ねる小さなアプリケーションでも小さなテキストが行動の変化に繋がる場合があります。 コンテンツがある状態でデザインするのと、何もないままスタートするのでは大きな差が生まれます。 UI デザインの話になると、ビジュアルやインタラクションが話題の中心になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて重要なのかを解説すると共に、今セッションでは小さなテキストの工夫からはじまるデザインについて、幾つかのケーススタディーをみながら傾向と対策を紹介します。Read less

    コンテンツで改善する UI デザインの極意
    kssm
    kssm 2013/03/26