タグ

ブックマーク / uxmilk.jp (8)

  • 国内のUX専門家が集結した「UXify 2018 Japan」レポート【前編】

    4月27日にUXのグローバルカンファレンス「UXify 2018 Japan」が開催されました。 「UXify」は米インフラジスティックスが主催する、UXの専門家が現場で得た知識、体験、事例などを共有するグローバルカンファレンスです。今まで米国やブルガリアで開催されてきましたが、5年目となる今回は日でも初開催を迎え、「Future of UX = UXの未来」をテーマに国内の専門家が集まり、セッションを行いました。 今回は行われた5セッションの内容を前編・後編に分けてご紹介します。 1. 自分起点でUXの未来を考える 最初に登壇したのは株式会社セカンドファクトリーのUXデザイナー、斎藤氏。ワークショップ形式のプログラムで会場を盛り上げていました。 このワークショップは、登壇者である斎藤氏自身を題材とし、「わたし(斎藤氏)の活動をを分解し、一緒にUXの未来を考える」というテーマで共創駆動モ

    国内のUX専門家が集結した「UXify 2018 Japan」レポート【前編】
  • UXを向上させる5種類のアニメーションの使い方 | UX MILK

    Nick Babich氏はソフトウェアディベロッパーです。大のテクノロジー好きで、UI/UXをこよなく愛します。彼のwebサイトはこちらです。http://babich.biz。 モーションはストーリーを伝えます。長く複雑なストーリーではなく、「今ここを見て下さい」や、「操作は正常に完了しました」などのシンプルなストーリーです。 しかし、アニメーションの目標は、ユーザーを楽しませることではありません。ユーザーが何が実行されているか理解し、より便利にアプリを使う方法を理解するための手助けするためにあります。このアイディアは、Zurbの記事にある次の言葉の中ではっきりと表現されています。 We’re no longer just designing static screens. We’re designing for how the user gets from those screens

    UXを向上させる5種類のアニメーションの使い方 | UX MILK
  • アニメーションが心地よいマテリアルデザインのUIサンプル5選

    徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 UIデザインの歴史に学ぶシャドウと奥行きの使い方 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト5選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレコードのように変わりア

    アニメーションが心地よいマテリアルデザインのUIサンプル5選
  • 「プログラミングは簡単に学べる」という嘘 | UX MILK

    プログラミングを学ぶことは簡単なことではありません。それは誰でも知っていることです。 ですが、残念ながら「プログラミングは簡単!」といった文句でビジネスをしようとするマーケターはたくさんいます。彼らのプロダクトを使えば、あるいはそうなるのかもしれませんが。 Hearing the WWDC keynote say coding isn't hard frustrates me. It's extremely hard. You're setting beginners up for huge disappointments. — Tyler McGinnis (@tylermcginnis33) 2016年6月13日 WWDCキーノートで「プログラミングは難しくない」と言っているのは当に腹が立ちます。ものすごく難しいですから。初心者を騙してがっかりさせるだけです。 誰かがあなたに対してプ

    「プログラミングは簡単に学べる」という嘘 | UX MILK
  • より良いCSSを書くための様々なCSS設計まとめ

    CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、「良いCSS」にすることができます。 最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。 「良いCSS」とは 「良いCSS」の定義として、おそら

    より良いCSSを書くための様々なCSS設計まとめ
  • ノンデザイナーも必見!デザインの基礎が学べるスライドまとめ

    どんな商品やサービスにおいても、デザインは必ず関わってくる分野です。優れた商品やサービスをつくるためには、チーム全員がデザインに関する基礎知識を身につけておいた方が良いでしょう。 そこで今回は、ノンデザイナーでもデザインを簡単に・楽しく学べるスライドをご紹介します。もちろんデザイナーの方々にとっても役立つものばかりなので、ぜひ参考にしてください! ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう そもそもデザインって何?という根的なところから、良いデザインの選び方を具体例を交えて紹介しています。タイトルの通りノンデザイナー向けなので、これからデザインを勉強する人、デザイナーと関わる仕事をしている人は必読です。Q&A方式でスライドが進んでいくのでさらっと読めます。

    ノンデザイナーも必見!デザインの基礎が学べるスライドまとめ
  • 【告知】UX JAM、仙台でやります

    新年おめでとうございます、UX MILK編集部です。 新年早々ですが、お知らせです。 ゆるい勉強会イベントUX JAM、仙台で開催することになりました! 既に昨年末にイベントページは公開しておりますが、改めましてお知らせです。 UX JAM in SENDAI 【日時】1月15日(金)19:30~22:30 【場所】株式会社メンバーズ ウェブガーデン仙台 【住所】宮城県仙台市青葉区一番町四丁目6番1号 (第一生命タワービル 8階) ※仙台市地下鉄南北線「勾当台公園」駅または「広瀬通」駅 徒歩5分 https://goo.gl/maps/mGn332qZ3gQ2 【費用】¥1000 ※懇親会費用込みの参加費となり、入場時にお支払いいただきます ※領収書は発行できませんので事前に承知おき下さい ※飲み物と軽をご用意する予定です 今回初の地方開催ということでまだまだ手探りではありますが、東北地

    【告知】UX JAM、仙台でやります
    cha-cha-ki
    cha-cha-ki 2016/01/11
    今週金曜です / 【告知】UX JAM、仙台でやります | UX MILK
  • Flashはなぜその役割を終えたのか

    デザイナー/デベロッパー。Fotogramme for Instagram 作者。フリーランサー。ウェブやモバイルアプリのUXディレクション、デザイン、開発を手がけています。 @hiro_kimu emotionale.jp。 Flashという名称が無くなってしまうーー2015年11月末、Flash Professionalのアプリケーション名称を「Adobe Animate CC」に変更するという発表がAdobeからあり、20年に及んだFlashの歴史が転換期を迎えました。「Flashは死んだ」と評されてすでに久しいですが、存在よりも先に名称が消えてしまうことになるとは思わなかった方も多いでしょう。 W3Techsによる調査結果では、2015年12月現在、ウェブサイトでのFlashの採用率は9.6%にまで落ち込んでいます。2011年1月の同調査では28.5%だったことを鑑みると、ウェブに

    Flashはなぜその役割を終えたのか
  • 1