Vueでもっと幸せになりたいあなたへ。VueのUIコンポーネントライブラリVuetifyのススメ - KAYAC engineers' blog
どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2018の12日目の記事を担当します、今年1月に中途入社しましたエンジニアのたがみです。 前職ではサーバーサイドのSEとして業務系のwebアプリを開発したり運用したりしていましたが、今はクライアントワークのフロントのエンジニアとしてwebサイトを作ったり動かしたりぶっ飛んだものにしたりしなかったりしています。 今回は、そんな私がフロントエンドになったばかりの頃に仲良くなった思い入れのある言語、Google App Scriptの話を！・・・・・・と、つい二日前までは、思っていたのですが。 Google先生を訪ねて色々と検索していたところ「あれ・・・なんか・・・Vuetifyについての日本語記事、実は少ないのでは・・・？」と気づいてしまったのです。 （もしかしたら気のせいか
ハイブリッドアプリを作るのに使いたいUIフレームワーク10選 - FJCT_ニフクラ mobile backend（mBaaS）お役立ちブログ
Monacaを使えばiOS/Android両方で動作するハイブリッドアプリが開発できます。しかしハイブリッドアプリという技術上、特定のUIフレームワークがありません。そのためアプリっぽく動作する部分を自分で工夫しなければなりません。 しかし、そのためのUIフレームワークはすでに多数存在します。これらを使えば、より優れたUI/UXのアプリが開発できるでしょう。 Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular Mobile Angular UI - Angular JS Mobile UI framework with Bootstrap 3 Css Kendo UI Web Compone
TVデバイス向けUI/UX開発 ー Amazon Fire TV編
こんにちは。AbemaTV デザイナーの石塚千裕です。 AbemaTVとは、サイバーエージェントとテレビ朝日が共同で、無料で楽しめるインターネットテレビ局として展開する動画サービスです。オリジナルの生放送コンテンツや、アニメ、ドラマ、ニュースなど多彩な番組を約30チャンネル、全て無料で楽しむことができます。 スマホやタブレット、PCで視聴可能ですが、今回テレビ専用アプリとして初めて対応したAmazon Fire TVシリーズ（以下、Fire TV）のデザインについて書かせていただきます。 起動したら即視聴。「テレビらしさ」を出す。 Fire TVはお手持ちのテレビに小型のストリーミング端末をつなぐだけで、Amazonビデオやアプリなど、リモコンを使って簡単に楽しむことができます。 スマホアプリのフィードは、左右のチャンネルが見切れているUIになっていますが、今回のデバイスは「テレビ」なので
神は細部に宿る！「たった1つのリンクの改善が、100万ドルを生み出した」事例から学ぶデジタルマーケティングの教訓｜MarTechLab（マーテックラボ）
HOME Clicktale 神は細部に宿る！「たった1つのリンクの改善が、100万ドルを生み出した」事例から学ぶデジタルマーケティングの教訓 近年ネットの通販需要は、ここ数年で急激に上昇し、それにつれて日本のEC市場は右肩上がりに急成長しています。経済産業省が去年の8月に発表した『電子商取引に関する市場調査』によると、2020年にはEC市場規模が20兆円台になると予測し、これからも伸びていく市場であることは確かでしょう。 （参考：ネット通販市場は小売りの20％､60兆円に） そうなると重要なのは、ますますWEBサイトを最適化することでしょう。商品を探すのがわかりづらいサイト、フォームに長々と情報を記入しなければいけないサイトなどは、それだけで売上が落ちてしまいます。そして、サイトの売上が大きくなればなるほど、そのような些細な点がテコとなり、何百・何千・何億円もの売上に影響します。 今回は
「Retty」が実践した“年200件のUI改善”に学ぶ--考えるよりも仮説を即実装
プロデュース、マーケティング、エンジニアリングなどウェブサービスの運営に携わる全ての担当者にとって、ユーザーの活発な利用を促進するユーザーインターフェース（UI）の企画と開発は大きなテーマである。提供されるサービスが価値の高いものであったとしても、ユーザーにとってUIが使いやすいか否かで、サービス全体のKPIの達成が大きく左右されると言っても過言ではない。 こうしたUIの刷新と評価をスピーディに進め、ユーザーの利用促進を成功させた好例が、グルメサービス「Retty（レッティ）」だ。2011年6月のサービス開始から利用者数は順調に伸び、2015年11月には月間利用者数が1500万人を突破。投稿されたクチコミの件数は2015年12月に200万件を突破するなど成長している。その背景には、年間200件を超えるUIの改善が挙げられるのだという。 RettyのデザイナーチームはどのようにUIを見直し、
UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして。アメリカからやってきたUIデザイナーのCorey（コーリー）です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日本のデザイン界ではSketchはそれほど使われてないかもしれませんが、海外ではSketchが大ブームになっています。 今回は私が最強なPhotoshopからSketchへ乗り換えた理由をお伝えします。 Sketchへ乗り換えた理由（Why I Use Sketch） http://bohemiancoding.com/sketch/ 1. UI Design中心 Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていま
A/Bテストとユーザビリティテストの使い分け
A/Bテストは、用意した複数のデザインのどちらの成果指標がよりよいか、という結果を定量的に比較検討するための手法です。いくつかのデザインの選択肢があった場合に実際にユーザーに利用してもらうことで、どのデザインが最も数値目標達成率が高いかを把握するのには有効ですが、なぜその結果になったのか、という理由を把握することはできません。デザイナーの発想の域を越えることはできず、変更すべきデザイン要素が別のものだったとしても気づくことができません（例：真の問題は、色ではなく配置だった）。 一方、ユーザビリティテストは、ユーザーの利用状況を観察することで、目的達成を妨げる問題など、定性的な洞察を得るための定性的な手法です。まだ開発途中である場合や、リリースしたあとに、ターゲットとしたユーザーがどのように思考し行動するかを把握するのに有効ですが、定量的な指標による評価にはあまり向きません（それをしようとす
定量的ユーザビリティでの、正確さ vs. 洞察
ほんのわずかなことを過剰な精度で知ることに予算全部を使うよりは、ユーザビリティ指標の誤差範囲をより広いものとして受け入れるほうが良い。 Accuracy vs. Insights in Quantitative Usability by Jakob Nielsen on November 21, 2011 日本語版2011年12月1日公開 先週、新しいユーザーエクスペリンス（UX）基礎トレーニングコースのために、調査タイプ別の望ましいテストユーザー数を入れたスライドを作成した。私は基礎的なコースを教えるのが好きである。なぜならば、それはまさにこうした機会、つまり、25年間にわたるユーザビリティプロセス研究の成果を１つの表にまとめ上げる、といった機会を与えてくれるからだ。物事の本質を見るために複雑なテーマを要約すると、パターンというのは形となって現れてくるものなのである。 例えば、なぜ、ユー
A/Bテスト、ユーザビリティエンジニアリング、抜本的革新：どれが最も有益か
定義： A/Bテスト（比較テスト）とは生のトラフィックを2つ（以上）に分けるものである。ユーザーのほとんどが目にするのは標準デザイン（「A」）だが、少数のユーザーは別案（「B」）を目にすることになる。統計的に有意な数を集めたら、コンバージョンレートや直帰率のようなKPI（key performance indicator；重要業績評価指標）が一番高かったデザインが次の標準になる。 ユーザビリティとはユーザーテストやフィールドスタディ、パラレル＆反復デザイン、忠実度の高くないプロトタイプ、競合調査、その他、多くの調査手法といった一連のユーザー中心のデザイン（UCD）活動を判断基準にするものである。 デザインの抜本的革新とは、標準的なデザイン変更プロジェクトで採用される山登り法から生まれるのではない、過去のデザインから逸脱したまったく新しいデザインを創造するものである。革新の例には根本的なブレ
ユーザビリティ調査では何人でテストするのか
例外を除くと、その答えは5人である。テスト参加者をもっと多く使うことに賛成する意見の大半は間違っている。しかし、中には、より大きな規模のほうがいいテストもあれば、小さいほうがいいものもある。 How Many Test Users in a Usability Study? by Jakob Nielsen on June 4, 2012 日本語版2012年6月26日公開 欲しい数字が1つなら、答えはシンプルだ。ユーザビリティ調査では5人のユーザーでテストしよう。その結果、もっと多数のテスト参加者を使って得られるのとほぼ同数のユーザビリティ上の問題を見つけられるだろう。 1989年に「ディスカウントユーザビリティエンジニアリング」を奨励し始めて以来、この答えは変わっていない。テストしているのが、ウェブサイト、イントラネット、PCアプリケーション、モバイルアプリなど、何なのかは関係ない。ユー
ユーザビリティコラム：Jakob Nielsen博士のAlertbox
スクロールフェードの基礎 4月11日 読了までに約14分 スクロールフェードがユーザブルというよりも気が散るものになるかどうかは、その持続性、応答性、ページ上の要素への控えめな適用といった要素に左右される。このデザインパターンを正しく用いれば、ブランド認知を向上させ、ページの読み込みを最適化し、コンテンツをより理解しやすくすることができる。 このコラムについてUIデザイン・ユーザビリティ・UXデザインについて、その道の第一人者・ヤコブ・ニールセン博士（略歴）ら米Nielsen Norman Groupのメンバーが実例を交えて洞察するコラム『Alertbox』。その日本語訳を許可を得て公開しています。 デザインサイクルの各段階でアンケートを実施する方法 3月29日 読了までに約7分 ほとんどのUXアンケートは、デザインサイクルの最後の「耳を澄ます」フェーズで実施される。しかし、アンケートには
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OKボタンの位置はどこが適切?