UI Does Matter!
A conversation with human

UX Office Hours

@ Are you looking forward for a free one hour consultation related to the UX?

Get in touch with me during UX Office Hours every week on Thursday between 10pm to 11pm of Pacific Standard Time

Just buzz me on Twitter and I will be able to help you with any UX related queries!!!

My Twitter ID is mmudassir

Please spread around

Ahmed Khalid Kamran Shahid Butt Jawwad Farid Ahmed Siddiqui Ahmad Kashmiri

Instagram UX Designer for their Windows Phone

If @Facebook need an @Instagram UX Designer for their Windows Phone, let me know I am all ear.

Thanks

Track record Pixl for Flickr and as per WPCentral it says….”Pixl is a beautiful Flickr app for Windows Phone”

http://m.wpcentral.com/pixl-beautiful-flickr-app-windows-phone

Oh by the way, part-time please mostly in the evening. I don’t mind couple of weekends though.

Revival of the Urdu Script

How Apple, Microsoft, Google and HTML community can save the dying Urdu Nastaliq script from the hegemony of the Western alphabet and an…

Continue reading on Medium »

Revival of the Urdu Script was originally published on UI Does Matter!

Shneiderman’s “Eight Golden Rules of Interface Design” in Urdu

Alright guys, another one in Design in Urdu series! This time Shneiderman’s “Eight Golden Rules of Interface Design” translated in to Urdu. Enjoy!

[PDF Download]  Shneiderman_EightGoldenRulesDesign_Urdu

Source: http://designprinciplesftw.com/collections/shneidermans-eight-golden-rules-of-interface-design

Shneiderman’s “Eight Golden Rules of Interface Design” in Urdu was originally published on UI Does Matter!

Accordion’s Expand/Collapse Icon Placement

Accordion component’s expand/collapse icon on smartphone should be on the right-side instead of left-side. 90% are right-handed user. And also a usability factor for large screen smartphone

And example from JQuery:

Best examples I found from across the web are from TheVerge, TechCrunch, Gizmodo,  CitiBank and Bank of America are as follow:

Do you have a worst example of Accordion component implementation?

Worst examples from Wikipedia so far:

 

SIM Card + Micro SD Card = Ultimate Storage Expansion

I just got Android (Google Nexus 5), and dedicating myself to use this Android for next 6 month or so.

Continue reading on Medium »

SIM Card + Micro SD Card = Ultimate Storage Expansion was originally published on UI Does Matter!

The Beard & Favorite Default

Okay, so today I lost my 3 years old beard. I start sporting beard after the birth of my second child almost 4 years ago.

Continue reading on Medium »

The Beard & Favorite Default was originally published on UI Does Matter!

Ten principles for good design in Urdu!

Dieter Ram’s Ten principles for good design in Urdu and English: (hopefully I will be done with this translation in next few days)!

English:
These design principles from the legendary product designer Dieter Rams has influenced not only the iconic product designs from Braun in the 1960s, but also the design of Apples products.

“My heart belongs to the details. I actually always found them to be more important than the big picture. Nothing works without details. They are everything, the baseline of quality”
– Dieter Rams

Good design is innovative

The possibilities for innovation are not, by any means, exhausted. Technological development is always offering new opportunities for innovative design. But innovative design always develops in tandem with innovative technology, and can never be an end in itself.

Good design makes a product useful

A product is bought to be used. It has to satisfy certain criteria, not only functional, but also psychological and aesthetic. Good design emphasises the usefulness of a product whilst disregarding anything that could possibly detract from it.

Good design is aesthetic

The aesthetic quality of a product is integral to its usefulness because products we use every day affect our person and our well-being. But only well-executed objects can be beautiful.

 

–Urdu Version–

دس اصول اچھے ڈيزائن کے

یہ اصول دنیا کے مشہورومقبول مصنوعات کے ڈزأینر ڈأٹر رام کے ہیں۔ ان اصولوں نے نا صرف Braun جیسی مصنوعات کو متاثر کیا ہے بلکہ اس کے اثرات آپ Apple کی مصنوعات میں بھی ملاحضہ کرسکتے ھیں۔

 بقول ڈأٹر رام کہ:  “میرا دل صرف تفاصیل کی طرف ہی مایل ہے۔ تفاصیل سب سے زیادہ اھمیت رکھتی ھیں بانسبت وسیع نظریہ سے۔ تفصیل میں جاےٴ بغیر کچھ حاصل نھیں ہوتا۔ یہی سب کچھ ہے، معیار کا ماخذ”

اصول

۱: اچھا ڈيزائن جدید ھوتا ہے

جدت کے ممکنات لامحدود ھیں۔ ٹیکنولجیکل بالیدگی ہمیشہ ایک نےٴ ڈيزائن کی اَخترا کی زامن ہوتی ہے۔ جدید ڈيزائن  ہمیشہ جدید ٹیکنولجیکی کے ساتھ ہی وجود پزیر ہوتی ہے، اور یہ کہ جدید ڈيزائن کا یہ چکر کبھی ختم نہیں ہوتا۔

۲۔ اچھا ڈيزائن مصنوعات کو کارآمد بناتا ہے:

مصنوعات استعمال کرنے کے لیے خریدی جاتی ہیں۔ یہ فعال نہ صرف مخصوص معیار کو پوراکرتاہے، بلکہ نفسیاتی اور جمالیاتی اطمنان کابھی سبب بنتا ہے. اچھا ڈيزائن ایک مصنوعات کی افادیت پر زور دیتا ہے. اور اس بات سے اجتناب کرتا ہے کے صارف کے لیے اس میں افادیت کے پیشِ نظر کمی پیدا ہو۔

۳  اچھا ڈيزائن جمالیاتی ھوتا ہے

جمالیاتی خوبی جُزو لازِم ھوتی ہے مصنوعات کے کارآمد ہونے کی۔ کیونکہ روزمرہ استمعال میں آنے والی اشیأہ اپنا اثر ڈالتی ہے شخصیت پر اور ھماری فلاح کا سبب بنتی ہیں۔ لیکن بہترین طریقہ سے تکمیل شدہ اشیأہ ہی خوبصورت ہوتی ہیں۔

Ten principles for good design in Urdu! was originally published on UI Does Matter!

Magnetic Strip and Barcodes

So at Union City BART station I noticed two old ladies were struggling to pay for their parking ticket. What was annoying to them was the following:

1) how to enter the lot # where there car was parked?
2) what type of parking they need to select, is it All Day, 3 hours etc?
2) how to swipe the credit card/debt card to pay for the parking?

I approach them and help them out, but I was just giving them instructions what to do for which step.

Guess where they stuck most? First they complained because of angel of the sun the screen was unreadable. So they changed the parking payment meter. Now they were able to understand first two flow. And they got stuck on Step #3, which is payment.

They need to quickly insert the card and pull it out. This is bit difficult for old people, they tend to be bit slow.

Why not create a duo-magnetic strip which can be designed as barcode? Or best of all why not make system forgiven, in the sense when it sees card is inserted and it didn’t pull out for more then expected duration. Then it should not throw an error this will be easy for seniors to pay and it won’t impact the young age group either

Magnetic Strip and Barcodes was originally published on UI Does Matter!

Kingmaker

If content is the king, then context is the kingmaker.
- Mudassir Azeemi

Kingmaker was originally published on UI Does Matter!