2018-02-27 Composable な UI 設計を目指したフロントエンド開発 こんにちは、開発本部の舘野です。医療介護の求人サイト「ジョブメドレー」の開発を担当しています。 昨年、ジョブメドレーでは事業所が利用する採用管理画面の UI リニューアルを行いました。ユーザが使いやすい UI づくりを目指すために、長期間にわたり誰が開発しても一貫性ある UI を実現できるようなシステムが必要です。そこで今回は「Composable」な UI システムの実現をテーマに、どのように開発を行ったのかについて、共有させていただきます。 背景:画面や機能追加のたびに UI の一貫性がなくなっていた ジョブメドレーの採用管理画面とは、医療機関や介護施設の採用担当者が求人情報の管理や応募者の選考状況の管理などを行う画面です。 この採用管理画面ですが、リニューアル以前はAngularをフレームワークと
下記記事にある通り、「WinAppDriver UI Recorder」が公開されたので、さっそく試してみました。 米Microsoftは20日(現地時間)、新しいオープンソースツール「WinAppDriver UI Recorder」を「Windows Application Driver」の一部としてリリースした。自動UIテストを作成するのに役立つ。 https://forest.watch.impress.co.jp/docs/news/1128952.html より Microsoftは2018年6月20日(米国時間)、「Windows Application Driver」(WinAppDriver)コミュニティー向けの新しいオープンソースツール「WinAppDriver UI Recorder」(以下、UI Recorder)の公開を発表した。UI Recorderは、自動化さ
これからは「チャット」があらゆるサービスのユーザーインタフェース(UI)になる――。米Facebookなどがメッセンジャーアプリケーション(アプリ)のプラットフォーム化を進める中で、シリコンバレーではこのような見方が急速に台頭している。 利用者はもう、スマートフォン(スマホ)のアプリをあれこれ操作したり、検索キーワードを考えたりする必要はない。会話ロボット(ボット)に音声やテキストで“話しかけ”さえすれば、ボットの人工知能(AI)がその意図をくみ取って、買い物をしたり、タクシーを呼んだりしてくれるようになる。Facebookや米Microsoft、米Googleなどが、そのような未来像を喧伝し始めている。 そうは言ってもこうしたシナリオには、二つの疑問がつきまとう。一つはボットのAIがそこまで賢いのか、という問題。もう一つはチャットというUIがそこまで使いやすいのか、という問題だ。残念なが
Windowsでよく使われているフォントに「Segoe UI」というものがあります。 TwitterのTLを見ていると、Segoe UIの読み方に関するツイートがRTされてきました。 相手の言う『凄いUIフォント』って何だ???と思っていましたが、答えは『Segoe UI』だったと判明したとき、どんな顔をすれば良いというの・・・。— スズカナ(第9曼荼羅ありがとう) (@bell_kana) 2015年3月24日 Segoe をシーゴと読める人って案外少ない気が(— しばやん (@shibayan) 2015年3月24日 せごえだと思ってたのに…… せごえUIって思ってた・・・— さくさん (@ch3cooh) 2015年3月24日 Segoe UIの読み方 Wikipedia先生曰く。 Segoe - Wikipedia Segoe(シーゴー、シーゴ、play /ˈsiːɡoʊ/、see
SF映画で学ぶインタフェースデザイン アイデアと想像力を鍛え上げるための141のレッスン 作者: Nathan Shedroff,Christopher Noessel,安藤幸央,赤羽太郎,飯塚重善,飯尾淳出版社/メーカー: 丸善出版発売日: 2014/07/24メディア: 単行本(ソフトカバー)この商品を含むブログ (8件) を見る SF映画に現れるさまざまなインタフェースが,作品内世界でどのように働いているかを分析し,それを通じて,現実のインタフェースのいろいろな特徴がわれわれにどんな影響を与えるかを確認したり,映像に現れるインタフェースが映画を見るときどんな感じを与えるかを確認したりする本. SF映画のなかでだれかが何かを操作するとき,またそいつがその操作結果を受け取るとき,そこにはどんなやりかたがあるだろうか? 2010年ぐらいまでの100以上のSF映画を分析したこの本で取り上げら
ぼくらが迂闊にUIを作ると、そこにはユーザの正直な目線があり、非常に様々な、そして真っ当な反応がある。 曰く「わからん」「まさかそこをクリックするとは」「不思議な動作」「独自宇宙」「モリスUI」。 反応がもらえるのは非常に良いことだが、何度も何度も繰り返しているとつらくなってくるので、できれば避けたい。分かっている(いた)ことは最初から対応しておきたいものだ。*1 ということで、ここではブラウザで操作する管理画面等のWebUIを作るとき、真っ先に心得ておくべき5つの鉄則を紹介したい。これを守っていてもDISられなくなるというわけではないが、これを守らないと間違いなくDISられるので注意しよう。 なおこの記事ではオリジナリティというものについては考慮しない。オリジナリティとか犬に食わせろ。 クリックできる場所はcursor:pointerを指定しろ これを忘れるとこの世のものとは思えないくら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く