こんにちは、Webエンジニアチームの@sat0yuです。 これまで弊社のイベント報告系記事しか書いてこなかったのですが、今日はすこし技術寄りの話をします。 現在私達のチームでは、生徒向け学習サービス（日本ではスタディサプリ、 海外ではQuipper Videoの名称で提供）のリニューアルプロジェクトを担当しています。 リニューアルバージョンのリリースは以下のとおり計画されており、すでに合格特訓コースのユーザには提供を開始しています。 2018夏: スタディサプリ合格特訓コースユーザ 2019春: スタディサプリの全ユーザ 2019春〜夏: Quipper Videoの全ユーザ 本投稿では、リニューアルプロジェクトの中で生まれた、小さいけれども非常に便利な状態遷移管理コンポーネントの紹介をします。 TL; DR 心地よいUXを表現するために５つの状態遷移を考える必要がある 状態遷移を簡単に実
At WWDC 2018, Apple designers presented a talk titled “Designing Fluid Interfaces”, explaining the design reasoning behind the gestural interface of iPhone X. Apple’s WWDC18 presentation “Designing Fluid Interfaces”It’s my favorite WWDC talk ever—I highly recommend it. The talk provided some technical guidance, which is exceptional for a design presentation, but it was pseudo-code, leaving a lot o
最近UIについてもやもやしていることがあるので書く。間違った知識もあるかもしれない。 先日UI CrunchというUIの勉強会のようなものが開催され、僕はschooの動画配信を見ていたのだが、どうも根底に「UIデザインの重要性が日本では認知されていない」という共通認識が流れているように思える発表が多かった。デザイナー生存戦略やエンジニアとうまく付き合う方法等…。 僕も前のブログ(UID Lab)でそのようなことを訴えてきたので、あぁ、やっぱりみんな不安なんだなあと思ったが、逆説的に「僕らデザイナーが信じているUIデザインの価値なんて、本当は虚像なんじゃないか？」ということを疑ってみたい。 そもそも、なぜみんな「UIデザインが重要視されていない」と感じるのだろう？自分が日頃感じることを列挙してみる。 UIデザインが重要視されていないと思う理由 1. デザイン=見た目のことという認識 UIは目
Flows are just as important to good interfaces as individual screens are. Customers don’t land on screens from out of nowhere. Specific sequences of actions lead customers through your app as they try to accomplish their tasks. But as important as they are, flows are hard to communicate during the design process. Drawing out every state of a flow is too time-consuming. And drawings become instantl
sponsored “WAF＋DDoS攻撃対策＋ボット対策”を統合プラットフォームで提供「FortiAppSec Cloud」 95Gbpsの大規模DDoS攻撃で、予約サイトがサービス停止に！ どうやったら防げた？ sponsored ケースはASUSの「AP201」、CPUはCore Ultra 7 265Fを採用 ゲーム性能はしっかりしてても大きいのはイヤ！ そんな希望を叶えるRTX 5070のゲーミングPCがコチラ！ sponsored 前モデルPx7 S2eから何が変わった？ 上位モデルとの比較も この音、もう“オーディオ好き”だけのものじゃない。毎日の音楽が楽しくなる「B&W Px7 S3」 sponsored JN-IPS275K-HSPC9をレビュー 5Kであれば4K作業もグッと効率アップ！ 仕事をよりスマートにできる27型ディスプレーが今こそほしい sponsored Co
A Collection of Innovative Interactions Find interaction techniques from Human-Computer Interaction research that inspire new designs.
https://dribbble.com/shots/1679085-Mobile-UI-Blueprint-freebie私の職場ではUIについてのマニアックな談義が行われることがあります。アプリやwebだとかのデザイン会社なので周囲にはUIやUXのプロフェッショナルが集まっていて、『UI談義』の文化が根付いています。 UIを解剖するためのUI談義UI談義とは、UIオタクで集まってUIのことをひたすら考察し合うだけの集まりです。ここには職種問わず誰でも参加が可能で、UIデザイナーはもちろん、iOSデベロッパー、Androidデベロッパー、PM、マネージャーなどなど、あらゆるタイプの人が集まります。 UI談義のテーマは突如設定されます。普段利用しているアプリのちょっとしたインタラクションが気になったらそこでUI談義が始まります。iOSのアップデートでApple純正アプリのUIが変わったタイ
Which is faster, keyboard or mouse? A large number of programmers believe that the keyboard is faster for all (programming-related) tasks. However, there are a few widely cited webpages on AskTog which claim that Apple studies show that using the mouse is faster than using the keyboard for everything and that people who think that using the keyboard is faster are just deluding themselves. This mig
DeclarativeLitho uses a declarative API to define UI components. You simply describe the layout for your UI based on a set of immutable inputs and the framework takes care of the rest. With code generation, Litho can perform optimisations for your UI under the hood, while keeping your code simple and easy to maintain. Asynchronous layoutLitho can measure and layout your UI ahead of time without bl
7 Principles of Rich Web Applications@rauchg|November 4, 2014 (10y ago)713,804 views This is a writeup based on a presentation I gave at BrazilJS in August 2014. It builds on some of the ideas I've been blogging about recently related mostly to UX and performance. I want to introduce 7 actionable principles for websites that want to make use of JavaScript to control their UI. They are the result o
Device Orientation Event ブラウザ（主にスマホのブラウザを想定）の Device Orientation Event の内容を読むと，端末の傾き情報などを取得できる．例えば DeviceOrientationEvent.beta の値は，スマホを縦長に持ったときの，手前 or 奥方向への倒れ角を表している．端末を水平な机上に置いた状態だと 0 ，垂直に持った状態だと90や-90のような角度値（傾き）となる． 概要 今回は，この「傾き」の値をパスワードの代わりに使ってメッセージをゆるく保護するデモ（デモページのURLは記事末尾に記載）を作った． 投稿者は以下のような投稿画面で，メッセージ本文に加えて端末の傾きをサーバに送信する．端末の傾きはボタンを3回タップして設定する．角度値が安定していれば登録に成功する． サーバではメッセージに固有のURLを割り当てて，本文と傾き
モバイルアプリ相互送客ツール「Tapdaq」のメインデザイナーであり、Dashboard UI Kitの作者として知られるJan Losertさん。4年間のダッシュボードデザインの経験からまとめた26のステップは、UI/UXデザイナー必読です。 過去4年間にわたってダッシュボードとアプリケーションのデザインを続ける中、プロダクトをさらに良く効率的なものにするために、いろいろな部署と付き合っていくこと、そしてそうした部署の人たちの知識を活用することを学びました。 この記事では、私が学び、日常のルーティンに取り込んだすべてのステップを紹介しようと思います。こうしたステップがあったからこそデザイナーとして大きく成長できたと思うので、読者のみなさんに役立つことを願っています。 事前準備をする Step 1. 集められるだけの情報を集める（例示は3パターンでお願いする） 私にとって、実際に稼働してい
Captcha security check nexusosc.com is for sale Please prove you're not a robot View Price Processing
So, here's a Vision Of The Future that's popular right now. It's a lot of this sort of thing. As it happens, designing Future Interfaces For The Future used to be my line of work. I had the opportunity to design with real working prototypes, not green screens and After Effects, so there certainly are some interactions in the video which I'm a little skeptical of, given that I've actually tried the
All slide content and descriptions are owned by their creators.
いくら魅力的なサービスやシステムでも、それを使う時間がないと利用できません。Webサービスやコンテンツ制作者なら、誰でも自分たちのサービスを使ってもらいたいと思うでしょう。しかし、ユーザを惹きつけようとする設計が、時間を多く使うために逆効果を生むことがあるのです。今回は「時間」という観点から、サービスやコンテンツの設計について考えます。 マルチデバイスの時代 マルチデバイスの時代になり、PC、スマートフォン、タブレット、テレビなどネットに接続されたデバイスに囲まれた生活が当然となりつつあります。人によっては複数のデバイスを持ち、連携させながら使うこともあるでしょう。 Webには膨大なコンテンツがあり、必要であればすぐに検索して望みの情報を見つけられます。記事をはじめ動画や音楽、ゲーム、さらに書籍の電子化も始まり、実質得られない情報はないと言ってもよいでしょう。しかも私たちは、ネットワークに
UI/UXは進歩の激しい領域のために、時に前例なしの設計が求められることがあります。たとえば近年の例では、スマートフォンやタブレットが急速に普及し、まだノウハウのない中でこれらのデバイスに特化したUI/UXが求められました。これからも誰も触れたことないデバイスや状況でも、的確な設計を行うことが求められます。 そういった未踏の領域では、先端の研究領域に注意を向ける一方、UI/UXの原点を学ぶ必要があります。本コラムではインタラクションの研究者という立場から、これまでのUI/UXにおいて何が本質であるかを知るのと同時に、これから向かう未来を見据えながら、今何を学ぶべきかを分析、考察していきます。そしてUI/UXに携わる人に少しでもUI/UX設計の「なぜ」に答える材料になればと思います。 効率だけでは語れない道具の設計 スマートフォンやタブレットなど、高性能な端末を持ち歩く時代となりました。ネッ
Shibboleth Authentication Request
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
