[MG Siegler:photo] 朝起きていちばんに見るアプリって何だろうか? アップルギークの MG Siegler が自分の場合を語っているのがオモシロい。 ParisLemon: “The First App You Open In The Morning” by MG Siegler: 05 January 2014 * * * 朝いちアプリは Twitter 自分の場合、朝いちばんに開くアプリは Twitter だ。でもずっとそうだったワケではない。1年前は Path だった。さらにその1年前は Instagram、もっと前はたぶん Twitter だったと思う。それとも Foursquare だったか、あるいは Techmeme(技術的にはウェブブラウザ)だったか。過去のある時点では Facebook だった。そしてずっと昔は(ゾッとするが)Eメールだった。
タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィンガー、スワイプ、スワイプアップ、スワイプライト、スワイプダウン、スワイプレフト、ドラッグ 補足 jQueryとのコンフリクトを避けるため、「$$」を使用。 対応予定(2フィンガータップ、ロウテイト、ピンチアウト、ピンチ) 仕様 スタンドアローン ファイルサイズ Minified: 13KB Hammer.js イベント タップ、ダブルタップ、ホールド、ドラッグ、ピンチ 補足 タッチジェスチャだけにフォーカスしたスクリプト。 仕様 スタンドアローン jQueryのプラグインも有り ファイルサイズ Minified: 2KB [ad#ad-2] jGestures イベント
GoodUIというサイトでは、サイトのコンバージョンを上げるときに参考にしたい34のアイデアを紹介しています(どんどん追加されるようです)。とても参考になったので、タイトルだけ日本語訳してお伝えしたいと思います。あえて意訳しているところもありますが、英語的に完全に間違っている部分があれば、ご指摘下さい。 マルチカラムレイアウトにするより、シングルカラムレイアウトにしてみよう。 すぐにクロージングするより、プレゼントを与えてみよう。 UIを断片化させるより、似たような機能を統合してみよう。 自分で自分自身を語るより、ブランドのある誰かに語らせてみよう。 重要なアクションは1回だけ見せるより、何回も繰り返して表示してみよう。 クリックできる・選択できるアイテムは、ぼかさず明確にスタイルしてみよう。 選んで欲しいものを並列で並べるより、オススメを強調してみよう。 いちいち確認を取るより、Undo
2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic
世界中で講演を行い、ホワイトハウスでもプレゼンテーションを行ったという「UXの第一人者」Janice Fraser氏。 UXに特化する会社を立ち上げた彼女の経験・バックグラウンドや、彼女が語る「Lean UX」などに関しては同記事の後編に譲るとして、まずは彼女が定義する「UXとは何か?」ということや、よく混同されがちな「UIとUXの違い」、更には「国を超えるとUXに違いはあるのか?」「良いUXを測るための指標」について伺った。 ◆目次(前編)◆UXとは?混同されがちなUIとUXUXに国ごとの違いはあるか?良いUXかどうかを測る指標は?◆話者プロフィール◆ ゲストトーカー:Janice Fraser LUXr, Inc. CEO @clevergirl UXデザイナー、起業家。UXを重視したウェブサービスのデザインを手がけるAdaptive Path社の共同創業者、初代CEO。 15年に渡る
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
数がすごいだけでなく、そのクオリティも素晴らしく、商用サイトでもそのまますぐに利用できるUIエレメントが揃ったPhotoshopのPSD素材を紹介します。 単に使用するだけでなく、デザインのバリエーション、エレメントの展開など、勉強にも役立ちます。
by Gustavo da Cunha Pimenta アプリ、Web開発など様々な分野で活躍するUIデザイナー スマートフォンやインターネットの進歩とともに様々なデザインのスマートフォンアプリやWebサイトを見かけるようになった。 それらのデザインは企業やサービスのイメージを決める重要な要素であり、各企業ともに、特にIT企業のおいて注力されている分野である。 最近では、Appleが「フラットデザイン」というシンプルで魅力的なデザインを採用したことが話題となった。 デザインの中でも「UI」という言葉がある、この言葉は英語の「User Interface(ユーザーインターフェース)」の頭文字をとったもので、利用者(ユーザー)がコンピュータをはじめとするデジタル機器と情報のやりとりをするための仕組みを指している。 コンピュータなどの操作感の意味でも使われる。これを設計するデザイナーをUIデザイ
EAT Café について 表現財のパッケージャー:テックデザインが主催する、新しい働き方を模索・議論するセミナー... 続きを読む >> 「使う人の役に立ちたい」ー 。迫田大地(さこだ だいち)さんの持つそんなシンプルな誠実さが彼をフリーランスに導いた。現在、日本では数少ないUXデザイナーとして活躍する迫田さんを招いておこなわれたEAT Café Vol.7。彼が独立するにあたりたどってきた道程には商売とはなにか、デザインとはどういうものか、という根幹の問題が見え隠れしている。 迫田大地Webサイト『blog.daichisakota.com』:http://blog.daichisakota.com/ 「UXデザイン」という言葉をごぞんじだろうか? UX、すなわちユーザエクスペリエンス(User Experience)とは使う人を中心に据えた考えかたのことである。そして、インターフェイ
ここ数年でのテクノロジーの進化とデバイスの多極化により、WebサイトなどのUXデザインを行う際に気をつけなければならないポイントが非常に多くなった。 特にユーザビリティーが結果に大きな影響を与えるサービスにおいては、どのような内容のプロダクトであっても高いユーザーエクスペリエンスを達成する為に普遍的にクリアしなければならないポイントが幾つか存在する。 品質管理とコンバージョンアップの実現を目標に、10の項目ごとのチェックポイントのチェックリストを作成してみた。 サービス公開前に必ず確認し、全項目のクリアを目指したい。 1. ユーザーエクスペリエンス関連ユーザー登録する際にユーザーになにかしらの価値を提供 例えば登録ボタンは単純に “登録” ではなく、”無料トライアル申し込み” とした方がユーザーにとってのメリットが伝わりやすい。また、極力無駄な登録はさせない。 料金/費用を分かりやすく表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く