タグ

uiに関するrichard_rawのブックマーク (145)

  • [印刷...]メニューの「...」は、別にエリカさまを気取っているわけではない!/ちゃんと意味があるのだが……【やじうまの杜】

    [印刷...]メニューの「...」は、別にエリカさまを気取っているわけではない!/ちゃんと意味があるのだが……【やじうまの杜】
    richard_raw
    richard_raw 2023/02/28
    最近のWindowsでは必要なくなっていたとは……知りませんでした。
  • UIから「白」が消える日|ritar

    これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし

    UIから「白」が消える日|ritar
    richard_raw
    richard_raw 2022/12/20
    なんとなく思ってたことが言語化されてた。/透明化、枠を消したい……やっぱり文字がネックかしら。
  • 消えゆくスクロールバー|3inowayosuke

    最近スクロールバーを見かけなくなった気がします。ざっと調べてみると、スクロールバーはすでに消え始めており、今のスタンダードはスクロールインジケーターになってる様です。そうかと思えば、そのスクロールインジケーターすら消え始めている状況です。 ▼1.消えゆくスクロールインジケーター1.1 フェイスブックiOSアプリ フェイスブックのアプリでは、もはやスクロールインジケーターすら表示されていません。ご自身のスマートフォンで見てみると、画面右側には何も表示されないはずです。 1.2 電話帳 iOS 実は電話帳からもスクロールインジケーターが消えています。インデックスが表示されているので、スクロールインジケーターとインデックスが重なってしまうのを防ぐためと思われます。 1.3 メモ帳 iOS メモ帳ではスクロールをするまでインジケーターは表示されません。スクロール後は一定時間が経つとスクロールインジ

    消えゆくスクロールバー|3inowayosuke
    richard_raw
    richard_raw 2020/03/16
    そこでミニマップですよ(そうか?)
  • メルカリが検索結果に「売れた商品」も表示するのはなぜ? 商品検索におけるUI/UXの考え方

    2019年2月26日、検索技術研究会が主催するイベント「Search Engineering Tech Talk」が開催されました。「検索」や「検索システム」にまつわる技術や手法を共有するイベント。第1回となる今回は、3人のエンジニアが、現場の経験を通して学んだノウハウや、検索にまつわる知見を語ります。プレゼンテーション「UIUXが無意識に検索行動に与える影響」に登壇したのは、株式会社メルカリDirector of Search Engineering の森山大朗氏。メルカリの検索結果を改善する上でわかった、情報検索と商品検索における違いを語ります。講演資料はこちら UI/UXが無意識に検索行動に与える影響について 森山大朗氏(以下、森山):みなさんお疲れさまです。今日はメルカリにお越しいただきありがとうございます。お酒も冷蔵庫の中にいっぱい入っていますので、飲まれたい方は、とくにハ

    メルカリが検索結果に「売れた商品」も表示するのはなぜ? 商品検索におけるUI/UXの考え方
    richard_raw
    richard_raw 2019/05/20
    なるほど、出品する人こそ検索するのか。
  • TwitterのWeb版、デザイン刷新 気に入らなければ「従来版に切り替え」も

    TwitterのWeb版のユーザーインタフェース(UI)が変わった」とのツイートが4月24日朝に相次ぎ、「TwitterUI」がトレンドに入っている。Twitterは1月から新デザインの適用をスタートしており、4月24日に適用範囲が急拡大したようだ。 「TwitterのWeb版のユーザーインタフェース(UI)が変わった」とのツイートが4月24日朝に相次ぎ、「TwitterUI」がトレンドに入っている。Twitterは1月から新デザインの適用をスタートしており、4月24日朝に適用範囲が急拡大したようだ。旧デザイン利用時に「新しいTwitterを紹介します」と書かれたバナーが表示されたユーザーは、クリックすれば新デザインに切り替えられる。

    TwitterのWeb版、デザイン刷新 気に入らなければ「従来版に切り替え」も
    richard_raw
    richard_raw 2019/04/24
    新デザインというかモバイル版と統合?
  • スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流|Go Ando / THE GUILD|note

    前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで

    スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流|Go Ando / THE GUILD|note
    richard_raw
    richard_raw 2018/11/05
    東洋人女性はもう両手持ちなのでは。知らんけど。/空中投影か網膜投射かARメガネができるまで解決しなさそう。
  • 縦組みのデザイン - Hatena Design Group

    こんにちは。現在カクヨムのデザインを担当しておりますデザイナーの id:murata_s です。 先日、カクヨムでは縦組み機能をベータリリースしました。これは文字通りウェブブラウザ上で小説を縦組みで表示することができる機能です。リリース後書き手ユーザーの皆さまを中心に多くの反響がありました。 この機能開発では、基的な組方向に関する変更に加え、画面のデザイン的にも新しい試みを行っています。そこで、今回はウェブにおける縦組みのデザイン事例としてこれを紹介します。 小説を縦組みで読みたい ウェブ小説を縦組みで読みたいという、シンプルなモチベーションで始まった縦組み機能の開発ですが、アイデア自体はサービスの立ち上げ当初からチーム内で挙がっていました。日語で紡がれた物語を縦組みで読みたいという欲求は、小説文化に親しみのある者なら誰もが思うことだと思います。実際にご利用いただいているユーザーさんと

    縦組みのデザイン - Hatena Design Group
    richard_raw
    richard_raw 2018/06/25
    カクヨムの縦組み機能のデザインについて。こんな仕事してみたいかも。
  • Android / iOS アプリの開発にクロスプラットフォームの Flutter を実戦投入した|najeira

    Flutter を実際にリリースしているプロダクトに採用してみて半年ほど経ったので、その経緯と Flutter についての感想を記しておきます。 The English version is on Medium! Flutter についてFlutter は、クロスプラットフォームでモバイルアプリを開発するための開発フレームワークです。 特徴- 言語は Dart - フルスタックのUI framework (Material and iOS) - Reactive (inspired by React) - Material and iOS - GPU を利用して UI を描画するところまで全て (Skia) - オープンソース on GitHub - developed by Google and community - ネイティブのARMコードにコンパイル - 開発用プラグイン - In

    Android / iOS アプリの開発にクロスプラットフォームの Flutter を実戦投入した|najeira
    richard_raw
    richard_raw 2018/03/05
    実例だー!/“UI は Flutter が完全にコントロールしているので、OS ごとの差異で苦労することもありませんでした。”
  • 「見えない」格差、気づいてますか? 10万人以上がアクセスできなかった「重大情報」

    “両眼の視力の和が0.01以下”が基準の視覚障害1級を持つ人は、全国に10万人以上いるとされる。目が全く見えないか、見えてもごくわずかであるこの人たちもまた、インターネットを介して情報を得ている。 2012年に発表された総務省の調査結果によれば、視覚障害者のインターネット利用率は91.7%だ。自分の生活にどれほどネットが浸透しているか考えてみれば、当たり前とも思える。しかし、どうやって? 視覚障害のある人たちは、その多くが合成音声による画面読み上げソフトを使っている。読み上げソフトは、ウェブサイト上で利用者がカーソルを合わせたところのテキストを読み上げる。リンクがあれば「リンク」と読む。 ソフトにもよるが、例えばBuzzFeedのトップページで左上からカーソルを合わせて読み上げていくとすれば、「バズフィード リンク ニュース リンク 記事タイトルA リンク 記事タイトルB リンク……」とな

    「見えない」格差、気づいてますか? 10万人以上がアクセスできなかった「重大情報」
    richard_raw
    richard_raw 2017/06/23
    「改ざんされることを防ぐため」ふむふむ……「画像化」?/関係ありませんが、わけもわからずDebianを触り始めてX Window Systemが立ち上がらない!ってなったことを思い出しました。
  • Androidスマホの見た目をWindows 10 Mobileにする方法

    Windows 10の最新情報を常にウォッチしている探偵・ヤナギヤが、Windows 10にまつわるギモンに答える連載。 基技から裏技・神技、最新ビルドのInsider Previewの情報まで、ドド~ンと紹介します。 調査依頼 AndroidWindows 10 Mobileにする方法は? Windows 10 MobileはOSだが、どのスマートフォンにでもインストールできるわけではない。Windows 10 Mobile端末にしか入れられず、不要になったAndroid端末にインストールすることはできないのであきらめるしかない。もし、単に、Windows 10 Mobileっぽく使いたいだけなら、面白いアプリがある。

    Androidスマホの見た目をWindows 10 Mobileにする方法
    richard_raw
    richard_raw 2016/12/09
    INFOBAR A01ユーザーだったのでiida UIを思い出しました。
  • ショートカットキーはマウスより遅い - WirelessWire News

    CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應

    ショートカットキーはマウスより遅い - WirelessWire News
    richard_raw
    richard_raw 2015/03/23
    タイトルだけ見て「じゃあスクリーンキーボードがあれば物理キーボード要らない、っていうかマウスジェスチャー最強?」と思いましたまる/「たかがペーストするのに意識することが多すぎるのです。」これは同意。
  • Gitつらい - 恋しい日々

    GUIクライアントを使っている人にGitの扱い方を教える機会というのがここ数年たびたびあって,最初のうちはGUIアプリわからんし,,,とかいってぽーいとぶん投げていた.途中から良くないなと思いGUIアプリとかも見ながらやってたんだけど,いろいろつらい. どういうことかというと,Gitってソース管理の複雑性を解決しないまま,そのまま複雑なソフトウェアとして落とし込んでいて,使う側に学習を強いるアーキテクチャだと思っていて,根的にはこれがつらい.ソフトウェア書いてるとソースコードの管理が簡単じゃ無い問題なのわかってるから,使い方覚えるモチベーションもあると思うけど,ソフトウェア書いてない人たちが使おうとすると,なぜ複雑なのかを覚えたり学んだりするところからになる.これは通常であれば完全に無駄なコストで,ノーメリットであると言える.もちろんそういうのすっ飛ばしてコマンドだけ教えても良いのだけれ

    richard_raw
    richard_raw 2015/03/09
    SourceTreeで必要なところだけ使ってます。ファイルをコピーして名前を変えるのと同レベルのことしかしてないのでブランチすら切ってないぜ!(ぇ
  • Swiftで作られたイケてるUIライブラリたち - Qiita

    26種類のアニメションパターンを設定できます。 shake pop morph squeeze wobble swing flipX flipY fall squeezeLeft squeezeRight squeezeDown squeezeUp slideLeft slideRight slideDown slideUp fadeIn fadeOut fadeInLeft fadeInRight fadeInDown fadeInUp zoomIn zoomOut flash デモ デモアプリでアニメションの動きを確認できます。 design+code Springの開発元ではDesignとCodeを連携した開発手法の情報を有料で販売しています。$50です。ほしい。 PageMenu ★425 左右にスワイプすることで画面の表示をアニメションしながら切り替えるライブラリです。 インスト

    Swiftで作られたイケてるUIライブラリたち - Qiita
    richard_raw
    richard_raw 2015/02/11
    CocoaPods対応。
  • コマンドラインから見るosx 10.10 yosemite システム環境設定の風景 -- 1 行目編 - ばかもりだし

    はじめに 以前から何となくやっておきたい事柄のひとつ、今日何となく思い立って、ここに。 こんな世界があること知って甚く感化され、独り勝手に読書会なんぞをやったりやらなかったり。 で、段々とこの辺りにも目が慣れてきた頃、今度はコマンドから見るシステム環境設定の風景ってものを知りたくなり、その辺を改めて整理してみたいと思う時がありまして。 それやる。 の第一弾。 前提条件 現時点、すべてのアイテムを採りあげるのは止めようと思います。 いや、今は無理。理由。正直に、出来ないし(笑。 もちろん、全てのアイテムを採りあげたいのですが、と言うか、そうすべきなのでしょうが、どうも今の自分には無理なようで。 技術的に未熟であること棚に上げて何ですが、こんな感じで行こうと思います。; 基、すべてを採りあげる姿勢。 とはいえ、やはり自分にとっての必要性、関心の高さに勝るものなく。 ではなくとも、アクセスでき

    コマンドラインから見るosx 10.10 yosemite システム環境設定の風景 -- 1 行目編 - ばかもりだし
    richard_raw
    richard_raw 2015/01/21
    これは力作。でも知りたいのは隠し機能の方だったり(爆)
  • https://jp.techcrunch.com/2014/11/17/20141116why-did-google-decide-to-split-inbox-from-gmail/

    https://jp.techcrunch.com/2014/11/17/20141116why-did-google-decide-to-split-inbox-from-gmail/
    richard_raw
    richard_raw 2014/11/17
    「Googleエンジニアたちの怒りは頂点に達し、Gmailチームのオフィスを、よろいかぶとを身にまとい、たいまつと剣を持って襲撃する準備が整えられた」マジで?!/Inboxは上級者向けだそうです。
  • 「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type

    モノづくりをテーマに行われた『TechLION vol.18』。登壇者は左から寺薗淳也氏、瀬尾浩二郎氏、増井俊之氏 コンピュータはこの30年、まったく進歩していない――。 有名エンジニアによるトークライブの場としてすっかりおなじみになった『TechLION』の壇上で、慶應大学環境情報学部の増井俊之教授は業界の現状を憂えた。 2014年9月に開催された『vol.18』のテーマは「モノづくり」。小惑星探査機『はやぶさ』プロジェクトチームの一員としても知られる会津大の寺薗淳也准教授、面白法人カヤックから独立しフリーのエンジニア/クリエイティブ・ディレクターとして活躍中の瀬尾浩二郎氏とともに、UI研究の第一人者、増井教授は登壇した。 時々刻々と性能が上がっているように見えるコンピュータ(編集部注:増井氏の発言では「計算機」)が、30年にわたってまったく進歩していないと指摘する増井氏の真意とは? 『

    「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type
    richard_raw
    richard_raw 2014/10/02
    「すばらしい絵を見たい」だけの人はコンピュータの進歩的にはフリーライダーです(極論)
  • 今のiPhone6 Plusは単なるらくらくホンでファブレットではなかった|More Access! More Fun

    おはようございます。日を挙げてのiPhone狂想曲から一夜明け、冷静になっているわたしでございます。さておよそ1日経過して使い込んでみると、どうもiPhone6 Plusは自分の思っていたものではないと分かりました。ここからは「iPhone6 Plus買ってうれしーい」とテンション上がっている方には不愉快かもしれないので、飛ばしてほかのサイトに行ってくださることを希望します。あえて不愉快になるものを読む必要は無いです。これしか知らなければ、それで満足できる世界ってあるんですよ。ネットの無かった時代みたいに・・。 最初は小ネタからです バッテリーが高速で減る 新品なのに100%満タンで少し使うだけでもう85%とかになる。100%から一晩おいたら90%ちょいくらいまで減ってました。でかいバッテリー搭載のPlusでさえこうなんですから、普通のiPhone6の人は立ちくらみしているんじゃないでし

    今のiPhone6 Plusは単なるらくらくホンでファブレットではなかった|More Access! More Fun
    richard_raw
    richard_raw 2014/09/20
    ああ、アプリが対応してないんですか。/「らくらくホンのiPhone版」どうしよう、iPhone6 Plus欲しくなってきた!
  • iPhone 6 Screens Demystified | PaintCode

    Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree

    iPhone 6 Screens Demystified | PaintCode
    richard_raw
    richard_raw 2014/09/14
    なるほど、6 Plusはダウンサンプリングしてるのか……。
  • トレタでの「slack」活用を紹介してみる - @hitoshi annex on hatena

    おかげさまで、トレタもコツコツ導入実績を積んで、少しずつ会社らしくなってきました。 気づけばメンバーも20人を超えてオフィスの席が足りなくなり、恵比寿にもお引っ越ししました。(お引っ越しについてはまた別の機会にでも書きます) 会社には、その規模とかステージに応じた情報共有環境が必要になるんだと思うのですが、今回はトレタでのslack(チャットサービスです)の活用についてご紹介してみたいと思います。 たかがツール、されどツール。ツールが変わるだけで、仕事の仕方とかコミュニケーションの形もガラッと変わるんですよね。で、トレタもslackのおかげで仕事から会社の雰囲気まで、いろいろなことが大きく変わりました。 7月から全社で利用中 トレタでは、7月からslackを全社の標準チャットツールとして採用しています。今やチャットツールにも多種多様なサービスがありますが、帯に短しな感じでど真ん中にどんぴし

    トレタでの「slack」活用を紹介してみる - @hitoshi annex on hatena
    richard_raw
    richard_raw 2014/09/10
    slackで勤怠管理!
  • Introducing split diffs

    AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be

    Introducing split diffs
    richard_raw
    richard_raw 2014/09/05
    diffが見やすくなっている!