seya's ほぼ Daily UI

〜ほぼ Daily UI vol.36〜 Special Offer

Hint: Design a special offer. What's on sale? Is it a promotion, a clearance item, a buy one get one offer, or something else? Is it the discount size/percentage that's important? Does it look compelling? (As always, it's up to you!) 参考にした

〜ほぼ Daily UI vol.35〜 Blog Post

Hint: Design a blog post. Consider what's important- the content of course. Also consider the author, date, category, comments, layout, etc. (As always, it's up to you!) 参考にしたサイト・アプリ Note https://note.com/seyanote/n/n904513c25c85 Medium h

〜ほぼ Daily UI vol.34〜 Car interface

Hint: Design a car interface. Consider the elements you'd want and need in your own dashboard. Be creative, yet logical. 参考にしたサイト・アプリテスラ https://jp.techcrunch.com/2017/08/04/20170803curious-about-teslas-unique-model-3-in-car-ui-check-out-

〜ほぼ Daily UI vol.33〜 Customize Product

Hint: Design something related to customizing a product. It could be a custom t-shirt, shoes, etc. (As always, it's up to you!) 参考にしたサイト・アプリ ECの時に同じもの見てたのでこちらを参照する。デザインを考える上でのポイント同上自分のデザイン似たテーマでやる気が出なかったのでEverlaneをトレースして終わった。思ったこ

〜ほぼ Daily UI vol.32〜 Crowdfunding Campaign

久々にユニークなやつきた Hint: Design a crowdfunding campaign. Keep in mind the purpose... raising funds. It's important to make it compelling if you're seeking money. So what's really important? The numbers of contributors, the total raised, campaign

〜ほぼ Daily UI vol.31〜 File Upload

Design a file upload element. Is it the loading screen and icon? A progress element? Are folders being uploaded by flying across the screen like Ghostbusters? ;) 参考にしたサイト・アプリ Gmail ファイルと画像でそれぞれ分かれてるな。どっちも画像でもユーザのメンタルモデル的には別物だからだろうか。 TinyP

〜ほぼ Daily UI vol.30〜 Pricing

Hint: Design something related to pricing. Is it a pricing table? A restaurant menu with pricing? (As always, it's up to you!) 参考にしたサイト・アプリ Frontend Masters https://frontendmasters.com/join/ Pricingの部分が新規登録の部分と一緒になっているが故にシンプル。こっちの方がCV率高そう

〜ほぼ Daily UI vol.29〜 Map

Hint: Design a boarding pass. Consider the origin, the destination, gates, seats, the airline, etc. (As always, it's up to you!) 参考にしたサイト・アプリ Google map 完成されておるわカラオケ館店舗を探すのに特化したUI デザインを考える上でのポイント目的地にたどり着けるようにするマップの目的にもよるが、目標地点への到達をゴ

〜ほぼ Daily UI vol.28〜 Contact Us

Hint: Design a Contact Us page or form. Is it for customer support? A purchase inquiry? To schedule an appointment? Think about a scenario and the most important feature it would require. 参考にしたサイト・アプリ Twitter さすが超大規模サービスだけあって質問の分岐が充実してる

〜ほぼ Daily UI vol.27〜 Dropdown

Hint: Design a dropdown element. Is it a menu dropdown? Or a tip that's dropped down during a tutorial? 参考にしたサイト・アプリよくあるやつ。 <select>で表現するタイプのもの。 ▲ が大事。Currentはどういう時のスタイルなんや？hoverとかキーボード操作時のfocusかな Dropdownと一口に行っても、検索やインクリサーチとかいろいろあるよなと

〜ほぼ Daily UI vol.26〜 Subscribe

Hint: Design a subscribe form, button, widget, etc. What type of information are you looking to capture from the user? Their name and email? Their zip code? Something else? 参考にしたサイト・アプリこれも良いなデザインを考える上でのポイント正直あんまり思いつかん…。強いて言えば変に凝らないでク

〜ほぼ Daily UI vol.25〜 TV App

Hint: Design an app for a smart TV. What type of app is it? What are the features/controls? Does it have a carousel selection feature? What it is? 参考にしたサイト・アプリ Netflix Amazon Prime 詳細画面作るのアリかも。デザインを考える上でのポイント背景は黒っぽい色でどのサイトも背景は黒。おそらくサ

〜ほぼ Daily UI vol.24〜 Boarding Pass

Hint: Design a boarding pass. Consider the origin, the destination, gates, seats, the airline, etc. (As always, it's up to you!) 参考にしたサイト・アプリ name https://www.southwest.com/html/customer-service/airport-experience/mobile-boarding-pass.htm

〜ほぼ Daily UI vol.23〜 Onboarding

Hint: Design something onboarding related. Are you recruiting people for an organization? To sign up for a new website? A mobile app? 参考にしたサイト・アプリPinterest 重要なアクションを強制的にさせるOnboardingはいいな。何かアニメーション付きだと見ちゃうからいいなデザインを考える上でのポイント基本の型必ず踏襲

フォローしませんか？

2020年7月の記事一覧