휴먼인터페이스디자인
페이지 정보
본문
사용자 인터페이스(User Interface_UI)의 이해
시대적인 변화에 따라그 개념이 확장되거나 변형되고 있는 UI와 UX에 대해 저와 함께 이야기를 나누어 보아요.
오늘 첫번째 이야기는 UI에 대한 이해로 시작해 볼께요.
사용자 인터페이스User Interface는 왜 어떻게 생겨났을까?
인터페이스Interface는 뭐지?
인터페이스에도 종류가 있어?
Apple's Human Interface Guidelines Overview
In this video I discuss Apple's Human Interface Guidelines. I'm willing to bet that a lot of you haven't read this and some may have never heard of it. In my opinion, it's fundamental reading for any iOS developer. The information in the HIG is vast and valuable. If you have no experience in UI/UX this will be a great start for you. It's a MUST READ!
Human Interface Guidelines:
https://developer.apple.com/design/human-interface-guidelines/
If you like my teaching style, I've released my first iOS dev course which is all about the take-home project job interview for iOS developers.
Course Info - https://seanallen.teachable.com/
Link to my book - How I Became an iOS Developer:
https://gumroad.com/l/sean-allen-origin
Hired.com:
https://hired.com/x/1n01g
Check out my podcast, iOS Dev Discussions:
https://itunes.apple.com/us/podcast/ios-dev-discussions-sean-allen/id1426167395?mt=2
Are you a gamer? I'm streaming video games on Twitch:
twitch.tv/seanallen
Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):
Ray Wenderlich Books:
https://store.raywenderlich.com/a/20866/link/1
Ray Wenderlich Videos:
https://store.raywenderlich.com/a/20866/link/24
Paul Hudson's Hacking With Swift:
https://gumroad.com/a/762098803
Learn Advanced Swift Here:
https://gumroad.com/a/656585843
Links to my iOS Dev Setup \u0026 iOS Dev Book Recommendations
https://www.amazon.com/shop/seanallen
Personal Links:
Twitter:
https://twitter.com/seanallen_dev
Instagram:
@seanallen_dev
#swift #softwaredeveloper #iosdeveloper
Jeffrey Lai : Thanks as always Sean! Do you actually read through the entire HIG? Or use it more as a reference and read specific sections as you need them?
Anthony Junior : Welcome back. Thanks for this reminder. Timely!!!
Joe Montero : I'm not a developer but an aspiring product designer and I have used the iOS HIG as a design reference. It's ok but it needs to be updated badly. I used this link https://ivomynttinen.com/blog/ios-design-guidelines for more iOS design guidelines.
Agustín Olmedo : Thanks Sean I been following your videos a year ago and I always find treasure information like this one.
Keep it up
Greets from ARG!
Paula J. Bean : As iOS dev I get all too often a design dictated to me by the client, made by a designer who designs apps like it was a website, with controls and UX that diverges strongly from what's usual on iOS (perhaps to stand out?), and invariably they have almost never heard of the HIG. I'm always surprised the apps get accepted in the AppStore.
이것만 알아도 UX디자인 쉬워집니다 / UX 디자인 리소스 Best5 / 실리콘밸리 디자이너의 UX 디자인 노하우 대방출
#UX #레퍼런스 #유엑스디자인
0:00 영상 주제 소개
0:35 UI 영감얻기 좋은 사이트, Dribbble, Behance 단점 (오늘의 주제는 아님)
1:58 Mobbin.design (스크린샷 모음사이트)
4:26 Growth.design (케이스 스터티 모음 사이트)
5:08 UserOnBoard (온보딩 - 새 사용자를 새 프로덕트에 가입하게 만드는 스텝들)만 분석한 사이트)
6:29 각 플랫폼 디자인 가이드라인 (iOs,Android)
9:01 Sketchappsources (디자인 스케치파일 다운로드 가능한 사이트)
이번 영상은 UX 디자인하시는 분들께 정말 꿀팁같은 알짜배기 정보를 공유하려고 해요. 원래는 제 포트폴리오 업데이트하는 영상을 만들려고 했는데.. 제 포트폴리오 업데이트하는 영상은 시간이 좀 걸릴 거 같고.. 그래서, 그 사이에 빨리 공유해드리고 싶은 정보 먼저 영상으로 만들어 봤어요. 진짜 진짜 제가 알려드리는 웹사이트들만 다 알고만 계셔도 #유엑스 디자인하시는데 자신감이 생길만한 리소스들입니다. 비록 미국 사이트들 이긴 하지만 그래도 모든 앱 시장의 중심지 회사에서 나온 정보들인 만큼 여러분이 디자인하시는데 분명히 도움이 될 거라 확신합니다. 영어공부도 함께 하기도 좋고~ 우리 다 같이 잘 활용하여 유저들이 더 편하게 지낼 수 있도록 디자인해봐요 ^^*
***제가 아직 영상 작업이 서툴고, 말을 잘하는 편이 아니라서.. 11분짜리 영상 하나 작업하는데 20시간이 걸렸어요 ㅜㅜ 제 열정과 정성을 봐서라도 끝까지 봐주시면 정말 감사하겠습니다. 그러면, 영상 작업하는데 엄청난 큰 힘이 된답니다.****
오늘도 제 영상 봐주신 여러분 정말 정말 감사드립니다.
Tip - 세팅에서 1080p로 설정하시면 고화질로 보실 수 있으세요!
영상 속에서 언급한 사이트들 아래에 링크 걸어놨습니다. 참고하세요.
UX free resources
1. Mobbin.design (iphoneX screenshots collection?) https://mobbin.design/
2. Growth.design (Case Studies) https://growth.design/
3. UserOnboard https://www.useronboard.com/
4. Platform design guidelines
iOS Human Interface Guidelines : https://developer.apple.com/design/human-interface-guidelines/
Android Google Material Design : https://material.io/design
Microsoft Fluent Design System : https://www.microsoft.com/design
Free Design Files
5. Sketchappsources : https://www.sketchappsources.com/
#UI portfolio platforms
http://dribbble.com
http://behance.net
Music in the video
All Music Licensed to YouTube by (on behalf of Epidemic Sound)
Be My Poison - Stray Bandit
Flares - Jones Meadow
Smiles - Jones Meadow
Jerry : 디테일한 강의 소개 너무 감사드립니다 :)
BML NT : 한국에서 제품디자인을 전공하고 있는데 ux쪽으로 더 준비하려고 찾아보고 있었습니다. 그런데 정말 좋은 채널을 찾은거 같아요. 좋은 경험을 공유해주셔서 감사합니다 :D
서다윗 : 좋은 영상 너무 감사합니다! 요즘엔 XD를 많이 사용하는데 XD 디자인 리소스 사이트는 혹시 없을까요?
황인재 : App기획자입니다.
이전에 UX 레퍼런스 찾을 때 Dribble, Pinterest 등만 찾아봤는데 더 좋은 곳들이 많았네요.
하나씩 더 써봐야겟어요 감사합니다.
에바 신 : ux독학하는 입장에서 도움 많이 됩니다! 감사합니다!!! 앞으로도 좋은 콘텐츠 부탁드립니다.^^
시대적인 변화에 따라그 개념이 확장되거나 변형되고 있는 UI와 UX에 대해 저와 함께 이야기를 나누어 보아요.
오늘 첫번째 이야기는 UI에 대한 이해로 시작해 볼께요.
사용자 인터페이스User Interface는 왜 어떻게 생겨났을까?
인터페이스Interface는 뭐지?
인터페이스에도 종류가 있어?
Apple's Human Interface Guidelines Overview
In this video I discuss Apple's Human Interface Guidelines. I'm willing to bet that a lot of you haven't read this and some may have never heard of it. In my opinion, it's fundamental reading for any iOS developer. The information in the HIG is vast and valuable. If you have no experience in UI/UX this will be a great start for you. It's a MUST READ!
Human Interface Guidelines:
https://developer.apple.com/design/human-interface-guidelines/
If you like my teaching style, I've released my first iOS dev course which is all about the take-home project job interview for iOS developers.
Course Info - https://seanallen.teachable.com/
Link to my book - How I Became an iOS Developer:
https://gumroad.com/l/sean-allen-origin
Hired.com:
https://hired.com/x/1n01g
Check out my podcast, iOS Dev Discussions:
https://itunes.apple.com/us/podcast/ios-dev-discussions-sean-allen/id1426167395?mt=2
Are you a gamer? I'm streaming video games on Twitch:
twitch.tv/seanallen
Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):
Ray Wenderlich Books:
https://store.raywenderlich.com/a/20866/link/1
Ray Wenderlich Videos:
https://store.raywenderlich.com/a/20866/link/24
Paul Hudson's Hacking With Swift:
https://gumroad.com/a/762098803
Learn Advanced Swift Here:
https://gumroad.com/a/656585843
Links to my iOS Dev Setup \u0026 iOS Dev Book Recommendations
https://www.amazon.com/shop/seanallen
Personal Links:
Twitter:
https://twitter.com/seanallen_dev
Instagram:
@seanallen_dev
#swift #softwaredeveloper #iosdeveloper
Jeffrey Lai : Thanks as always Sean! Do you actually read through the entire HIG? Or use it more as a reference and read specific sections as you need them?
Anthony Junior : Welcome back. Thanks for this reminder. Timely!!!
Joe Montero : I'm not a developer but an aspiring product designer and I have used the iOS HIG as a design reference. It's ok but it needs to be updated badly. I used this link https://ivomynttinen.com/blog/ios-design-guidelines for more iOS design guidelines.
Agustín Olmedo : Thanks Sean I been following your videos a year ago and I always find treasure information like this one.
Keep it up
Greets from ARG!
Paula J. Bean : As iOS dev I get all too often a design dictated to me by the client, made by a designer who designs apps like it was a website, with controls and UX that diverges strongly from what's usual on iOS (perhaps to stand out?), and invariably they have almost never heard of the HIG. I'm always surprised the apps get accepted in the AppStore.
이것만 알아도 UX디자인 쉬워집니다 / UX 디자인 리소스 Best5 / 실리콘밸리 디자이너의 UX 디자인 노하우 대방출
#UX #레퍼런스 #유엑스디자인
0:00 영상 주제 소개
0:35 UI 영감얻기 좋은 사이트, Dribbble, Behance 단점 (오늘의 주제는 아님)
1:58 Mobbin.design (스크린샷 모음사이트)
4:26 Growth.design (케이스 스터티 모음 사이트)
5:08 UserOnBoard (온보딩 - 새 사용자를 새 프로덕트에 가입하게 만드는 스텝들)만 분석한 사이트)
6:29 각 플랫폼 디자인 가이드라인 (iOs,Android)
9:01 Sketchappsources (디자인 스케치파일 다운로드 가능한 사이트)
이번 영상은 UX 디자인하시는 분들께 정말 꿀팁같은 알짜배기 정보를 공유하려고 해요. 원래는 제 포트폴리오 업데이트하는 영상을 만들려고 했는데.. 제 포트폴리오 업데이트하는 영상은 시간이 좀 걸릴 거 같고.. 그래서, 그 사이에 빨리 공유해드리고 싶은 정보 먼저 영상으로 만들어 봤어요. 진짜 진짜 제가 알려드리는 웹사이트들만 다 알고만 계셔도 #유엑스 디자인하시는데 자신감이 생길만한 리소스들입니다. 비록 미국 사이트들 이긴 하지만 그래도 모든 앱 시장의 중심지 회사에서 나온 정보들인 만큼 여러분이 디자인하시는데 분명히 도움이 될 거라 확신합니다. 영어공부도 함께 하기도 좋고~ 우리 다 같이 잘 활용하여 유저들이 더 편하게 지낼 수 있도록 디자인해봐요 ^^*
***제가 아직 영상 작업이 서툴고, 말을 잘하는 편이 아니라서.. 11분짜리 영상 하나 작업하는데 20시간이 걸렸어요 ㅜㅜ 제 열정과 정성을 봐서라도 끝까지 봐주시면 정말 감사하겠습니다. 그러면, 영상 작업하는데 엄청난 큰 힘이 된답니다.****
오늘도 제 영상 봐주신 여러분 정말 정말 감사드립니다.
Tip - 세팅에서 1080p로 설정하시면 고화질로 보실 수 있으세요!
영상 속에서 언급한 사이트들 아래에 링크 걸어놨습니다. 참고하세요.
UX free resources
1. Mobbin.design (iphoneX screenshots collection?) https://mobbin.design/
2. Growth.design (Case Studies) https://growth.design/
3. UserOnboard https://www.useronboard.com/
4. Platform design guidelines
iOS Human Interface Guidelines : https://developer.apple.com/design/human-interface-guidelines/
Android Google Material Design : https://material.io/design
Microsoft Fluent Design System : https://www.microsoft.com/design
Free Design Files
5. Sketchappsources : https://www.sketchappsources.com/
#UI portfolio platforms
http://dribbble.com
http://behance.net
Music in the video
All Music Licensed to YouTube by (on behalf of Epidemic Sound)
Be My Poison - Stray Bandit
Flares - Jones Meadow
Smiles - Jones Meadow
Jerry : 디테일한 강의 소개 너무 감사드립니다 :)
BML NT : 한국에서 제품디자인을 전공하고 있는데 ux쪽으로 더 준비하려고 찾아보고 있었습니다. 그런데 정말 좋은 채널을 찾은거 같아요. 좋은 경험을 공유해주셔서 감사합니다 :D
서다윗 : 좋은 영상 너무 감사합니다! 요즘엔 XD를 많이 사용하는데 XD 디자인 리소스 사이트는 혹시 없을까요?
황인재 : App기획자입니다.
이전에 UX 레퍼런스 찾을 때 Dribble, Pinterest 등만 찾아봤는데 더 좋은 곳들이 많았네요.
하나씩 더 써봐야겟어요 감사합니다.
에바 신 : ux독학하는 입장에서 도움 많이 됩니다! 감사합니다!!! 앞으로도 좋은 콘텐츠 부탁드립니다.^^
... 
댓글목록
등록된 댓글이 없습니다.
