background preloader

UI vs UX: what’s the difference?

UI vs UX: what’s the difference?
UI is the saddle, the stirrups, and the reigns. UX is the feeling you get being able to ride the horse, and rope your cattle. At least that’s what they used to say in the olden days. Rather, that is what I wished they’d say. An interesting note to that is that I’ve found the people who work at jobs with titles such as Interaction Designer to get paid more simply because they know and act on the differences between those two fields (typically harnessing a little of both). Let’s jump right into a standardized definition that we will try to metaphorically elaborate on. More pointedly, good user experience is the art of a drill going through wood, or a surfboard gliding through water effortlessly. Before continuing, I’d like to just say that this article is based on my opinion alone and in no way is trying to make large grandiose statements on the way anything should be. Let’s break it down Dan Saffer was kind enough to let us use his image. Generalities UX: designing for emotion Related:  UI/UX

Flat Long Shadows: Step-by-step Tutorial, Resources and Examples Within the flat design trend on the rise at the moment, especially in this world of the web, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45º angle below the horizontal axis and a gradient color close to the background shade can be applied. This technique is by no means new. We'll show you two different ways to achieve this long shadow finish with Adobe Illustrator. Step 1. Cinema4DWe can also produce this effect using 3D graphics software such as Cinema4D, 3Ds Max, Maya, etc.

How To Get Started In UX Design We’ve received quite a few emails lately from readers looking to get started in UX Design—many coming from a print background (Psst: check out our ebook, Get Started in UX, for the most comprehensive guide to launching a career in user experience design ever written). Here’s one such email, which I’ve published here with permission: I’m a traditional print-based graphic designer looking to get into UX design. I’ve a good background in the Adobe Suite and traditional print software (QuarkXpress etc). Currently I’m working within the newspaper industry and am fearing for my future, as the industry is in (probably) terminal decline. In our animated video (embedded below) I mentioned that a career as a UX Designer is interesting, challenging, rewarding, pays well, and has a low barrier of entry. What I didn’t touch on is how to get started as a UX Designer. 1) Get Educated I’m not saying you should go invest in a university degree. 2) Get The Right Tools 3) Get Some Experience 4) Get Connected

15 web sites with excellent UX User experience is greatly important in the development of a website these days. A great user experience makes sure someone visit your site and enjoy every portion of it. User experience also makes sure you can maneuver around a site and find everything you’re looking for. UX (user experience) for web design is a combination of such skills as user interface design and interaction design. Today we’ve found 15 great sites that really understand and take the time out to create a wonderful user experience. Andrew Jackson Andrew is a freelance designer based out of London. Bakken & Baeck Bakken & Baeck is a small agency based in Norway that claims to turn good ideas into great products. David Bastian David is a designer from Chile. Defringe Defringe is a site that puts together a bunch of different creative things. Design Embraced Design Embraced is the home of Art and Creative Director Anthony Goodwin. Eskimo Eskimo Creative is an award winning agency based in Manchester. FS Emeric Harry’s

Flat Mobile UI Design with Remarkable User Experience | Design Flat design means designing without the usual gradients, pixel perfect shadows, and skeuomorphism that’s been rampant in recent years (more on this later) to achieve what appears to be a “flat” interface. The most beautiful, modern and amazing Flat Mobile UI Design is right here. Today we’re picked up 50 Flat Mobile UI Design with Remarkable User Experience from behance and dribbble for inspiration. All the Mobile App UI/UX designs are created by professional graphic designers who can join web’s biggest platforms from all over the web. The actual fact of User Interface (UI) and User Experience (UX) is that both UI/UX are the two sides of the same coin. If you need Flat UI Kits, Flat Elements or Flat Design Concepts for your website or mobile app then you can get in touch with us. You may be interested in the following modern trends related articles as well. Subscribe to our RSS via email, simply enter your email address & click subscribe. 1. Source 2. Source 3. Source 4. Source 5. Source 6.

