“アプリUIあるある”な6つのNGボタン 人事SaaSを例に専門家が解説
“アプリUIあるある”な6つのNGボタン 人事SaaSを例に専門家が解説：徹底解剖！ SaaSのUI／UX（1/2 ページ） 急拡大するSaaS市場。分野によっては競合も多く、わずかな欠点が競争力に影響する場合もあるだろう。しかしサービスの成長が速いと、なかなか課題点を修正しきれず、そのままになってしまうこともある。 中でもUI／UXは使いやすさを高め、ユーザーの満足度を保つ重要な要素の一つにもかかわらず、問題を修正しないままビジネスを続けてしまう企業もあるという。人数も予算も少なく、UI／UXの分析に回せるリソースが限られるスタートアップではなおさらかもしれない。 そこで、本連載ではB2B SaaSや業務システムを中心にUI／UXデザインを手掛けるベイジ（東京都世田谷区）が、SaaSにありがちなUIデザインの問題を実例を交えつつ解説。ユーザーの満足度を落とさないための改善方法を解説する。
UI用語の作成基準を検討しました｜矢野りん
こんにちは。株式会社LegalForceでサービスのデザインを担当しています、矢野りん（@yanorin）です。 きっかけと、ある日のハドルミーティング。LegalForceキャビネのQA担当者から「UIの細かい表記揺れがとても気になっている！」という意見が挙がりました。即、エンジニアチームとUI文言品質向上作戦会議を開催。「そろそろ用語作成基準が必要そう。」となり、デザインチームで取り組みはじめました。このようにLegalForceの開発現場では日々全員野球の精神で品質向上にアクションしております。 用語作成基準とは日本語には、同じ意味の言葉でもカタカナ表記や漢字の送り仮名のつけかたに変化がつけられる素晴らしい特徴があります。この多様性によって豊かな感情表現が可能になる一方で、何かの操作を指示するといった用途においては表記の一貫性の妨げとなるケースがあります。 用語作成基準とは、言葉の用
UI上のラベルや説明文をどこにどれくらい書くべきか - hitode909の日記
インタラクションのあるUIを作っていると、UIパーツのみからは挙動を読み解けない場合があって、そういうときには、一言説明を添える、ということをやる。 こういうときに、どこにどれくらいの説明があれば必要かつ十分か、ということを学べる機会はあまりない気がする。 アルバイト氏のPull Requestのレビューをしていたら、これだと何が起きるかわからないので説明を添えたいよね〜って話をしていたのだけど、そういえばこういうことはどこで学べるのだっけ?というのが気になってきたのだった。 ブログチームでブログを作っていた頃には、編集メンバーが画面のレビューをしてくれて、ここのUIの文言はこれくらいのことを書けば必要かつ十分で、ヘルプの言い回しや告知とも整合性が取れてよいのではないでしょうか、みたいなことを一緒に考えてくれていて、勉強になっていた。 ブログのサイドバーから、説明文を消し去ると、フォームに
( ･ㅂ･ ) on Twitter: "さ、三？！ https://t.co/FYDFoMaihm"
さ、三？！ https://t.co/FYDFoMaihm
UXライターが解説する超実践的UXライティング入門｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
はじめに 私は事業会社（楽天→スタートアップ）でUXライティングを専門としてプロダクトの開発に携わっています。しかし、事業会社で私のような専任のUXライターやコピーライターを雇用している企業は決して多くありません。 多くの場合、UXデザイナーやUIデザイナー、エンジニア、プロダクトマネージャー、マーケターなど、UXライティングに比較的近い立場の方が、自分自身でUIテキストを書かなければならない、というのが実情だと思います。 そうした状況で試行錯誤されている方に向けて、自分に何かできることがあるのではないかと思い、このnoteを書くことに決めましたら。私がUXライティングの知見をしっかりと整理して伝えれば、役に立つのかもしれないと。 このnoteでは、私なりの実践的なUXライティングの方法論を言語化します。あくまで私が実践しているものなので、考え方もやり方も違うし、こんなのUXライティングじ
多言語対応のゲームUI注意点覚え書き - デザイナー脂肪
こんにちは！ドイツに住んでるUIデザイナーのいまがわ (@i_magawa)です。 この記事は「GameGraphicDesign AdventCalendar 2019」の23日目の記事になります。 自己紹介 現在はフリーでUIの仕事をやりつつ、夫婦や育児に関するマンガを描いたりしています。以前は東京でスマホゲームの開発やってました。 こういう記事も書いてます（宣伝）↓ 何の記事書くの…！？ スマホゲームUIのローカライズ対応について今回は書きたいと思います。 いくつか案件関わった気がしたりしなかったりするのでまとめてみました。あくまで日本っぽいゲームを海外対応するときの注意点です！ また今回参考として「ポケモンマスターズ」のUIをよく載せています。 ポケモンマスターズはなんと驚異の8言語対応…！殺す気か！ちなみに私は一切運営と関係ないただのファンです。 海外対応の目標 英語ネイティブの
"Your" vs "My" in user interfaces
(edited 11-12-2017 after comments below) MS Windows User Experience Interaction Guidelines suggests the following: “Use the second person (you, your) to tell users what to do.” So use second person for error messages, help, window or page labels, on-page documentation, and other places where the app is telling the user about the user’s content. “Use the first person (I, me, my) to let users tell t
claimとショッピングカート
Amazonのタイムセールで xx% カートに入りました という表示を見かけますが、この「カート」は単数形に見えるので、ちょっとヘンな気がします。この商品のxx%が1人のお客さんのカートに収まっている（つまり1人が買い占めている）絵が頭に浮かぶからです。 英語ではcartが複数形になっているんだろうと思ってざっと調べてみましたが、Amazon.comのLightning Dealでは、意外なことに「shopping cart」という言葉を使わず、 Deal is xx% Claimed と表示しているようです。 このclaimという動詞は日本人にはピンと来ないものですね。上のフレーズをGoogle翻訳にかけたら「取引を請求する」という意味不明な訳になりましたが、このclaimは英英辞典を引くとわかるように「我が物にする」「手中に収める」という意味じゃないかと思います。baggage cla
言葉も重要なUIの要素！言葉で高めるUIデザイン
はじめまして！ 株式会社Fablic で バイクフリマアプリ “RIDE” の、アートディレクション・UIデザインをしている わりえもん (@wariemon) と申します！この記事を読んでくださりありがとうございます！ UIにおける言葉の重要性 みなさん、アプリのデザインをする際にどのような箇所に気をつけていますか？ 情報整理・UI・ビジュアル・アニメーションなど、気にかけることは非常に多いのですが、アプリ内で使われる「言葉」も、情報を伝える上で非常に重要な要素です。 今回は、言葉に注目して、アプリをより魅力的に見せている例とポイントを紹介していきます。 先日リリースしたRIDEでも、実際に取り入れている部分もありますので、実践例の一つとしてお話します。 アップデート文言 タスク管理ツール “Wunderlist” や、Tumblrクライアントソフト “tumblrtext fot tu
UIデザイナーはいらないのか？その存在意義について改めて考える【連載:えふしん】 - エンジニアtype | 転職type
Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 藤川真一（えふしん） FA装置メーカー、Web制作のベンチャーを経て、2006年にGMOペパボへ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社を設立し、2012年4月30日まで代表取締役社長を務める。その後、想創社（version2）を設立しiPhoneアプリ『ShopCard.me』を開発。2014年8月1日からBASE（ベイス）株式会社のCTOに就任 Webやアプリのユーザーインターフェースを設計する専門家であ
UIWebViewでつくるUI
発表時に使用したサンプルはこちらです。 http://www.dotapon.sakura.ne.jp/blog/?p=169
antipop - livedoor Reader と GMal に見る、大量のチェックボックス処理 UI における革新的工夫について
HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 萩原舞 有原栞菜 これぐらいの量だったら、選択するにせよ解除するにせよ、まぁたいしたことはないかもしれませんが、もし、選択項目が数十あるいは数百あったらどうでしょうか。激しくめんどくさいですよね。 世界的に優れたフィードリーダである livedoor Reader は、フィードリーダとしての使い勝手は当然として、そんなところにも実は気を配っていたりします。 たとえば、LDR のおすすめフィード登録画面「アルファブロガーズ」を見てみると(livedoor ID でログインする必要があります)、アルファブロガーさんのブログが数十個表示されるのですが、これを選択または解除するに際して、チェッ
Interface First - koyachiの日記
デザインを優先するもうひとつの理由はインターフェースがあなたのプロダクトだからです。人々はあなたが何を販売しているかを見ているのです。テキトーなインターフェースで済ませてしまうと、そのうちに欠陥があらわになるはずです。 Getting Real: The smarter, faster, easier way to build a successful web application, Design the Interface First User interface driven developmentみたいなことがsignal vs noiseに書いてあったような気がしたのだけど検索しても出てこないと思ったら若干言い回しが違いました。
「UI as Commons」という発想を図にしてみました - Accept Things
naoyaさんとmiyagawaさんが面白い議論をされていたので、僕もちょっと考えてみました。 バックエンドアプリケーションの API インタフェースを規定するフロントエンド特化型アプリケーション API, UI as Commons お二人の議論を参考に図にしてみると、こんな感じになるのかなと思いました。 こうして図にしてみると、以下のようなアイデアが出てきました。 データソースは、RSSやAtomフィードよりも知的な感じがする(ロジックが組み込まれるため) ユーザーが定義したデータソースもfeed的に扱って、データソースのランキングができると面白いかも (データソースはURIで一意に選択できるため、データソースをfeed的に扱うことは可能だと思います) 異なるドメインに配置されたデータソースにアクセスするためのGatewayをLivedoorで用意しなければならない (XMLHttpR
Yahoo! Design Pattern Library
Welcome Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and code with the web design and development community, we hope it's useful, and we look forward to your feedback. In fact, we've just launched two new Design Pattern forums: one for discussing this pattern library and another for talking about the ins and out of writing design patterns and maintain
The Yahoo! User Interface Library (YUI)
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
Yahoo! Open Sources UIs and Design Patterns
Kudos to Yahoo!, who today released two pieces of goodness into the commons. The first is their UI library, and the second is their Design Patterns Library. The UI Library is a collection of DHTML/Ajax/Javascript (pick your favourite term) controls and widgets. The Design Patterns Library is "intended to provide Web designers prescriptive guidance to help solve common design problems on the Web".
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google is fixing Android 10 gestures once and for all in 2020
【CEDEC 2018】明快で軽快！ Nintendo SwitchのUIを触るだけで楽しい理由 - GAME Watch
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
