Code My Views
Developer Daily
Our Methods
Work
Services
GET A FREE QUOTE
The Difference Between UI and UX
UI/UX posted by Code My Views
In today’s creative and technical environment, the terms “UI” (User Interface) and “UX” (User Experience) are being used more than ever. Overall, these terms are referring to specialties and ideas that have been around for years prior to the introduction of the abbreviated terminology.
But the problem with these new abbreviations is more than just nomenclature. Unfortunately, the terms are quickly becoming dangerous buzzwords: using these terms imprecisely and in often completely inappropriate situations is a constant problem for a growing number of professionals, including: designers, job seekers, and product development specialists. Understanding the proper separation, relationship and usage of the terms is essential to both disciplines.
UI != UX
The most common misconception that you will hear in the workplace, in client meetings and often in job listings or job requirements is the inadvertent combination or interchange of the terms. In many cases, the incorrect expectation is that an interface designer by default understands or focuses on user experience because their work is in direct contact with the user. The simple fact is that user interface is not user experience. The confusion may simply be because both abbreviations start with the letter “U”. More likely, it stems from the overlap of the skill-sets involved in both disciplines. They are certainly related areas, and in fact many designers are knowledgeable and competent in both.
“UI refers to the aggregation of approaches and elements that allow the user to interact with a system.”
However, despite the overlap, both fields are substantially different in nature and – more importantly – in their overall objectives and scope. User interface is focused on the actual elements that interact with the user – basically, the physical and technical methods of input and output. UI refers to the aggregation of approaches and elements that allow the user to interact with a system. This does not address details such as how the user reacts to the system, remembers the system and re-uses it.
Such problems bring us to the user experience. Don’t be fooled! User experience is much more than just the end result of user interface. Instead, I have always found it best to consider user experience as the reactor or nucleus of a brand. A brand being, in essence, the sum of the experiences that a person has with a company or organization. User experience is the goal. Not just the goal of an interface, but of a product or interaction with an organization. When good user experience is achieved, every desirable or positive effect that one could possibly think of flows from it. UX is focused on success of the whole. In reality, the product is not the sum of its parts; the experience is.
“Consider user experience as the reactor or nucleus of a brand.”
At the end of the day, that is all we get to leave the user with: a memory. As we all know, human memory is astounding but it’s imperfect. Every detail contributes to the ingredients of a good user experience, but when it all comes down to it, the user will remember products in somewhat skewed way. UX contains a much bigger picture than UI does but it still relies on the smallest details to drive it. This understanding is the most powerful asset anyone can have in product development.
UI is a Tool
User interface is one of the most powerful tools at our disposal in the quest for great user experience. Why? Simply, the interface is the most tactile, visceral and visible method with which our users interact with us. UI is the front line. This is possibly the best explanation for why the two terms are so often used interchangeably or combined into one.
Incorrect Usage is Dangerous
Communication is complex and can be confusing. The development of precise and specialized terminology facilities easier communication. But what happens when we are effectively not speaking the same language?
“Unthinkable amounts of time and money are spent to dance around the incorrect focus and usage of these terms.”
What if I said, “Use a screw” meaning a corkscrew metal fastener to an engineer assembling a product, but he thought it referred to an angle bracket or chemical adhesive? The product might have some serious problems. Granted, interfaces and experiences aren’t going to literally blow up in our face. However, the effect is no less powerful. Unthinkable amounts of time and money are spent to dance around the incorrect focus and usage of these terms. Eventually, wasting time and money will put a company out of business or cause products to fail. Improper application of the concepts can be disastrous.
Finding the Right Designer
Some of the most common usage failure for the UI and UX terms is where it matters most: job listings and requirements. It is already difficult to locate excellent candidates for specialized jobs such as interface design and user experience design. But it’s certainly more difficult to hire the right person for the job when the skill set and design focus are miscommunicated. It’s expensive to hire a specialist, and it’s even more costly to hire one that cannot solve the problem you need solved. More often than not, the job requirements and responsibilities are skewed toward the UI designer job description but come loaded with the responsibility and expectation of a UX designer.
Responsibility For the Problem
Whether a UI or UX designer, there is still the element of design. Design is a solution to a problem. When roles are clearly defined and universally understood, it’s much easier to attack a problem, propose a solution and execute on it. In the case of UI and UX, the problem normally applies to situations where the responsibility for the interface and the experience is assigned to one designer who simply does not have overall control of both aspects.
It’s tough to own up to a problem when the ability to solve it is not in your hands. A UI designer may have the ability to create interactive designs, icons, colors, text, and affect a number of other elements that solve problems dealing with direct interactions to the user. Those elements are fantastic tools to affect user experience but they are only part of the equation. The user experience is influenced by a multitude of things such as marketing copy, speed, functional performance, color scheme, personality, customer support, set expectations, financial approach, visualization… well, you get the idea.
“It is not that one designer cannot handle both areas. It is about the tools and ability to problem solve.”
It isn’t fair or practical to tell the UI designer that they are responsible for all these things and more. It isn’t that user experience cannot be designed. If the situation were reversed for a UX designer it would be equally difficult. In order for a designer to rightly take ownership of the UX problem, they must be enabled to recommend and effect changes, implementations and decisions that control the experience. The flawed understanding is about designer focus and scope. It is not that one designer cannot handle both areas. It is about the tools and ability to problem solve. Effectively, a builder without any tools is just as powerless to build as a person with no skill or knowledge.
Conclusion
The first step to successfully attacking any problem is to understand what must be done. Understanding the difference between UI and UX is an intellectual asset with staggering ramifications.
From hiring the right person for the job to simply understanding what is required to approach the problem, proper knowledge of the UI and UX terminology is a simple way to facilitate better communication, better problem solving, better design and better user experience.
Join the Discussion
More
ARTICLES
images description
10 Tips for Designing Icons That Don’t Suck
Almost every designer is thinking about app design these days. One of the smallest features of every app is
images description
How To Center Anything With CSS
Recently, we took a dive into the very core concepts behind CSS layout and explored the differences between...
Get A Quote For Your Project
ALL OF OUR PRICE QUOTES AND PROJECTS ARE GUARANTEED
Speak to a real developer today
team@codemyviews.com
512-831-6717
or
GET A QUOTE
OUR LOCATIONS
Austin Map
Austin
Code My Views
600 Congress, 14th Floor
Austin, TX 78701
SF Map
San Francisco
Code My Views
156 2nd Street
San Francisco, CA 94105
Code My Views Inc.
© 2015
NDA
Terms of Service
Privacy Policy
About Us
Jobs
About Us
Methodology
Our Code
Developer Daily
Blog Index
UI/UX
Front End
Branding
Live Chat
Talk to one of our developer specialists today for any assistance or information.
รหัสมุมมองของฉันพัฒนาทุกวันวิธีของเราทำงานบริการ ขอใบเสนอราคาฟรีความแตกต่างระหว่าง UI และ UXUI/UX โพสต์ โดยรหัสมุมมองของฉันในวันนี้ทางเทคนิค และความคิดสร้างสรรค์สิ่งแวดล้อม เงื่อนไข "UI" (เฟซ) และ "UX" (ประสบการณ์ผู้ใช้) มีการใช้มากขึ้นกว่าเดิม โดยรวม เงื่อนไขเหล่านี้จะอ้างอิงถึงความเชี่ยวชาญและความคิดที่ได้รับรอบสำหรับปีก่อนที่จะแนะนำคำศัพท์ย่อแต่ปัญหาของคำย่อเหล่านี้ใหม่เป็นมากกว่าเพียงแค่ระบบการตั้งชื่อ เงื่อนไขได้เป็นอย่างดีได้อย่างรวดเร็ว buzzwords อันตราย: ใช้เหล่านี้ข้อ imprecisely และในสถานการณ์ที่ไม่เหมาะสมทั้งหมดมักจะเป็นปัญหาคงที่การเพิ่มจำนวนผู้เชี่ยวชาญ รวมทั้ง: ออกแบบ ผู้หางาน และผู้เชี่ยวชาญในการพัฒนาผลิตภัณฑ์ เข้าใจแยกเหมาะสม ความสัมพันธ์และใช้เงื่อนไขได้จำเป็นต้องทั้งสองสาขาUI ! = UXเข้าใจมากที่สุดที่คุณจะได้ยิน ในทำงาน ในการประชุมลูกค้า และมักจะ ในรายการงานหรือความต้องการงาน เป็นชุดโดยการแลกเปลี่ยนเงื่อนไข ในหลายกรณี ความไม่ถูกต้องถูกออกแบบ โดยค่าเริ่มต้นอินเทอร์เฟซที่เข้าใจ หรือเน้นประสบการณ์ของผู้ใช้เนื่องจากทำงานติดต่อโดยตรงกับผู้ใช้ ความจริงคือ ส่วนติดต่อผู้ใช้ที่ไม่ประสบการณ์ผู้ใช้ ก็อาจจะสับสน เพราะคำย่อทั้งสองเริ่มต้น ด้วยตัวอักษร "U" ว่า มันเกิดจากการทับซ้อนของทักษะชุดเกี่ยวข้องกับสาขาวิชาทั้ง เป็นพื้นที่ที่เกี่ยวข้องอย่างแน่นอน และในความเป็นจริงมากมีความรู้ ความเชี่ยวชาญทั้ง"UI อ้างถึงรวมแนวทางและองค์ประกอบที่ช่วยให้ผู้ใช้สามารถโต้ตอบกับระบบ" อย่างไรก็ตาม แม้ มีการทับซ้อน ฟิลด์ทั้งสองมากแตกต่างกัน ในธรรมชาติ และ – สำคัญ – ขอบเขตและวัตถุประสงค์โดยรวมของพวกเขา ส่วนติดต่อผู้ใช้จะเน้นองค์ประกอบจริงที่โต้ตอบกับผู้ใช้ทั่วไป วิธีการทางกายภาพ และทางเทคนิคของการป้อนข้อมูลและ UI หมายถึงรวมแนวทางและองค์ประกอบที่ช่วยให้ผู้ใช้สามารถโต้ตอบกับระบบ นี้รายละเอียดไม่ว่าจะตอบสนองผู้ใช้ระบบ ระบบจดจำ และใช้อีกครั้งปัญหาดังกล่าวนำเราไปงานของผู้ใช้ ไม่ถูกหลอก ประสบการณ์ผู้ใช้ที่ผลลัพธ์สุดท้ายของส่วนติดต่อผู้ใช้ได้ แทน มีเสมอพบว่าดีที่สุดเพื่อให้ประสบการณ์ผู้ใช้เครื่องปฏิกรณ์หรือนิวเคลียสของแบรนด์ แบรนด์ที่ถูก สาระสำคัญ ผลรวมของประสบการณ์ที่บุคคลมีกับบริษัทหรือองค์กร ประสบการณ์ผู้ใช้ที่เป็นเป้าหมาย ไม่ได้เป็นเพียงเป้าหมาย ของอินเทอร์เฟซ แต่ผลิตภัณฑ์หรือโต้ตอบกับองค์กร เมื่อได้รับประสบการณ์ผู้ใช้ที่ดี ผลบวก หรือปรารถนา ทุกสามารถอาจคิดว่า ขั้นตอนจากการ UX จะเน้นความสำเร็จของทั้งหมด ในความเป็นจริง ผลิตภัณฑ์ไม่ใช่ผลรวมของส่วน ประสบการณ์ได้"พิจารณาประสบการณ์ผู้ใช้เครื่องปฏิกรณ์หรือนิวเคลียสของแบรนด์" ที่สุดของวัน นั่นคือทั้งหมดเราได้รับจากผู้ใช้: จำ เป็นเรา ทั้งหมดรู้ หน่วยความจำที่มนุษย์จะน่าตกใจ แต่ก็ไม่สมบูรณ์ รวมทุกรายละเอียดส่วนผสมประสบการณ์ผู้ใช้ที่ดี แต่เมื่อทั้งหมดมาลงไป ผู้ใช้จะจำวิธีนี้ผลิตภัณฑ์ในค่อนข้าง UX ประกอบด้วยมากใหญ่กว่ารูปภาพกว่า UI ไม่ แต่มันยังคงใช้รายละเอียดที่เล็กที่สุดไปได้ ความเข้าใจนี้เป็นสินทรัพย์มีประสิทธิภาพมากที่สุดที่ทุกคนสามารถมีการพัฒนาผลิตภัณฑ์UI เป็นเครื่องมือส่วนติดต่อผู้ใช้เป็นหนึ่งในเครื่องมือที่มีประสิทธิภาพที่สุดที่สุดในการแสวงหาประสบการณ์ผู้ใช้มาก ทำไม เพียง อินเทอร์เฟซเป็นสุดเพราะ อวัยวะภาย และมองเห็นวิธีการที่ผู้ใช้ของเราโต้ตอบกับเรา UI เป็นทัพหน้า นี้อาจเป็นคำอธิบายสุดทำไมเงื่อนไขสองดังนั้นมักจะใช้สลับกัน หรือรวมเป็นหนึ่งการใช้เป็น Dangerousสื่อสารมีความซับซ้อน และอาจเกิดความสับสน การพัฒนาคำศัพท์แม่นยำ และเฉพาะสิ่งอำนวยความสะดวกสื่อสารง่ายขึ้น แต่สิ่งที่เกิดขึ้นเมื่อเราได้อย่างมีประสิทธิภาพไม่ได้พูดภาษาเดียวกัน"จำนวนเงินและเวลา unthinkable ใช้เต้นรอบโฟกัสไม่ถูกต้องและใช้คำเหล่านี้" ถ้าผมพูด "ใช้ควง" หมายถึง การยึดโลหะเหล็กไขจุกขวดการประกอบผลิตภัณฑ์ วิศวกร แต่เขาคิดว่า มันเรียกว่าวงเล็บมุมหรือกาวเคมี ผลิตภัณฑ์อาจมีปัญหาร้ายแรง ให้ อินเตอร์เฟสและประสบการณ์ไม่ไปเป่าอย่างแท้จริงขึ้นในหน้าของเรา อย่างไรก็ตาม ผลคือมีประสิทธิภาพไม่น้อย จำนวนเงินและเวลา unthinkable ใช้เต้นรอบโฟกัสไม่ถูกต้องและใช้เงื่อนไขเหล่านี้ ในที่สุด เสียเวลาและเงินจะนำบริษัทออกจากธุรกิจ หรือทำให้ผลิตภัณฑ์ไม่ การประยุกต์แนวความคิดที่ไม่เหมาะสมได้ร้ายค้นหาแบบที่เหมาะสมบางส่วนของความล้มเหลวของการใช้ทั่วไปสำหรับเงื่อนไข UI และ UX เป็นซึ่งมันสำคัญมากที่สุด: งานรายการและความต้องการ มันมีอยู่แล้วยากที่จะค้นหาผู้สมัครที่ดีสำหรับงานเฉพาะเช่นการออกแบบอินเทอร์เฟซและผู้มีประสบการณ์ออกแบบ แต่ก็แน่นอนยากต่อการจ้างงานบุคคลงานเมื่อทักษะการกำหนดและการออกแบบที่ความเป็น miscommunicated แพงไปจ้างผู้เชี่ยวชาญ และมันจะยิ่งเสียค่าใช้จ่ายการเช่าที่ไม่สามารถแก้ปัญหาต้องแก้ไข มากมักจะไม่เป็น ความต้องการของงานและความรับผิดชอบบิดเบือนไปทางคำอธิบายงานออกแบบ UI แต่โหลดมากับความรับผิดชอบและความคาดหวังของนักออกแบบ UXความรับผิดชอบสำหรับปัญหาว่าการออกแบบ UI หรือ UX ยังมีองค์ประกอบของการออกแบบ การออกแบบเป็นการแก้ไขปัญหา เมื่อบทบาทกำหนดไว้อย่างชัดเจน และเกลียดชัง เข้าใจ จึงง่ายมากที่จะโจมตีปัญหา เสนอปัญหา และดำเนินการ ในกรณีของ UI และ UX ปัญหาปกติใช้กับสถานการณ์ที่กำหนดให้ความรับผิดชอบสำหรับอินเทอร์เฟซและประสบการณ์การออกแบบหนึ่งที่เพียงแค่มีการควบคุมโดยรวมของทั้งสองด้านIt’s tough to own up to a problem when the ability to solve it is not in your hands. A UI designer may have the ability to create interactive designs, icons, colors, text, and affect a number of other elements that solve problems dealing with direct interactions to the user. Those elements are fantastic tools to affect user experience but they are only part of the equation. The user experience is influenced by a multitude of things such as marketing copy, speed, functional performance, color scheme, personality, customer support, set expectations, financial approach, visualization… well, you get the idea.“It is not that one designer cannot handle both areas. It is about the tools and ability to problem solve.” It isn’t fair or practical to tell the UI designer that they are responsible for all these things and more. It isn’t that user experience cannot be designed. If the situation were reversed for a UX designer it would be equally difficult. In order for a designer to rightly take ownership of the UX problem, they must be enabled to recommend and effect changes, implementations and decisions that control the experience. The flawed understanding is about designer focus and scope. It is not that one designer cannot handle both areas. It is about the tools and ability to problem solve. Effectively, a builder without any tools is just as powerless to build as a person with no skill or knowledge.ConclusionThe first step to successfully attacking any problem is to understand what must be done. Understanding the difference between UI and UX is an intellectual asset with staggering ramifications.From hiring the right person for the job to simply understanding what is required to approach the problem, proper knowledge of the UI and UX terminology is a simple way to facilitate better communication, better problem solving, better design and better user experience.Join the DiscussionMoreARTICLESimages description10 Tips for Designing Icons That Don’t SuckAlmost every designer is thinking about app design these days. One of the smallest features of every app isimages descriptionHow To Center Anything With CSSRecently, we took a dive into the very core concepts behind CSS layout and explored the differences between...Get A Quote For Your ProjectALL OF OUR PRICE QUOTES AND PROJECTS ARE GUARANTEEDSpeak to a real developer today team@codemyviews.com 512-831-6717 or GET A QUOTEOUR LOCATIONSAustin MapAustinCode My Views600 Congress, 14th FloorAustin, TX 78701SF MapSan FranciscoCode My Views156 2nd StreetSan Francisco, CA 94105Code My Views Inc.© 2015NDATerms of ServicePrivacy PolicyAbout UsJobsAbout UsMethodologyOur CodeDeveloper DailyBlog IndexUI/UXFront EndBrandingLive Chat Talk to one of our developer specialists today for any assistance or information.
การแปล กรุณารอสักครู่..
