使いやすさ日記 by U'eyes Design Inc.
昨年末に各社から発売され、今年は普及年だったと思われるスマートスピーカー、我が家でもリビング、仕事部屋、寝室、風呂、車とほとんどの場所で待機しており、買い物リスト登録、家電操作などで大変重宝しています。 その中でいつも微妙に困っているのは天気予報です。便利は便利ですが、「明日の天気は？」と聞いた時のレスポンスに日付や曜日が含まれていないので、例えば深夜に言う「明日」とか「今日」がいつを指しているのか判断に困ります。月曜日深夜1時（厳密には火曜午前1時）に寝る前に明日の天気が気になったとして、「明日の天気は？」と聞いたとしましょう。音声アシスタントは「明日の天気は晴れ、気温は18度です」などと返してきます。さて、それは寝て起きた火曜日のことでしょうか？それとも正確に暦に基づいた火曜日の翌日、水曜日のことでしょうか？人間同士の会話であれば0時を過ぎていても寝る前に言う「明日」なら火曜日のことだ
心地よいアニメーションを求めて - クックパッド開発者ブログ
こんにちは、買物情報事業部の三浦です。 日々アプリを使っていて、ふとしたところでさりげないアニメーションや気の利いた効果音があると心地よく感じますね。 UIKitには手軽にアニメーションを実装できるようにAPIが用意されています。少し工夫するだけで効果的な動きを作ることができます。 サンプルを見ながらみていきましょう。 Basic まずはUIViewのクラスメソッドのシンプルなアニメーションです。 オブジェクトを下にアニメーションさせます。 UIView.animateWithDuration( 0.5, delay: 0.0, options: nil, animations: { () -> Void in self.circle.center = CGPoint(x: 0, y: 100) }, completion: nil) 動きの加減をコントロールするイージングもUIViewA
流行りのUIをコード付で紹介しているサイト「CodeMyUI」 | ライフハッカー・ジャパン
『アメトーーク!』家電芸人が絶賛したサーキュライトが #Amazonプライムデー に登場! スペパ抜群で、簡単にスマートホーム化
SmartNewsのようなUIを実現するライブラリ3つを比較してみた - アニマネ開発日誌
スマートニュースのようなフリックでページを移動したり、タブをスクロールしてページを選ぶような感じのUI。 最近はかなり増えているので今更な感はありますが、アニマネ の次期バージョンでも導入を検討中です。 一から実装せずともいくつかライブラリがあるようなので、試してみました。 比較したライブラリ はじめにざっくりとした比較表を。 2015年9月前半に比較していたので、今はまた状況が変わっているかも知れません。 あくまで参考程度に見て頂ければと思います。 ※追記 下記のライブラリもオススメです。 言語 ライブラリ 言語 RMPScrollingMenuBarController Objective-C PageMenu Objective-C,Swift PagingMenuController Swift 対応OSバージョン ライブラリ バージョン RMPScrollingMenuBarCo
グループ会社の開発体制強化にデザイナーとして参加した話 - クックパッド開発者ブログ
こんにちは。ユーザーファースト推進室デザイナーの倉光です。 今年の春、クックパッドのグループ会社として株式会社みんなのウェディングが新たに仲間入りしました！ クックパッド社員が新しいサービスを立ち上げて分社化することもありますが、今回のような場合にはこれまで異なる文化を築いてきた組織がグループに加わることになります。これに伴い、私はこの数ヶ月間に開発組織の新たなサービスデザインプロセスの立ち上げに参加してきました。 今回は自分たちのデザインプロセスを広めるにあたり、どのようなことを実践したかをここで紹介します。 1.まずはお互いのことを知り、課題を把握する みんなのウェディング社は月間のべ300万人の利用者がいる「みんなのウェディング」という結婚式場の口コミサービスを運営しています。自社内に開発組織を持っていますが、サービス開発体制をより強化したいという課題を抱えていました。そこで開発基盤
さよなら、インタフェース - Nothing ventured, nothing gained.
インタフェース*1を考える前に、本当にそれが必要なのかを考えるべきだということを、Golden Krishnaのブログを紹介する形で3年ほど前に書いた。 takoratta.hatenablog.com その後も勉強会のライトニングトーク（LT）でこの考えを面白おかしく紹介させて頂いたりした。 Step backして考えるUX from Takuya Oikawa www.slideshare.net そのオリジナルのGolden Krishnaの考えが本になった。「さよなら、インタフェース -脱「画面」の思考法」というタイトルだ。 さよなら、インタフェース -脱「画面」の思考法 作者: ゴールデン・クリシュナ,武舎るみ,武舎広幸 出版社/メーカー: ビー・エヌ・エヌ新社 発売日: 2015/09/17 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 内容は以前のブログ記事
iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」
アプリをデザインするためには、まず全体の構成設計が必須。しかしすべてのページやコンテンツ分を一から作り上げるのはなかなか大変だと思います。今回はそんなときに活躍してくれる、iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」を紹介したいと思います。 さまざまな種類のページ設計ワイヤーフレームがまとめられており、作りたいアプリのジャンル別に使い分けることができます。 詳しくは以下 全部で110種の画面が用意されており、Social、Ecommerce、Base elements、Markups & Gesturesといったテーマの中にさらにカテゴリ分けがされ、ほしいデザインイメージに合わせて組み合わせていけば、設計を容易に行うことができます。シンプルで見やすい、そのままデザインを当てはめていけばOKなクオリティが保たれているのも魅力。今まで手描きや、一から
ひたすら最新のユーザーインターフェイスを紹介し続ける「UI Movement」
ユーザーの新しい体験のためのインスピレーションがぎっしり詰まったサイトのご紹介。 実際に仕様する技術やなんやというのはないのですが、「こういう動きが体験できるといいな」というアイデアの種となるでしょう。 少し前にCSSのボタンだけをひたすら紹介するサイトをご紹介しましたが、そのユーザーインターフェイスバージョンと思っていただければと思います。 ユーザーインターフェイスのアイデア 実際にユーザーインターフェイスのアイデアと言っても様々あるのですが、特に多いのはやはりモバイルインターフェイスでしょうか。以下のような画像がずらずらと閲覧出来ます。 心地よさと軽量の両立はなかなかバランス感覚が必要な作業ですが、気持ちい操作ってやっぱりいいですよね。 ひたすらUIを紹介し続けるサイト「UI Movement」 UI Movement - The best UI design inspiration,
CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ
実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。
守ってはいけない、iOSのデザインルール4つ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
CSSエフェクトボタンだけをひたすらコード付きで紹介しまくるCssButtonが話題
海外のソーシャルブックマークサイト3つでなんか妙にブクマされていたので気になってみてみると中々面白かったのでシェア。 CSSのエフェクトボタンだけをひたすらコードつきで紹介しているTumblrアカウントのご紹介です。 このサイトの特徴 このサイトというかTumblrは、ひたすらCodepen.ioで紹介されているコードをタンブっているわけですが、唯一の特徴としては、そのコードがもたらすエフェクト効果をアニメGIFで一つ一つ紹介している点です。 実際これだけで、とても価値のあるアカウントになっているわけです。 CSS Buttons - 8-bit Hovers CSS Buttons - Simple Example 2-3D Transforms For Social-links CSS Buttons - Hover Animated Buttons CSS Buttons - Fau
UIコンポーネント集 Qiita:Coat - ✘╹◡╹✘
LTを聞いているという感覚でご覧ください。 Qiita:Coat Qiita用のUIコンポーネント集 GitHub用のUIコンポーネント集をForkしてつくりはじめた レポジトリ: https://github.com/increments/qiita-coat デモサイト: http://increments.github.io/qiita-coat/ 今週月曜からやってる これはcommit数 Qiita:Coatが必要に感じた背景 全ての開発者に共通する願い 高速に開発したい 秩序がほしい (a.k.a. 最低限度の品質の保証) 開発体制の情勢に起因する理由 開発人数が徐々に増えつつある 社員11人+アルバイト3人 四半期に1人ぐらい増えてる 50人が51人になるとかならともかく、5人が6人とかになると大きく変わる その他の理由 サポートサイトや採用サイトなどQiita風のデザインを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
商用利用無料、UIデザインに役立つSketch用の素材のまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
SSSSLIDE
仕事早すぎ！iOS 9の洗練されたユーザインターフェイスをじっくり勉強できるデザイン素材 -iOS 9 GUI
UI Movement - The best UI design inspiration, every day
今年気になったハイクオリティなデザインUIキット − 2015 - NxWorld
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
