Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.
![Flinto - The App Design App](https://cdn-ak-scissors.b.st-hatena.com/image/square/c3b10eb052cb0a4b4990e2d18ff8d8cd40a9fdda/height=288;version=1;width=512/https%3A%2F%2Fwww.flinto.com%2Fassets%2Flogo_for_fb_share-44fe6e0102b4bf5834fcb65a98b408efe798dcb32e7d09f55d3a62dfe7ae435e.png)
ほんとに使える「ユーザビリティ」 -より良いデザインへのシンプルなアプローチ を最近読んでいるのですが、その中にこんな一文がありました。 通常のログインではユーザー名とパスワードの両方を入力するから、これら2つの情報のどっちが間違っているのか説明すれば、このメッセージはもっと役立つはずだ。「このユーザー名は存在しません。あなたのアカウントは別のメールアドレスで登録されている可能性があります」といったメッセージにすれば、ぐっと良くなる。(p.117 役立つエラーメッセージを書く) その後の訳注にもある通り、ログインエラーの原因をあまりにも詳細に表示することはセキュリティ上のリスクになるので、ユーザー名とパスワードのどちらが間違えているのか?といったところまで表示する訳にもいきません。とはいえ、そう言われてみると一般的なサービスではどんなライティングにしているのだろうか?と気になったので、10
HTML5でモバイルアプリを作るなら、UIはionicで決まりなのでは!と思えるぐらい良いライブラリです。AngularJS&Sass派の人はぜひ使ってみてはいかがでしょうか。 はじめからAngularJSで使うことを念頭に置かれているのが良い はじめからAngularJSで使うことを念頭に置かれているので、モバイルアプリで当たり前に使う機能をAngularJSから簡単に操作できるように、ionic-angular.jsというライブラリが用意されています。 ナビゲーション(Views and Navigation) テーブルビュー(List) タブバー(Tab Bar) スライドメニュー(Slide Menu) などなど、一通りの機能がAngularJSから操作できるようになっています。 設計方針もCocoa Touchっぽくしているとのことで、iOSネイティブで開発していた人にもとっつき
ネコメシ、今年の仕事始めに引越しをしまして、麻布十番から渋谷へと本社を移転しました。パートナー会社さんたちとの業務提携っぷりをいっそう深めるためでありまして、これについては、ほとぼりが冷めないうちに、なるたけ近日、別途ご案内差し上げるつもりです。 さて、本社の住所変更となりますと、いろいろ手続きが必要です。まず何といっても大事なのは登記簿謄本の住所変更ですね。あとは銀行やクレジットカードなど、主に決済関係のやりとりが発生するところには、速やかに変更の連絡をしておく必要があります。 ということで、ドメイン屋さんとかサーバ屋さんのほうも、住所変更やっとくかってことになりまして。銀行とかと違って、こういうところは全部オンラインで手続きできるから楽ちんですよね! ということで、まず、ヘテムルさん。 お客様情報の入力フォームです。麻布十番の旧住所が入ってるので、これを変更します。 郵便番号の頭3桁を
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
クリーンなHTMLを使い、レスポンシブを念頭においたUIエレメントを簡単に実装できるオープンソースのライブラリを紹介します。 TopCoat TopCoat -GitHub TopCoatのセットアップ 当スタイルシートを外部ファイルとして配置するだけです。 <link rel="stylesheet" type="text/css" href="css/topcoat-desktop-min.css"> TopCoatのスタイルシートは2種類あり、デスクトップ用(24KB)、スマフォ用(20KB)となっています。 それぞれのデモを見てみましょう。 TopCoat for Desktop TopCoat for Mobile TopCoat for Desktop デスクトップ用のデモです。 デスクトップでご覧ください。 TopCoat for Desktop
One common aspect of making a website or application “mobile friendly” is the inclusion of tweaks, additional functionality or interface elements that are particularly aimed at touchscreens. A very common question from developers is now “How can I detect a touch-capable device?” Feature detection for touch Although there used to be a few incompatibilities and proprietary solutions in the past (suc
Chardin.js - Simple and beautiful overlay instructions for your apps.
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
UI is the saddle, the stirrups, and the reins. UX is the feeling you get being able to ride the horse, and rope your cattle. At least that's what they used to say in the olden days. Rather, that is what I wished they'd say. Despite how simple that may have sounded, there are many complications and misconceptions when it comes to the differences between UI and UX design, and they cause the design c
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに(備忘録も兼ねて)スマートフォン向け開発(主にネイティブアプリ開発)におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
User interface details matter to the overall user experience. Many users may not consciously notice these details on your site yet they do have an impact on the overall user experience. When everything feels just right the perception of your site and brand is improved. In this article we’ll look at 5 different types of UI details you should pay attention to. (Check out UI vs UX for definitions of
Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! « Fox Splitterを作りなおした Main ジム通いを始めた » Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - Jun 30, 2011 あかつかだいすけさんのご紹介で、6月27日に慶応大学湘南藤沢キャンパスでインタラクションデザインについての講義を1時間ほどやらせていただきました。その際の発表資料はいつもの通り「高橋メソッド in XUL Returns」で作ったのですが、Remote XULがデフォルトで禁止されるようになったFirefox
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く