TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Mobile Patterns – UI UX Inspirational Gallery for iOS and Android

162 点作者 maitrik超过 6 年前

18 条评论

Raphmedia超过 6 年前
It&#x27;s ironic that a site about UI&#x2F;UX has a 5 seconds black screen during load. This might be due to the HN hug of death however. In either case, a small loader (or similar modern loading indicator pattern) would increase the site&#x27;s usability by miles.<p>Edit:<p>Interesting that this comment is being downvoted. Initial page loading time is not a nitpick, it is the main source of an increased bounce rates.<p>&gt; &quot;[Users] with an average page load time of 2 seconds view 8.9 pages on average, while those with an average page load time of 7 seconds view only 3.7 pages on average. The number of pages viewed consistently decreases as page speed decreases, and the difference in pages viewed between users averaging 2 second load times and users averaging 4 seconds is 3.x pages. This means that a 2 second delay in page load time could mean a user exits your site 3 pages earlier.&quot;¹<p>Articles upon articles are written on the topic and UI&#x2F;UX experts have a lot of patterns available to mitigate the issue.<p>This article showcases a lot of great way one can use to change the perception of a slow loading page: <a href="https:&#x2F;&#x2F;medium.com&#x2F;dev-channel&#x2F;hacking-user-perception-to-make-your-websites-and-apps-feel-faster-922636b620e3" rel="nofollow">https:&#x2F;&#x2F;medium.com&#x2F;dev-channel&#x2F;hacking-user-perception-to-ma...</a><p>---<p>¹ <a href="https:&#x2F;&#x2F;blog.littledata.io&#x2F;2017&#x2F;04&#x2F;07&#x2F;how-does-page-load-speed-affect-bounce-rate&#x2F;" rel="nofollow">https:&#x2F;&#x2F;blog.littledata.io&#x2F;2017&#x2F;04&#x2F;07&#x2F;how-does-page-load-spe...</a>
评论 #18451345 未加载
评论 #18452327 未加载
maitrik超过 6 年前
We recently launched Mobile Patterns - a comprehensive patterns gallery especially designed for the key players in the design community.<p>Designers at Mobile Patterns capture ‘WOW’ moments from commendable mobile apps and lead you to a vault of short videos of micro-interactions and user flows. It also has a top search bar that enables you to jump straight off to the interactions you desire to see.<p>We’d love to know what you think about Mobile Patterns and how we can shape ourselves into your personalised patterns gallery.
alanlamm超过 6 年前
As a small indie app dev - Great resource! Will use it. My thoughts -<p>1. Agree that use of space on screen could be improved. 2. Need to be able to rewind&#x2F;replay videos to see interactions well 3. One way I think about patterns is the following 4 buckets<p>- consensus among whatever major apps like fb, google are doing whether u like it or not, because that defines the ‘standard’ people are used to, and there is a good chance it’s backed by a ton of UX research $$.<p>- novelties &#x2F; cute details &#x2F; visuals&#x2F; conceptually elegant design that add differentiation &amp; perceived value, but on the other hand often suck up dev time and end up not being the ideal in terms of functionality.<p>- design that adds usability, even if it is considered not elegant or redundant - E.g captioning icons<p>- design that nudges towards intended behavior.<p>Of course great design does all 4 (HQ trivia is a good example), but more often there is a real trade off and a lot of the design pattern sites I see focus too much on #2 and a bit of #1 - at least I think it would be a really useful segmentation to have e.g “we’re showing you this pattern because it looks cool &amp; different” vs “this has become standard” vs “this is simple &amp; works really well”<p>4. a more comparative view of the apps (A does this this way, B does it this other way, etc) would be more useful than the individual ‘A does this, isn’t it nice’. I realise some comparison is possible if you select a tag (eg settings) then scroll through the apps, but not ideal yet
tom--超过 6 年前
Awesome resource, a feedback would be to show 4 apps per scroll-view, instead of dedicating an entire screen height to one app - since first-time users are only going to see that one app when they load the page, and there&#x27;s quite some scrolling involved to view more than two.
评论 #18451151 未加载
评论 #18456442 未加载
coldcode超过 6 年前
What is a successful mobile app I wonder? Some apps are products themselves and some are adjunct to the real product (think airline app) where there is no actual competition at the app level. I would think the patterns might be different for each kind.
sandGorgon超过 6 年前
Is there a way to have a top level filter for Android vs ios ? Because the patterns don&#x27;t cross over entirely.<p>And because it&#x27;s a US site, the number of ios patterns outstrip Android ones ...which makes it hard to use if i only want to see android.
V-2超过 6 年前
It&#x27;s supposed to be &quot;comprehensive&quot;, but all the designs in the gallery appear to be of iOS apps. I haven&#x27;t found a single Android sample in the gallery. Is it me, or is this the idea behind the collection?
评论 #18453560 未加载
评论 #18451588 未加载
yodon超过 6 年前
Thought provoking and a little intimidating, but in the best of ways
评论 #18450209 未加载
jordanlwalker超过 6 年前
So happy to see this live! I&#x27;ve always wanted a resource like this to show clients how specific functions would work, without fully having to mock it up myself. Thanks Maitrik!
cityzen超过 6 年前
wow, what is going on with this website? Takes a few seconds to load and then it puts safari into a chokehold. I had to tap out and could only see the first row of items.
myguysi超过 6 年前
Huh not what I was expecting from the title. I expected it to be a sort of “best practice” mobile UX library - bottom navs, asking for permissions, that kind of thing.
评论 #18454183 未加载
danibx超过 6 年前
When logging in with Twitter:<p>This application will be able to: Read Tweets from your timeline. See who you follow, and follow new people. Update your profile. Post Tweets for you.
评论 #18451161 未加载
morenoh149超过 6 年前
Can&#x27;t sign in with twitter, some django error, also you probably want to disable DEBUG in production. Email me if you need help with this ;)
alanlamm超过 6 年前
Also important to have the date when the video&#x2F;screenshot was taken and be able to filter by it.
jonplackett超过 6 年前
Cool site but I question any props for Twitter. Their app and site are both equally awfully designed.
评论 #18455882 未加载
markivraknatap超过 6 年前
Seems like a good resource. Thanks
macho_developer超过 6 年前
Amazing resource. Thanks! Is there something that is comparable to this for Desktop?
let_var超过 6 年前
Really good resource.