さまざまな分野で活躍するITエンジニアを紹介する ギークアカデミー(GEEK ACADEMY)! インタビューを通して、皆さんが参考にできる "エンジニアとして成長するためのポイント"を探っていきます。
In mid-2011, Twitter rolled out the ability to natively tweet photos. 2013 brought media-forward timelines with inline photos. 2014 ushered in multi-photo tweets and animated GIF support. We've just announced Twitter Video to help you capture the moment and tweet video from within the iOS and Android apps. I'm proud of the level of fit and finish we were able to capture in this release. It's the r
最近デザインで失敗してしまったことがあって、そのときの話。 それはぼくがあるUIの改修に取り組んでいたときに起こった。 起:「ある機能が完成したから、組み込んで」 ぼくに与えられた仕事は、もともと組み込む予定だったある機能のバックエンド側が完成したのでフロント側に組み込む(デザインする)、というものだった。フローのなかに組み込むので置き換える機能があったり前後の流れを変えることも含めて、色々考え始めた。 どういうものがユーザーに求められているのかを軸に、インタビューする前に考えを整理した。 承:ユーザーの使いやすさを求めてデザイン その後何人かにユーザーインタビューをして、どういうものが求められているのかとかどう使っているのかなどだいたいの感触をつかんだら、インタビューでわかった事実をもとに導線設計を始めた。 なかなかいい感じかと思われたが、UIモックが完成したあとのユーザビリティテストで
悩みを抱えたユーザインタフェースたちがいると依頼を受け、とあるホテルに訪問診療にきているDr. ナカムラ.さて,今日の患者さんたちはどのような悩みを抱えているのでしょうか・・・ 原稿はPDFでアップロードしていますので、… 続きを読む »
Content Filter A slide-in filter panel powered by CSS and jQuery. A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he's looking for. Building this kind
When we started working on a new chat feature for Redbooth’s iPhone app, our Product & Design team had some ulterior motives. Yes, we were excited about giving our customers a way to connect instantly with their co-workers, even away from their desks and on the go. But we also saw an opportunity to rid the app of one of our biggest pet peeves: the dreaded hamburger menu. History of the Hamburger I
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
A guide to visual aesthetics, written by a nerd NOTE: For the updated, complete version of this article, please go here. This is the second part in a two-part series. You should read the first part first. We’re talking about rules for designing clean and simple UI without needing to attend art school in order to do so. Here are the rules: Light comes from the skyBlack and white firstDouble your wh
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
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか? この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
I’ve admired the design work at Square for years. They have a striking aesthetic which allows their hardware and software to stand out in marvelous ways. Square’s products can now be found almost anywhere – surely, a large number of readers here have seen the beautiful Square Stand, or used the Square card reader at some point. Square made its big splash in 2009 and 2010 with a delightfully-simple
http://azumbrunnen.me/blog/transitions-in-ux-design/ Adrian Zumbrunnenが自らのブログで、細かな工夫でユーザエクスペリエンスを向上させる事例をまとめている中から、いくつか紹介します。 1) Animated Scrolling スクロールに従って、メニューのどこにいるのかの表示がスムーズに移動します。[スムーズな事例 vs そうでない事例] 2) Subtlety in Transitions Add Itemの+ (プラス) ボタンを押下すると、入力フォームが現れるとともに、ボタンが45度回転し、×(閉じる)ボタンに変わります。[事例] 3) Collapsed Forms & Comments 記事の下に配置するコメント欄に、記入をしようとするとはじめて全ての入力項目が現れます。 [事例] 4) Focus Trans
It’s always big news when the Google machine unveils a new product. This week that something new is called Inbox, and it’s a slick rethinking of how we interact with and handle an ever-increasing volume of email. Google’s Design Team has put in hard work these past months. Crafting the Material design language and rolling out interface updates across a suite of apps and operating systems is no sm
Introducing the new UX and UI for Google News platform George Kvasnikov ·FH Potsdam Bachelor Thesis News is a direct tool of influence on public consciousness. The goal of the news is to provide to the society objective information about a particular event or action. News is a direct tool of influence on public consciousness. The goal of the news is to provide to the society objective information
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く