[ TUTORIAL ] دَرسْ تَصمِيم هِيدر مُسَطّح ،، لِعشّاق الــ Flat Design بسم الله الرحمن الرحيم ، السلام عليكم و رحمة الله تعالى و بركاته ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله من شرور انفسنا و من سيئات أعمالنا ،، أما بعد ... إخواني الأعزاء رواد و زوار منتدى تصاميم المواقع و الواجهات جئتكم اليوم بدرس جديد يساير التطور الذي عرفه الويب مؤخرا بدخوله عالم الفلات أي التصميم المسطح .. لهذا قررت عمل درس لتصميم هيدر بسيط و عربي مسطح أتمنى أن أكون موفق في طرحه. أولا إخواني أترككم مع نتيجة درسنا اليوم ( إظغط على الرابط لمشاهدة الحجم الاصلي ) .. ملحقات التصميم : الخط المستعمل في الدرس : نتيجة الدرس كاملة PSD : الآن ندخل صلب الموضوع على بركة الله ،، نفتح برنامج الفوتوشوب PS. ثم نفتح ملف عمل جديد بالإعدادات التالية .. ( يمكنكم اختيار عرض مناسب لشاشاتكم ) ثم نملأ الخلفية بهذا اللون عن طريق أداة الدلو بعد ذلك نقوم بإظهار ما يسمى بالــ Rulers و ذلك من أجل حصر عناصرنا و كذلك خط آخر إلى اليسار بنفس القيمة . ..

UXPin: UX Design & Wireframing Tools As Beautiful As Your Work How the touch screen revolution is impacting UX The introduction of Windows 8 saw a massive overhaul of the Windows user interface in line with the Windows Phone interface in order to be more intuitive for people using touch screens, and Apple have subtly been adapting OSX over time, streamlining features that are becoming increasingly shared across their mobile and desktop operating systems. Whilst we have yet to see a touchscreen Mac, it’s obvious that the touch screen revolution is looming upon us with users spending more and more time on their mobile devices than home PCs. With this in mind and an ever increasing proportion of browsing taking place on smartphones and tablets, websites must decide how they will adapt to people accessing their content without a mouse and keyboard. Whilst the default response to this has often been ‘just make a separate mobile interface!’ This article will take a look at a number of sites that have gone down both unconventional and standard site designs to become more touch-friendly. Radial menu

Comment améliorer l'ergonomie de votre site web Vous connaissez tous le split-testing, ou « AB testing ». C’est une approche quantitative intéressante, qui a le mérite de fournir des éléments d’évaluation chiffrés donc objectifs (Exemple : « après modification des codes-couleur on constate une augmentation de + 7,54% de clics sur le bouton ‘ajouter au panier’, c’est donc qu’il est plus visible et / ou incite davantage au clic »). Sauf que le split-testing, ça prend du temps. Et parfois, surtout lorsqu’on travaille pour une jeune start-up, on n’a pas le temps de mettre du Biactol électronique sur chacun des « boutons » (aux deux sens du terme) de son site pré-pubère. Il y aurait tellement de choses à faire… Dans ce cas, on aura recours à des témoignages d’utilisateurs, qui permettront de recueillir des informations de nature différente, plus « qualitatives » : Sachez que l’utilisateur a toujours raison et que les « mauvaises réponses » n’existent pas. La page d’accueil A l’heure où j’écris ces lignes, le site ressemble à cela :

أفضل أفلام السفر عبر الزمن | أفضل 10 أفلام خيال علمي تمحورت قصتها حول السفر عبر الزمن من أكثر العناصر المعقدة والمحبطة للإنسان هي الزمن و محاولاتنا اليائسة لإدراكه و فهمه.. فالوقت في تحرك دائم إلى الأمام و نحن ليس لدينا القدرة أن نوقفه أو نعيده أو حتى نقدمه قليلاً فلا نستطيع معرفة ماذا سيحصل .. فالمستقبل بالنسبة لنا هو فراغ و الماضي عبارة عن ثابت. لطالما برزت فكرة السفر عبر الزمن من أفلام الخيال العلمي ، فماذا لو كنا قادرين على العودة إلى الماضي و تغير مجرى الأحداث؟ أو الذهاب إلى المستقبل لرؤية ما آل عليه العالم من تطور؟ هذه أشبه بأحلام يقظة تدور في بال الجميع تقريبا ولكننا عالقين في الحاضر..ما نملكه من الماضي هو ذكرياتنا و من المستقبل تأملاتنا و من هنا أتى خيال السفر عبر الزمن بروعته و باستقراره الفني في كلا الكتب و الأفلام .. 10. تبدأ اللائحة بهذا الفيلم الجميل المليء بالغموض التي تدور أحداث قصته عن جندي عريق شارك في حرب الخليج يُرسل بشكل خاطئ إلى مشفى للأمراض العقلية خاصة بالمجرمين بسبب جريمة لم يرتكبها ، في المشفى يصبح هدف لتجارب دكتور يستخدم وسائل متطرفة لعلها تساعد في شفاء المرضى .. 9. 8. إقرأ أيضاً: 7. 6. (1995) Monkeys 12 : 5. 4. 3. 2. 1.