검색 기능 개선 tips

3796 단어 Android

kaelaela(Yuichi Maekawa)


Qita 소개 참조
@kaelaela
work@ Cyberagent
LT라서 깔끔해요.

검색 화제를 조금 개선하겠습니다.


일상적인 개선

  • 검색 이력서
  • 삽입 프롬프트
  • 입력 시 후보 축소
  • 검색 결과가 성공하지 않았을 때의 디스플레이
  • ~검색해보세요

    • 이외에 오늘의 내용(새 것이 아님)


    본 애플리케이션

  • AbemaTV
  • Abema FRESH!
  • Ameba
  • Google Play Music
  • Slack
  • Drid Kaigi 2016(홍보 가능한가)
  • Kindle
  • 라인 등

    • 언제 어디서나 검색 가능

  • 항상 검색 표시줄 보이기
  • 검색 결과 페이지(SPA)로 마이그레이션되지 않음
  • 어댑터 등을 RecyclearView로 교환
  • 태그에 들어가면 귀찮아요

    • 검색 강조 표시

  • 사용자는 어떤 내용에 대해 큰 인기를 끌지 매우 신경을 쓴다
  • Html사용류fromHtml방법 강조
  • Html 태그로 소모하기 싫어서 간단히

    • 키보드

  • 검색 페이지로 마이그레이션한 후 키보드 보내기
  • getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_VISIBLE);
  • 검색 종료 즉시 키보드 닫기
  • getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);

    • Fast Scroll

  • RecyclerView-FastScroll

  • RecyclerViewFastScroller
    (개인적으로)

    • Fast Scroll

  • 결과의 양이 증가하면 이동이 번거롭다
  • 화면 오른쪽(왼쪽) 끝에 작은 표시기
  • 검색 결과를 분리하면 표시 영역

    • Tap to Top

  • 한 번에 위로 스크롤
  • RecyclerView#scrollToPosition(0)
  • smoothScrollToPosition() 소요 시간
  • iOS에서 Statubar의 헤드셋으로 목록으로 이동

    • Tap to Top

  • 태그가 있으면 클릭하면 위로 돌아갑니다
    • TabLayout.OnTabSelectedListener()
    @Override
public void onTabReselected(TabLayout.Tab tab) {
   TapToTopTab currentTab = (TapToTopTab) pagerAdapter.getItem(position);
   currentTab.scrollToTop();
}
  • 라벨이 없을 때...?

    • Swipe to Refresh

  • 트렌드 등 최신 정보의 의미 있는 상황
  • 많은 사용자들이 같은 키워드로 최신 버전을 보고 싶어 한다
  • 트위터 같은 거 다 의미 없이 잡아당기는 거
  • 공식: Adding Swipe-to-Refresh To Your App

    • 총결산

  • 언제 어디서나 검색
  • 검색어의 하이라이트
  • 인스턴트 키보드
  • Fast Scroll
  • Tap to Top
  • Swipe to Refresh

    • thx ;-)

    CSS 및 HTML만 사용하여 응답성이 빠르고 단계적으로 향상된 블록 레이아웃을 구성합니다.
    구축(deps-dev):eslint를 7.8.1에서 7.9.0으로 향상

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage