All posts tagged “Interface”

Flickr takes a step forward with a new interface and a timeline

Flickr began rolling out a new feature called Camera Roll today, PetaPixel reports. The update, now testing in beta, features a sleeker interface that allows users to browse, edit, and organize their photos with greater ease.

Camera Roll lives up to its name by allowing users to view all of their photos in a fluid stream organized by date. Users can choose to arrange images by date taken or date uploaded, and scroll smoothly from their most recent photos at the start of the roll, to their oldest photos at the end.

Another big update is the addition of a timeline, pictured above. When users click on a year shown on the left-hand side of the page, the year expands into 12 months, allowing users to jump back and forth in time…

Continue reading…

The Verge – All Posts

5 innovative examples of user interface design

Read more about 5 innovative examples of user interface design at CreativeBloq.com


In these days of intuitive touchscreens and intelligent iPhone apps, your audience is not going to put any work into using your product, app or operating system – they’ll expect it to be obvious. No one is going to read a lengthy, detailed instruction manual; instead, the UI design should guide your customer through to achieving their goals – doing all the hard work so the user doesn’t have to.




Creative Bloq

Watch a supercut of every user interface from Star Wars: A New Hope

I occasionally hear someone, while sharing their opinion of a movie, complain how none of the characters ever ate dinner or used a toilet on screen. It’s a complaint most often lobbed at action films, where the heroes can feel like robots turned on moments before the film begins and turned off during the credits. It’s a silly request for a 90-minute movie to stop while its hero waits for an elevator, but it’s not the worst request. We may not fight evil empires, but we eat three meals a day and, you know, evacuate those meals with some regularity. The rituals of everyday life, like buying coffee and taking off shoes, are familiar and they help to humanize characters.

Something can be boring, but cool at the same time

This supercut of…

Continue reading…

The Verge – All Posts

A Well Designed Interface … What Should It Look Like?

Would you like to know how to design a really cool user interface that will raise conversion and attract website visitors? Read tested advice that work in this post.
MonsterPost

15 stunning mobile user interface designs

first image of the post
Smartphones are one of the examples of evolving technologies that are hitting the marketplace rapidly. One in every 5 people in the world owns a Smartphone. That is why mobile apps are gaining a huge popularity and should be prioritized as well. Today in this blog, we are introducing you 15 stunning mobile user interface […]

The post 15 stunning mobile user interface designs appeared first on Design daily news.

Download the free transport icons package now!


Design daily news

7 Pro Tips To Create Intuitive Mobile Application Interface Design

Intuitive mobile application interface design – this is a things that can crack a head of a designer…So let’s see which exactly things can make it work.
MonsterPost

Why A Better OpenType User Interface Matters

Friday evening, September 19th. We are in Barcelona at the annual ATypI conference. The last session of the day is winding down – Building the perfect what?, an excellent panel discussion moderated by industry veteran and award-winning typeface developer David Berlow. For the past 45 minutes a cross section of type specialists have expounded on the amazing capabilities current font technologies offer: letterer and type designer Martina Flor; type designer, Arabic specialist and legibility researcher Nadine Chahine; Principal Product Manager at Adobe Caleb Belohlavek; Senior Fontography Product Manager at Microsoft Simon Daniels, and Google Fonts’ David Kuettel. I noticed that over the course of the presentation my left knee started shaking, just like it did during Thomas Phinney’s panel Free Fonts: Threat or Menace? in Amsterdam last year. Indeed, the one where I shouted “Bullshit!” at the panelists and took a stand for the type designers. As David Berlow invites questions from the audience, I bite the bullet and ask the question that has been building in my mind during the panel discussion:

OpenType was introduced in 2000. It is now 2014. How is it possible that for the past 14 years type designers and foundries have been developing the most incredible feature-rich OpenType fonts, yet users are still unable to properly access and exploit these fascinating typographic possibilities because the font menus in apps with typesetting capabilities have barely evolved? And how is it possible that Adobe – undoubtedly the market leader in graphic design apps – despite its claims of a seamless integration of the different components in its Creative Suite, does not have a type interface that is consistent throughout its apps? There still is no Glyphs palette in Photoshop, Illustrator still does not support Stylistic Sets, and InDesign users need to dig three levels deep in fold-out menus to find the OpenType features. When will the software developers finally catch up?

Judging by the applause and the cheers, I am not the only one wondering. One of those sharing my concerns is Nadine Chahine. In the heat of the moment during the panel’s Q&A, she comes up with the idea to write an open letter to Adobe and start a Twitter campaign to inform and sensitive the general public. Her proposal is met with unanimous approval from the audience. Afterwards David Berlow grabs me, grinning from ear to ear: “Nobody will ever believe we didn’t plan this!” When Nadine and I finally announce the details of the campaign at the end of the conference on Sunday, the enthusiastic reaction from attendees reflects the level of support the type business has for this initiative. Without really realizing it, we have started something.

yvesaurus-rex

The official ATypI 2014 troll in action.
Photo by Henrique Nardi.

So, what exactly is the problem we are trying to solve, and how did we get there? To understand this we have to go back to the late 19th century. Although no one could have guessed back then, the invention of the typewriter would have a dramatic influence on how we set type today. In the cold metal days the interaction with type was straightforward – the typesetter had a visual overview of all the available characters or “sorts” as they were laid out in a compartmentalized open drawer. This all changed in the 1880s with the invention of Ottmar Mergenthaler’s Linotype line caster and Tolbert Lanston’s Monotype keyboard and caster which revolutionized typesetting. The speed of typesetting increased tremendously, partly thanks to a new type of user interface consisting of a keyboard featuring 90 keys and 120 keys respectively. The rapid and widespread adoption of the typewriter in the office environment however made the manufacturers of early personal computers copy its more limited keyboard of a mere 40-odd keys instead. This reduced typesetting to its crudest, most basic form, creating what I like to call the keyhole effect. Most users are unaware of the sophisticated typesetting possibilities of today’s personal computers because they have to interact with fonts through a keyboard offering a minimal subset of the character set. It is as if they are looking at their fonts through a keyhole. The best way to solve this problem is with type menus, yet this is exactly where every single app – not just Adobe’s – is severely lacking.

The inadequate font menus in apps are the result of a textbook chicken-and-egg situation that is perfectly illustrated with two examples.

panel

The “Building The Perfect What?” panel (ATypI, Barcelona). From left to right: Martina Flor, Nadine Chahine, Caleb Belohlavek, Simon Daniels, David Kuettel, and moderator David Berlow.
Photo by Henrique Nardi.

I was told that at TypeCon Seattle back in 2007 an Adobe rep gave a talk as part of a panel. When it was time for questions, a member of the audience asked why the OpenType user interface in Adobe’s CS apps is so convoluted and incomplete, and why is there no uniformity across Photoshop, Illustrator and InDesign. The Adobe rep’s response was that people just don’t care enough, adding that if there were enough users making the request the functions would be added. Apparently this elicited loud boos from the audience, with some even throwing their programs on stage.

Yet the reason why people don’t appear to care enough about typographic features is that they are unaware of them, exactly because they cannot be properly addressed in the apps as a result of the poor UI – the very existence of the problem means most people don’t realize the problem exists. When we discussed the open letter and petition prior to publishing, Jonathan Hoefler recounted the following personal experience.

Last year, I did a presentation to AIGA/NY, to an audience of editorial art directors, agency creatives, and in-house design teams from cultural institutions. Not only was it a good cross-section of disciplines (print, web, mobile, etc.) but also a good sample of engagements: there were creative directors and brand managers in attendance, along with their design teams who do all of the hands-on work.

During the Q&A, I got an interesting question from someone who uses Gotham, who wondered if we’d ever thought about building a special version of the font that would use just the alternate ‘a’, not all the other forms invoked by the stylistic alternates option. I mentioned that we usually handle this with Stylistic Sets, one of my favorite OpenType features, one that was thoughtfully included in InDesign (though so far, not in Illustrator.) I got a blank look in response. “Just curious,” I said to the assembled, who numbered about five hundred. “Can I see a show of hands, for who here uses stylistic sets?” Not a single hand went up. Not one. “Who here uses InDesign?” All hands.

It makes no sense for the developers at Adobe to wait for requests from end users because these users don’t yet know what’s possible with the technology. In the words of Hoefler “It’s like expecting patients to ask for accelerating the development of substituted phenoxathiin inhibitors containing no nitrogen: what is this? what’s it good for? supporting this comes at the expense of what?” It is the job of people with tight connections to the type world to advocate for these solutions on behalf of type users. Our open letter and petition tackle both problems head on: on the one hand, we are informing and sensitizing the general audience about the state of type UI; on the other hand we are gathering as many signatures as possible so that developers can no longer ignore this issue.

cs-suite-type-ui

The Character windows and fold out menus in Adobe CS4.

Our open letter is but the first step. Now we need to gather suggestions and gather a team of specialists to conceptualize a universal typographic user interface. Gerry Leonidas summarized it perfectly:

“Prototyping the proposed interface will need to be done in an app-agnostic way, and from a document designer perspective.”

What can you do to help finally fix this situation? Sign the petition (don’t forget to confirm your signature by clicking the link in the confirmation e-mail), then use the hashtag #AdobeTypeUI to join the discussion on Twitter, where key Adobe people like general manager for Adobe Typekit Matthew J. Rechs, lead product designer for Photoshop Tim Riot, and Senior Director, Design Product Management and User Experience at Adobe Michael Ninness have already reached out. And if you have intimate knowledge of OpenType features and brilliant ideas about what an improved type UI should look like, get sketching! Follow Tim Brown’s lead and post your mockups/ideas on Dribbble tagged with the official campaign hashtag, #AdobeTypeUI.

by Yves Peters


Sponsored by Hoefler & Co.
and

Why A Better OpenType User Interface Matters


I Love Typography

[Freebie] Interfaz Icon Set: 400 Free Social & Interface Icons

Icons are very important when creating a website layout. You can instantly change the mood of visitors by creating a good user experience using attractive icons. Effective use of icons can easily help bridge connection between the user and the website.

[Freebie] Interfaz Icon Set: 400 Free Social & Interface Icons

Being a successful creative web artist has a lot to do with the way you work. Sure, you can’t teach good design in some lessons or you can’t create icons for your daily needs, but it never hurts to pick a few free icons which are always available free to grub.

To continue our grateful attitude to our readers and community in general, we are glad to release yet another high quality icon set – “Interfaz” designed exclusively for iShift readers by our friends at Freepik.com, a search engine for graphic and web designers, with thousand of vectors, images, psd and icons.

About Interfaz Icon Set

Interfaz, as the name implies, is a Social & Interface related icon set. This set contains 400 icons, in 3 sizes (32px, 68px, and 100px) and come in AI, EPS, SVG & PNG formats. Download now and enjoy! It’s awesome!

All icons are free and you can download and use them for your individual or commercial projects. However, you should not host the downloaded source files on your server and redistribute them as your own either in part or whole. If you want to share the icons, you can link back to this article page or location of this article.

Download The Icons for Free!

By downloading this Icon set, it is vital that you understood the following terms and conditions:

  • You can use this set on as many domain names as you wish. You may use them for your clients’ projects/websites. Number of projects is not limited.
  • You may not claim intellectual and exclusive ownership to any of the icons. Also you may not sub-license the original icon set and their individual files to and with anyone else, unless a specific license within the icons set states otherwise.
  • You may modify them. However, you may not modify and then resell
  • Do not provide the direct download link nor upload “Interfaz” icon set onto other servers for your own share (Please link to this article instead). If you want to share the icons, you can link back to this article page or location of this article.

The pack is released under a Creative Commons license and you can use it in commercial and private projects.

Interfaz - Free Social & Interface Icon Set

 

More Freebies Resources!

Visit us at InstantShift.com

PSD to HTML


InstantShift

Freebie: The Web Interface Icon Set (370 Icons, SVG & AI)


For this weeks designer freebie we have a huge icon set, designed by our good friends over at Freepik. And when we say huge, we mean HUGE! There are a grand total of 370 web interface icons in this set, covering everything you would ever need for a modern web design. There are icons for navigation and menus, shopping and ecommerce sites, tab-bar and media player controls, charts and graphs, chat applications, photography and graphic design portfolios, media controls… and much more.

The vector icon pack comes in both AI and SVG formats and can be freely used in both your personal and commercial works.

Scroll down for the download.

The Web Interface Icon Set Preview

web interface icon set free cover

Download & License

You are free to use these icons in both your personal and commercial projects.

Do you have a freebie thet you would like to share with our readers? If you do, you can get in touch with us here: mail@speckyboy.com.


The post Freebie: The Web Interface Icon Set (370 Icons, SVG & AI) appeared first on Speckyboy Design Magazine.


Speckyboy Design Magazine

Interface design will change the way you control your TV

Read more about Interface design will change the way you control your TV at CreativeBloq.com


vimeo: 99184672 There’s a number of ways in which you can design an iOS interface but it essentially boils down to one thing – the better the balance between functionality and aesthetics, the better the experience for the user. Here, Paris based designer Matthieu Boulet has crafted an interface to change the way you control your TV.




Creative Bloq