Welcome back. The goal of this course is to get you to level
up from an already awesome developer
to an even awesomer design minded developer.
>> Exactly. So let's start by reviewing what you learned
in Lesson 1. The first thing we learned in Lesson 1
was, we defined UX and disambiguated it from UI. Then
we gave you an awesome visceral example of great user experience.
>> I love that visceral example.
>> And we also use two examples of a sign
in form and a checkout form to illustrate why it's bad to
start with detail first thinking. It
basically causes you to only optimize locally.
>> Yeah, exactly. You end up creating some really awesome
forms, but the overall application might suffer, and if you zoom
out you actually get an idea what the application should do.
And then you might decide you don't even need those ones.
>> Exactly and then we also learned a technique called LO RES
wire framing, which helps you think about your application as a
series of steps that your user needs to go through to
accomplish a certain task. So now that we know that we're
supposed to think in this way, where do we go from here?
What do we do next? So in Lesson 1 we are
really focusing on the smart phone. But now we're going to start
focusing on the person. So we need to ask ourselves, who
is our end user? Or who are we making this application for?
>> So Isabel, how do we focus on the user?
>> And that's a great question. And the answers all lie
ahead in Lesson 2, where we're going to talk all about how
to design for our end user. Before we get started, let's
go over a quick overview of what you're going to learn in Lesson
2. We're going to discuss two things. The first is how to
design applications for a specific type of user, or a persona,
and their use cases. The second thing is, how to build
a feature list that's tailored for your persona and your use case
to make sure that your application will really delight your user.
>> Sounds great, Isabelle. Let's get started
عودًا حميدًا. يتمثل الهدف من هذه الدورة التدريبية في
الارتقاء بك من مطور رائع بالفعل
إلى مطور أكثر روعة يهتم بالتصميم.
>> بالضبط، لذا لنبدأ بمراجعة ما تعلمته في الدرس
الأول. أول شيء تعلمناه في الدرس الأول
كان تعريفنا لتجربة المستخدم وإزالة غموضها عن واجهة المستخدم. ثم
قدمنا إليك مثالاً غريزيًا عن تجربة المستخدم الرائعة.
>> يعجبني هذا المثال الغريزي.
>> كما استخدمنا مثالين أيضًا لنموذج تسجيل
الدخول ونموذج السداد مع الخروج لتوضيح السبب وراء سوء
البدء بالتفكير في التفاصيل أولاً. إنه يسبب
قيامك بالتحسين محليًا فقط بشكل أساسي.
>> نعم، بالضبط. لقد انتهيت بإنشاء بعض النماذج
الرائعة حقًا، ولكن التطبيق الكلي قد يتأثر، وإذا قمت بالتصغير،
فستصل في الواقع إلى فكرة ما يجب أن يفعله التطبيق.
وبعدئذ قد تقرر عدم حاجتك إليها حتى.
>> بالضبط وبعد ذلك تعلمنا أيضًا تقنية يطلق عليها التأطير الشبكي
LO RES، التي تساعدنا على التفكير في التطبيق
كسلسلة من الخطوات التي يجب على المستخدم اتخاذها
لإنجاز مهمة معينة. والآن نعرف أنه يفترض
بنا التفكير بهذه الطريقة، فإلى أين سننتقل من هنا؟
وماذا سنفعل بعد ذلك؟ إذن لقد ركزنا في
الدرس الأول على الهاتف الذكي فعلاً. ولكننا سنبدأ الآن في
التركيز على الشخص. لذا يجب أن نسأل أنفسنا، من هو
المستخدم؟ أو من الشخص الذي نقوم بإنشاء هذا التطبيق من أجله؟
>> إذن إيزابيلا، كيف نركز على المستخدم؟
>> وهذا سؤال رائع. والإجابة كلها تنتظرنا
في الدرس الثاني. حيث سنتحدث عن كل ما يتعلق بكيفية
التصميم للمستخدم. ولكن قبل أن نبدأ، لنلق
نظرة عامة على ما ستتعلمه في الدرس
الثاني. سنناقش أمرين. يتناول الأول كيفية
تصميم تطبيقات لنوع معين من المستخدمين أو الأشخاص
وحالات استخدامهم. أما الأمر الثاني فهو كيفية إنشاء
قائمة ميزات مصممة حسب شخصيتك وحالة استخدامك
للتأكد من أن التطبيق سيبهج المستخدم حقًا.
>> يبدو ذلك رائعًا إيزابيلا. لنبدأ
Bienvenidos otra vez.
El objetivo de este curso es que pases del ser
"un desarrollador genial",
a ser un aún más genial desarrollador enfocado en el diseño.
Exacto. Comencemos por revisar lo que aprendimos en la Lección 1.
Lo primero que aprendimos en la Lección 1 fue
la definición y desambigüación de UX con respecto a IU.
Luego dimos un ejempo empírico de una fantástica experiencia de usuario.
Me encanta ese ejemplo.
También usamos dos ejemplos
de un formulario de subscripción y un formulario de pago
para ilustrar porqué es malo comenzar pensando primero en los detalles.
Básicamente eso te hace optimizar solo localmente.
Sí, exactamente. Terminamos creando unos formularios geniales,
pero la aplicación en su conjunto puede sufrir consecuencias,
y en verdad si la miras de lejos tendrás una idea de lo que debería hacer.
Y quizás más adelante decidamos que ni siquiera necesitamos esos formularios.
Exacto y además aprendimos una técnica llamada
LO RES WIRE FRAMING, que te ayudará a pensar en la aplicación
como una serie de pasos que el usuario necesita recorrer
para lograr completar una cierta tarea.
Ahora, que sabemos que se espera que pensemos de ese modo,
¿Adónde vamos desde este punto?
¿Cuál es el siguiente paso?
En la Lección 1 realmente nos enfocamos en el Smart Phone.
Pero ahora comenzaremos a enfocarnos en la persona.
Tenemos que preguntarnos,
¿Quién es nuestro Usuario Final? ¿Para quién está hecha esta aplicación?
Isabelle, ¿cómo nos enfocamos en el usuario?
Esa es una gran pregunta.
Y las respuestas están más adelante en la Lección 2,
donde vamos a hablar acerca de cómo diseñar para nuestro Usuario Final.
Antes de comenzar, vamos a hacer un rápido resumen
de lo que van a aprender en la Lección 2.
Discutiremos dos temas.
El primero se trata de cómo diseñar aplicaciones
para tipos específicos de usuario, o persona,
y sus casos de uso.
La segunda se trata de cómo construir una lista de características
a la medida de la persona y tus casos de uso
para asegurarnos de que la aplicación será realmente del agrado del usuario.
¡Suena genial, Isabelle! Comencemos.
このコースの目的は開発者である皆さんを
よりすばらしい設計思考の開発者に レベルアップさせることです
そのとおりです まずはレッスン1の復習をしましょう
レッスン1ではUXを定義し UIとの違いを明確にしました
そしてUXを感覚的に理解するための例を見せました
私のお気に入りです
そしてログインとチェックアウトの フォームを例に使って
細部から考えることが なぜいけないのか説明しました
局所的にしか最適化できないからです
すばらしいフォームを作ることはできても
アプリ全体としては弱点が残ります
視野を広げることでアプリがすべきことが見えて
フォームが必要ないと気づきます
それからワイヤーフレームという手法を学びました
ユーザがタスクを完了するために
アプリにどんなステップが必要か考えました
アプリ開発に必要な考え方を理解したところで 次はどうしましょう？
レッスン1ではスマートフォンに 焦点を当てましたが
ここからは人に焦点を当てます
誰がエンドユーザで 誰のためのアプリか考えていきます
どうやってユーザに焦点を？
レッスン2では エンドユーザのための設計を学ぶので
そこですべての答えが出てきます
それではレッスンに入る前に 簡単な概要を見ておきましょう
2つのことを議論します
1つ目は特定のユーザであるペルソナと ユースケースのためのアプリ設計についてです
2つ目はペルソナやユースケースに合わせた 機能リストをどのように作り
ユーザを喜ばせるかについてです
それでは始めましょう
Bem-vindo de volta. O objetivo deste curso é te colocar um nível acima
de um já fantástico desenvolvedor
para um desenvolvedor ainda melhor com a mente voltada para design.
- Exatamente. Então vamos começar revisando o que você aprendeu
na Lição 1. A primeira coisa que vimos na Lição 1
foi, nós definimos UX e o separamos da UI. Daí
nós te demos um exemplo visceral fantástico de ótima experiência do usuário.
- Eu adoro aquele exemplo visceral.
E nós também usamos dois exemplos de assinatura de
em formulários de entrada e de saída para ilustrar porque é ruim
começar pensando em detalhes primeiro.
Isso basicamente te leva a uma otimização apenas local.
- Sim, exatamente. Você acaba criando alguns formulários fantásticos,
mas o aplicativo em geral pode sofrer, e se você vê-lo de longe,
você realmente terá uma idéia do que o aplicativo deveria fazer.
E aí você pode decidir que você nem precisa daquilo.
- Exatamente, e aprendemos também uma técnica chamada LO RES
wire framing, que te ajuda a pensar sobre o seu aplicativo como se fosse
uma série de passos que o seu usuário precisa seguir
para terminar uma certa tarefa. Então agora que sabemos que
nós devemos pensar dessa forma, para onde vamos a partir daqui?
O que faremos agora? Então na Lição 1 realmente
nos focamos no smart phone. Mas agora nós vamos começar
a nos focar na pessoa. Então devemos nos perguntar,
quem é o nosso usuário final? Ou, para quem estamos fazendo esse aplicativo?
- Então, Izabel, como nos focamos no usuário?
- E essa é uma ótima pergunta. E todas as respostas estão
logo à frente, na Lição 2, onde vamos falar tudo sobre como
desenhar para os nossos usuários finais. Antes de começar, vamos
fazer um rápido resumo do que vamos aprender na Lição 2.
Veremos duas coisas. Primeiro,
como desenhar aplicativos para um tipo específico de usuário,
ou persona, e suas possibilidades de uso. A segunda coisa é, como construir
uma lista de ferramenta que é desenhada especificamente para a sua persona e
possibilidades de uso, para assegurar que o seu aplicativo vai realmente
satisfazer o seu usuário. - Soa fantástico, Izabel. Vamos começar.